Cara membuat Read More pada Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Apa fungsi Read More ?

commons.wikimedia.org
Read More pada blog berfungsi guna meringkas halaman utama supaya tidak terlalu panjang dan berantakan. Read More juga berfungsi untuk mempermudah navigasi pengunjung karena dalam satu halaman bisa muat beberapa artikel (?) secara ringkas. Jadi bisa Anda simpulkan sendiri, pentingkah Read More dalam suatu blog, tentunya hal ini juga sesuai kebutuhan.

Bagaimana cara memasang Read More otomatis ?

Untuk memasangnya tidaklah sulit, hanya perlu salin dan tempel saja, secara otomatis seluruh artikel di blog Anda akan terpasang Read More. Ikuti langkah-langkah berikut ini :

Pertama, buka Blogger.com ! Kemudian pilih blog !
Kedua, masuk ke menu template ! Kemudian pilih edit html !
Ketiga, cari kode ]]></b:skin> ! Kemudian salin dan tempel kode .post-thumbnail{float:left;margin-right:20px} tepat di atas kode ]]></b:skin> !
Keempat, cari kode <data:post.body/> ! Kemudian ganti kode <data:post.body/> dengan kode <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
 
Kelima, simpan perubahan !

Setelah mengikuti langkah-langkah di atas, seharusnya blog Anda sudah terpasang Read More secara otomatis, apabila tidak terpasang, mungkin Anda masih salah dalam melakukan langkah-langkah tersebut atau apabila ditemukan <data:post.body/> lebih dari satu, silakan coba satu persatu apabila kode <data:post.body/> pertama tidak bisa, kembalikan perubahan dan ganti dengan kode <data:post.body/> yang kedua dan seterusnya, atau mungkin juga template Anda tidak sesuai. Selamat mencoba !

Sumber :

  • http://bos-tutorial.blogspot.co.id/2013/06/cara-membuat-read-more-otomatis-tanpa.html 

Tag : Blogger
Back To Top