Cara memberi Readmore di Blog

Kali ini Baharshare akan memberikan tutor membuat Readmore di blog. guna readmore di blog adalah untuk mempersempit tinggi postingan blog , dengan readmore tampilan blog kita akan lebih rapi dan membuat cantik blog .
Ok tanpa perlu basa-basi lagi mari kita praktekan:
1. Pilih Template - Klik HTML - centang Expand
2. kemudian cari Kode </head> untuk lebih singkatnya tekan CTRL+F dan masukan kode tersebut.
3. masukan kode dibawah ini tepat diatas kode </head>.

<b:if
cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
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>

4. Ganti kode yang berwarna hitam :
    - Summary_noing = 280 (untuk mengatur berapa banyak karakter pada saat postingan tidak memiliki gambar)
   - summary_img = 250 (untuk mengatur berapa banyak karakter pada saat postingan memiliki gambar)
   - img_thumb_height = 70 (untuk mengatur tinggi gambar)
   - img_thumb_width = 100 (untuk mengatur lebar gambar)
5.untuk selanjutnya cari kode <data:post.body/> seperti biasa tekan CTRL+F untuk mempercepatnya
6. masukan kode dibawah ini tepat dibawah <data:post.body/> dan tepat di atas 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://lh4.googleusercontent.com/-SHGfBXdyYmc/T-x3Y42UB1I/AAAAAAAADhM/RxCSk4FSDKE/s74/readmore_thumb.gif'/></a></span>

7.klik pratinjau untuk melihat apakah berhasil atau tidak , jika sudah klik save template


Selamat Mencoba ,,,

0 komentar:

Post a Comment