My Blog List

Sunday, March 29, 2009

cara mengatur tampilan postingan


Memiliki banyak artikel merupakan suatu cita-cita bagi semua blogger. Tapi kadang kalau terlalu banyak artikel tampilan blog kita jadi tidak enak dipandang. Tampilan blog kita jadi terlalu panjang. Orang mesti "scroll-down" terlebih dahulu untuk melihat blog kita. Ruginya kalau kita memeliki "footer" di blog kita, kadang orang tidak sempet melihat karena keburu bosan. Padahal banyak juga orang yang menyimpan sesuatu yang berharga di"footer" blog mereka. Ada kolom "FOLLOW", ada "ladang $"-nya lagi.
Ada beberapa cara untuk mengatur tampilan posting kita.

1. Dengan mengatur jumlah postingan yang muncul dalam halaman blog kita.
Untuk mengatur ini, kita tidak perlu repot dan tidak perlu mikir. Hanya tinggal masuk kedalam account blogger anda, lalu klik tab "SETTING", Lalu klik tab "FORMATING".
Dalam tab "FORMATING" terdapat option untuk menampilkan jumlah postingan (artikel) dalam halaman blog kita.
Hanya saran saya, atur jumlah postingan biar terlihat seimbang dengan sisi sidebar anda.
formating tab
2.Cara yang kedua untuk mengatur tampilan posting kita yaitu dengan menggunakan option "READ MORE".
Artikel tentang hack ini sudah banyak dibuat oleh para blogger profesional, seperti blog kang rohman ,blog o-om, dan banyak lagi yang lainnya.
Caranya cukup simpel.
Langkah 1:
cari kode dibawah ini
<div class='post-header-line-1'/> <div class='post-body'>

Kemudian tambahkan kode dibawah setelah kode diatas
<b:if cond='data:blog.pageType == 'item'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


Setelah itu anda cari lagi kode dibawah
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Ubah menjadi seperti ini
<p><data:post.body/></p>
<a expr:href='data:post.url' target='_blank'><data:post.ReadMore/>Read More......</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Sehingga kodenya akan menjadi seperti ini:
<div class='post-header-line-1'/> <div class='post-body'>
<b:if cond='data:blog.pageType == 'item'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>
<a expr:href='data:post.url' target='_blank'>>Read More......</a>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
(tulisan Read More.... dapat diganti dengan kata-kata yang disukai)
Sudah Selesai....??? tinggal sebentar lagi sobat. Sekarang kita meluncur ke tab "SETTING", lalu Klik "Formatting". Kemudian isi box post template seperti ini

Nah satu hal yang perlu sobat ingat....ketika posting masuk ke dalam "Edit HTML" yah, jangan "Compose". Cara penulisan artikelnya sebagai berikut.
artikel sebagian
<span class="fullpost">
artikel selanjutnya
</span>

Jangan lupa yah!!!! kalau tidak, ngak bakalan muncul tuh Read More-nya.

Dah dulu, cape juga nih,mana koneksi lelet bangeutMarah

Salam


Print this post
Bookmark this post:
StumpleUpon DiggIt! Del.icio.us Blinklist Technorati Reddit


3 comments:

[+/-]Click to Show or Hide Old Comments

tiyo avianto on March 30, 2009 at 10:08 AM said...

Ok juga nih tutorial nya

fathur on February 9, 2010 at 2:21 PM said...

Saya mau coba nich!

Firman Azka's Blog on March 29, 2010 at 8:59 PM said...

Dengan readmore.. artikel kita akan lebih rapi. Terima kasih atas informasinya

[+/-]Show or Hide Comments

Post a Comment

My Banner

Loud Launch Site Disclosure Statement

I have received financial compensation for some of the posts on your blog (in keeping with current FTC Regulations) as some posts are paid posts.
 

Copyright 2009 All Rights Reserved Magazine 4 column themes by One 4 All