LIVE

10 Februari 2017

Cara Membuat Tombol Read More

Exestunts - Cara Membuat Tombol Read More, Read More atau biasanya Baca Selengkapnya digunakan untuk meminimalis jumlah kata atau text yang muncul pada halaman untama atau pada home, jadi artikel kalian tidak semuanya muncul,, kalian harus mengklik READ MORE atau BACA SELENGKAPNYA untuk melihat sepenuhnya isi artikel. Berikut ini adalah langkah langkah membuat tombol Read More untuk blog.


Cara Membuat Tombol Read More
1. Pada Dashbor Blogger Piih Template --> Edit HTML
2. Cari kode </head> Gunakan CTRL + F (Agar Lebih Mudah
3. Letakan Kode Dibawah Ini Diatas Kode </head>

<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>

Keterangan Kode Kode Yang Berwarna Merah
  • summary_noimg : Banyak Huruf Untuk Tidak Ada Gambar
  • summary_img : Banyak Huruf Untuk Ada Gambar
  • img_thumb_height : Ukuran Tinggi Gambar
  • img_thumb_width : Ukuran Lebar Gambar
4. Selanjutnya Cari Kode <data:post.body/> Lalu Ganti Dengan Kode Dibawah Ini

<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:
5. Pada Text Readmore Bisa Kalian Ganti Sesuai Keinginan Kalian
6. Simpan Template


EmoticonEmoticon