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.

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 bangeut

Salam


Print this post

Bookmark this post: