Ilmu Itu Murah Maka Amalkanlah

Senin, 26 September 2011

Membuat Readmore di Blogspot

Tahap 1 - Edit HTML

Langkah pertama silahkan login di blogger dan pilih blog yang akan di pasang read more.

Kedua, masuk ke menu edit html, lalu checklist kolom expand template widget kemudian cari kode html seperti ini :

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

Ketiga, hapus kode tersebut lalu ganti dengan kode yang ini :

<b:if cond="data:blog.pageType == &quot;item&quot;"> <style>
.fullpost{display:inline;}
</style> <data:post.body></data:post.body>
<b:else> <style>
.fullpost{display:none;}
</style> <data:post.body></data:post.body>
<a expr:href="data:post.url" href="http://www.blogger.com/post-create.g?blogID=7708416300417182328">Read More .. </a> </b:else>


Silahkan ganti text read more nya terserah anda. Kalo blog kursus blog ini pake baca selanjutnya. Jika sudah save template


Tahap 2 - Cara Posting

Setelah bagian edit html beres, sekarang saatnya untuk cara posting artikel dengan menggunakan read more. Langkah pertama, Silahkan buat postingan sampe selesai dulu. Kedua, tentukan paragraf yang akan di tampilkan kemudian pasang kode ini dibawah paragraf tersebut :

"<span class="fullpost">"

Ketiga, pasang kode berikut di akhir postingan

"</span>"

Udah ngerti kan ??
Kalo masih belum saya kasih gambarannya.

Paragraf postingan yang akan ditampilkan disini
"<span class="fullpost">"
Postingan yang ditampilkan setelah read more di klik disini
"</span>"

Semoga anda mengerti, jika ada yang ingin anda tanyakan silahkan poskan komentar...

------------------------------------------------------------------------------------------

Tidak ada komentar:

Posting Komentar