Cara Membuat Read More Otomatis

Cara Membuat Read More Otomatis di Blogspot akan ane berikan untuk kalian saat ini masih kesulitan, memang tidak semuanya bisa dengan hal mudah tapi jangan salah dulu para blogger senior pun sama kesulitan juga. Read More otomatis ini udah ane terapkan diblog ini Gak usah lama-lama langsung cek aja caranya bung.






Caranya :
Pertama, silahkan menuju menu DESIGN -> Edit HTML centang "Expand Widget Template", Cari kode </head> dengan cara menekan tombol " Ctrl + F " pada keyboard, kemudian letakan script dibawah ini di atas kode </head>.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
</b:if>
</b:if>


Keterangan:

summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan
di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di
posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)
--------------------------------------------------------------------------------

Kedua, masih di Edit HTML, cari kode <data:post.body/> dengan cara menekan tombol " Ctrl + F " pada keyboard, kemudian GANTI kode  <data:post.body/> dengan kode dibawah ini :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script 
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan :

  • Kata yang berwarna Orange bisa diganti sesuai selera Anda, seperti: Baca Selengkapnya, Lanjut Baca....dll.
--------------------------------------------------------------------------------

Ketiga, Selesai dah..... Gampang kan,.....

Selamat Mencoba...
Semoga Bermanfaat...



Admin - Zlems Creative

NOTE :
Bagi Anda yang akan download file, Anda akan diarahkan ke Adf.ly kemudian tunggu 5 detik dan klik tombol SKIP AD / LEWATI yang berada di sebelah kanan atas monitor Anda. Terima Kasih.

Get Free Email Updates Daily!

Follow us!

Baca Juga Ini :


1 comment:

  1. thanks alot buat tips tipsnya ya. blognya bagus banget :)

    ReplyDelete

Kritik dan Sarannya di Tunggu...
Jangan Bekomentar Spam yah... ^_^