Cara Membuat Read More Otomatis Pada Blog

Cara Membuat Read More Otomatis Pada Blog

Cara Membuat Read More Otomatis Pada Blog
Cara Membuat Read More Otomatis Pada Blog - sudah lama sekali Bloggerku tidak update hihi, kali ini bloggerku akan membahas tentang cara membuat read more otomatis di blogger, sebenarnya sudah banyak sekali template blog yang menggunakan read more, namun banyak juga orang yang ingin memasangnnya pada template yang belum ada read more atau ingin membuat Template dari awal.

Read more adalah bahasa inggris yang dapat diartikan ke Indonesia menjadi "Baca Selengkapnya", nah script ini adalah membuat halaman depan blog sobat menjadi lebih rapih dan keren, selain itu dengan memasang script ini blog sobat akan bertambah banyak pengunjung, karena pengunjung tidak hanya membuka halaman depan saja, dia harus mengklik tombol read more tersebut :D.

Cara Membuat Read More Otomatis Pada Blog

1. Seperti biasa sobat login dulu ke blog sobat
2. Masuk ke Template lalu klik Edit HTML
3. Masukan kode di bawah ini tepat di atas kode </head>, gunakan CTRL + F agar pencarian menjadi lebih cepat
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 80;
img_thumb_width = 120;
</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 5px 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>
4. Setelah itu ganti tulisan <data:post.body/> dengan tulisan di bawah ini, biasanya ada banyak, silahkan coba satu per satu :)
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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:left'> <a expr:href='data:post.url'><b>Readmore</b> &#8594; <data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
5. Langkah terakhir silahkan sobat simpan dan lihat hasilnya 8-)

Sekian artikel tentang Cara Membuat Read More Otomatis Pada Blog, keep pusing and keep coding :D, bila sobat kebingungan sobat bisa berkomentar di bawah ini. Terima Kasih :-)