Jumat, 18 September 2009

Tutorial cara membuat READMORE di blogspot

Readmore/baca selanjutnya adalah sebuah trik untuk meminimalis posting kita bi blogspot, trik ini sangat berguna muntuk menampilkan sebagian dari keseluruhan isi posting kita. Dengan adanya Readmore maka postingan kita yang lain akan lebih gampang terlihat oleh user yang sedang melihat blog kita.

1. Buka template -> Edit HTML -> Kasih tanda centang pada menu "expand widget tempate".
2. Letakkan kode berikut persis di atasnya kode </head>

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}

<b:else/>
span.fullpost {display:none;}
</b:if>
</style>


3. Carilah kode di bawah ini

<p><data:post.body/></p>

atau lebih gampang untuk mencari kode tersebut tekan Crtl+F, masukan kode diatas maka secara otomastis pencari kode akan menunjukkan tempat kode tersebut. bila sudah di temukan copy paste kode di bawah ini,tepat di bawah kode diatas

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>


4. Klik Simpan. Selesai.
5. Klik "SETTINGS" atau Pengaturan, terus klik "FORMATTING" atau Format. Di
paling bawah ada kotak kosong di samping menu "TEMPLATE POSTING". Isi
kotak kosong tsb dg kode berikut:


<span class="fullpost">

</span>


Jangan lupa klik " SIMPAN PENGATURAN."

Cara Memposting

Ketika memposting, klik EDIT HTML tab posting (bukan COMPOSE). Maka, secara otomatis akan tampak kode


<span class="fullpost">

</span>


Letakkan posting yg akan ditampilkan di halaman muka di atas kode
sementara sisanya (yakni keseluruhan entry/artikel), letakkan di antara kode


<span class="fullpost">
-letakkan disini-
</span>










**

Tidak ada komentar:

Posting Komentar