- The Others Side From Andi Christiono -: Cara memperpendek tampilan posting pada Blogger

Senin, 13 April 2009

Cara memperpendek tampilan posting pada Blogger

Terkadang kita membuat artikel cukup panjang yang tentunya memang tidak dapat dipisahkan dari alur pesan yang akan kita sampaikan. Dan pastinya hal ini dapat mebuat para pengunjung blog kita merasa kurang nyaman karena harus melakukan scroll yang panjang ke bawah untuk dapat melihat isi dari suatu blog, apalagi jika memang artikel yang kita sampaikan sangat menarik dan memang tidak dapat kita persingkat.
Untuk itu mungkin dengan tips yang sederhana ini, mungkin dapat membantu membuat tampilan blog anda akan terlihat lebih rapih dan tertata.

Silahkan anda bisa coba yang satu ini :
1. Buka template/layout.

2. klik di edit html.

3. Aktifkan checkbox "expand widget template".

4. Silahkan Cari kode berikut ini :

div class="post-header-line-1"

div class='post-body'

5. Bila sudah ketemu, letakkan kode berikut di bawah kode html yang di atas (warna merah/no.4) :

b:if cond='data:blog.pageType == "item"'

style.fullpost{display:inline;}/style p data:post.body/

/p b:else/

style.fullpost{display:none;} /style

6. Di Bawah kode di atas terdapat kode html seperti ini:

p data:post.body/ /p

div style='clear: both;'/ !-- clear for photos floats --

7. Silahkan copy paste kode berikut di bawah ini dan masukan diantara 2 baris diatas (warna merah/no.6) :

a expr:href='data:post.url' Read More....../a

/b:if

8. Selesai. Lalu Save templatenya. Sekarang bila kita ingin melakukan posting yang cukup panjang dan anda ingin memutus teks dari blog anda maka anda cukup tambahkan kode seperti dibawah ini:

... span class="fullpost" Teks yang tidak ingin ditampilkan /span

9. Beres deh. Untuk teks yang tidak ingin ditampilkan = naskah yang ingin anda sembunyikan dan akan ditampilkan bila anda mengklik "read more".

Semoga bermanfaat....