Cara Membuat Read More Dengan Icon Gambar (Part II) di Blog

Sebenarnya banyak blogger yang mempostingkan Tips ini, namun saya menulis ini juga supaya saya tidak lupa. Dan untuk kali ini Read More Dengan Icon Gambar.

Langsung saja berikut langkah-langkahnya :

1. Masuk Blogger pilih Template

2. Centang Expand Template Widget

3. Cari kode </head> Supaya cepat klik Ctrl F

4. Masukkan kode dibawah ini tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>

<script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

5. Cari kode <data:post.body/> dan Ganti 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'><img src='URL_Gambar'/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan :

URL Gambar : bisa diganti sesuai selera atau Coppy Paste URL gambar di bawah

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera

summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera

img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera

img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera

Berikut URL Gambar yang direkomendasikan :

     http://dc586.4shared.com/img/yy_nKMM-/s7/Read_More1.png

     http://dc586.4shared.com/img/f0cly7Ll/s7/Read_More2.png

     http://dc346.4shared.com/img/QDXn_Iwf/s7/Read_More3.png

     http://dc586.4shared.com/img/tG4ITW7G/s7/Read_More4.png

     http://dc614.4shared.com/img/gh6oeXMM/s7/Read_More5.png

     http://dc586.4shared.com/img/Kua1GwG9/s7/Read_More7.png

     http://dc618.4shared.com/img/HsXtQcia/s7/Read_More8.png

     http://dc402.4shared.com/img/O4V9UIcb/s7/Read_More15.png

Coppy URL gambar di atas dam Paste di URL Gambar

Save Template dan lihat hasilnya.

Selamat Mencoba Semoga bermanfaat.