Cara Membuat Read More Material Design Otomatis

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 :-)
0
Shares

TAGS: #blogger

• 
• 