Menambahkan Read More Otomatis Pada Blogspot

ujungkelingking - Fungsi read more pada blog adalah untuk mempercantik atau merapikan tampilan blog itu sendiri, sehingga artikel yang kita posting tidak langsung tampil seutuhnya, akan tetapi hanya cuplikan dari paragraf pertama saja.

Ada beberapa cara untuk menambahkan read more pada blog. Salah satunya dengan menggunakan jump break, yang ber-ikon "kertas sobek" yang berada di bagian atas ketika kita hendak memposting sebuah artikel. Namun cara ini mengharuskan kita untuk mengedit semua tulisan kita satu persatu. Melelahkan, tentu.

Nah, kali ini, dari hasil googling saya menemukan cara untuk menambahkan read more secara otomatis pada blogspot. Artinya, dengan sekali setting, maka semua artikel kita sudah menjadi lebih rapi.

Berikut ini langkah-langkahnya,

• Setelah Anda login ke Blog Anda, masuk ke menu design > edit HTML > expand template widget (beri tanda centang)
• Dengan menggunakan CTRL-F (find), cari kode </head>, lalu paste kode berikut tepat di bawahnya;

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

• Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/>, ganti kode tersebut dengan kode di bawah 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'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
  </b:if>
  <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Simpan, dan selesai.

*note: kode yang berwarna merah di atas bisa diganti sesuai keinginan.

summary_noimg = 430, artinya apabila artikel Anda tanpa gambar apapun (no image), maka yang muncul pada tampilan depan adalah 430 huruf.

summary_img = 340, bila artikel Anda mengandung gambar, maka yang tampil adalah 340 huruf dan gambar.

img_thumb_height = 100, ini berarti ukuran tinggi gambar (thumbnail) yang tampil di depan.

img_thumb_width = 120, ini berarti ukuran lebar gambar yang tampil di depan.

Anda juga bisa mengganti ikon read more dengan hanya menjadi tulisan saja dengan mengganti <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> dengan <b>read more</b>


Sumber: www.bamz.us

Written by: Pri Enamsatutujuh

UJUNGKELINGKING, at Saturday, March 31, 2012