CARA MEMBUAT READ MORE PADA BLOG DENGAN THUMBNAIL
1. Silahkan download template Anda sebelumnya
2. Pergi Ke Blogger> Template> Edit HTML
3. Klik pada "Expand Widget Template"
4. Kemudian cari kode </head>
5. Letakan kode berikut tepat di atas </head>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
6. Klik Save Template dan Lihat hasilnya....
Catatan :
Bagi sobat yang sudam memasang read more di blognya, sebaiknya di kembalikan dulu ke semula, Caranya dengan menghapus kode yang berwarna merah dibawah ini !
<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>
Sekian dulu ya sobat semua, semoga menjadi titik temu dari pencarian sobat...
Terimakasih Telah Berkunjung
Judul: CARA MEMBUAT READ MORE PADA BLOG DENGAN THUMBNAIL
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga saja artikel ini bermanfaat bagi Sahabat Cara Terkini semuanya . Jika kalian ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://kumpulan-terkini-93.blogspot.com/2013/09/cara-membuat-read-more-pada-blog-dengan.html. Terima kasih sudah datang untuk membaca artikel ini. Jangan lupa share artikel ini dan silahkan tinggalkan komentar anda dibawah.Ditulis oleh Unknown
Rating Blog 5 dari 5
CARA MEMBUAT READ MORE PADA BLOG DENGAN THUMBNAIL
4/
5
Oleh
Unknown
