Cara Membuat "Read More"

Kali ini Saya Akan Memberi Cara untuk Sobat Cara Membuat Tulisan "Read More" di Postingan,
Nah Saya Ndak Akan Basa Basi Lagi, Langsung Ke Langkah2nya Sob :

Buka Template>>Edit HTML
Jangan Lupa Centang Expand Template Widgets
Ctrl + F untuk mencari kode </head>

Paste Kode di bawah ini tepat diatas tulisan ]]></b:skin>

<!-- kode Read More -->
<script type='text/javascript'> 
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 250;
img_thumb_height = 60;
img_thumb_width = 60;
</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>

Tekan Ctrl+F untuk mencari kode <data:post.body/>

Tambahkan Tulisan

berikut tepat dibawah Tulisan tersebut dan diatas kode </b:if>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script><span class='rmlink' style='float:right;padding-top:20px; border:1px solid #fff;'>
<a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixsgXBeYphNoVTyxEJtXTeseZYibMxY-8od6SKaWsJ914OP04L18bdqqOMzn22dIonqkRW8fZtJ6XuLYfoa6O8SPvoSDEaHHxXcONFLoo0fiqdDiTlfQiNlt0wVUzW9fvwU3NoejZYuUQ/s74/readmore_thumb.gif'/></a></span>

Hasilnya Seperti Berikut :

<div class='post-header'>
    <div class='post-header-line-1'/>
    </div>

    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
<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'/></a></span>
</b:i>f
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

Simpan Template. Good Luck :D

Keterangan :
1. Kode <data:post.body/> tidak hanya ada satu, pilih kode pertama atau sesuaikan.
2. 2. Untuk link gambar http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif bisa di ganti sesuka hati sobat
3. Summary_noimg = 230; adalah jumlah karakter yang tampil, summary_img = 250; adalah gambar yang tampil di depan konten post jika posting menggunakan gambar, img_thumb_height = 60;, img_thumb_width = 60; adalah tinggi dan lebar gambar yang tambil di depan konten post.
  
  Oh Iya Sob Kalau Mau Tahu Lebih Jelas, Langsung Ke Sumbernya Aja , Dari Blog Berbagi-Kreativitas, Klik Disini

Like Fans Page Kami Ya Sob, Sebagai Tanda Terima Kasih Untuk Kami ^_^

Ditulis Oleh : Yunas Adhitya di Gallery-Blog8

Anda sedang membaca postingan saya yang berjudul Cara Membuat "Read More". Jika anda menyukai artikel saya, anda bisa menyebarluaskannya tetapi dengan disertakannya link yang sesuai dengan postingan tersebut sebagai sumbernya

<a href="http://gallery-blog8.blogspot.com/2013/01/cara-membuat-read-more.html" target="_blank">Cara Membuat "Read More"</a>

Ingat Copas Ada Aturannya Sob !

Gallery-Blog8

Gallery-Blog8