Cara membuat Read More

Caramembuat read more di blog. Artikel ini saya tulis berawal dari rasa ingin tahunya saya ketika melihat blog-blog yang dilengkapi tombol atau link yang bertuliskan read more, Baca selengkapnya, dll. Tapi setelah dicari, kini makin dibuat penasaran karena terkadang diartikel panduannya terkadang kurang dapat dipahami untuk saya yang masih newbie. Akhirnya setelah lama diutak atik tuh html akhirnya ketemu juga. Sekarang bagi kamu yang ingin mencobanya kamu bisa ikuti langkah-langkah dibawah ini, berdasar dari pengalaman ane sendiri loh.

Contoh : Read More, Baca Selengkapnya

Cara membuat Read More di Blogspot atau Blogger.

·         Login/masuk ke Blog anda.

·        Klik Template > Edit HTML atau Buka halaman design > Edit HTML > centang Expand template widget.

·     Cari kode </head> atau gunakan tombol CTRL + F di keyboard untuk mempermudah pencarian.

·        Kemudian kamu paste kan kode dibawah ini tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 460; summary_img = 280; img_thumb_height = 100; img_thumb_width = 110; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

·      Kemudian setelah itu cari kode <data:post.body/> atau <p><data:post.body/></p>  gunakan tombol CTRL + F di keyboard untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.

·       Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'> Read More</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

·       Simpan template mu terlebih dahulu kemudian lihat hasilnya

NB : berdasar pengalaman saya jika setelah dilihat hasilnya tidak berubah kamu bisa mencoba mengganti semua kode <data:post.body/> atau <p><data:post.body/></p>  dengan kode diatas, kemudian simpan template anda dan lihat hasilnya.

Kamu bisa mengganti kata-kata Read More tersebut dengan kata-kata mu sendiri atau dengan mengganti kata-kata tersebut dengan gambar, caranya ganti kata-kata tersebut dengan kode dibawah :

<a expr:href='data:post.url'><img src="Url gambarmu"></img></a></span>

Selamat mencoba, semoga artikel ini bermanfaat.