nggag usah basa- basi deh,, langsung aja lah,, hehehe,, cekidot,,
mungkin banyaknya postingan membuat blog kita tidak efisien sehingga saya akan memberikan ilmu ini untuk anda,,
berikut langkahnya :
1. log in ke blog kalian (blogger.com)
2. Dasbor - Tata Letak - Edit html
3. centang expand template widget
4. cari kode </head> atau jika susah kita cari dengan tekan ctrl+F dan tulis apa yang akan anda cari
5. copy code di bawah ini di atas </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 300; summary_img = 301; img_thumb_height = 150; img_thumb_width = 150; </script>
<script type='text/javascript'>
//<![CDATA[
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");
if(img.length<1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBI9W0QBC4q1onvfp_o9yqjhlTSVyRFY_hqN_Dq7MoUUkssHNWpeH9dNK97m4MCu1D6Vl__kNug8SZQ-1v0HydRT5Z5KcVdkAh3yQ37fvtscELePQqM8FTJAPjXfzu9az7-gXm35KfQQ/s1600/def-thumb.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}
if(img.length>=1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><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. lalu cari kode <data:post.body/>
7. lalu ganti dengan kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='URL GAMBAR'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
ganti kode yang berwarna hitam dengan url / link gambar anda
atau saya punya sedikit gambar read more yang akan saya bagikan ke anda semua
read more automatis dengan gambar :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='http://lh6.ggpht.com/_Kwwy9VyLMKw/S3qDYQZCiRI/AAAAAAAACxA/aXY0neVNzh0/but_readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
read more automatis dengan gambar :
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSAg_7nBrrGIVA3G7fX2grmI04l_Ih59ZPWjUgkwQH0Zkvjfovbt-FlXqpt8UXlMPkh9n3_koINuO3X7rrCERFCOkdDmzkbFRCw-8ad4Xxhakgy9K3RkTuSU2jjjju_jINvlI1bRzgJYI/s1600/readmore.gif'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
read more automatis dengan gambar :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJoahG8sKCeiK31JtJLbyAwI0K4i8FynPSVeQe865iS1Xkhyphenhyphen-QlFg9QC367swjPz4b0CsbSBpHPb21TkMM5tkEL5FamN_JdnMe8mrJquMZNN5D4hs7bc9ITZBs3Ti14jqGj8NDJAJU9Qo/s320/a1ifte.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
read more automatis dengan gambar
read more automatis dengan gambar :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='http://www.clubland.fm/content/images/icons/readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
read more automatis dengan gambar :
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='http://d.imagehost.org/0612/icon-read-more.gif'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
read more automatis dengan gambar :
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFHsj14GJvRWMx0rwjZoLaf7WWQVRI1zxeFf2cO6inGcp12vb42KQ2BIAm_s54QhokWxQDC4P46KZiU7y3OjRi8hcAV6PqKx7q0THQx6aGK6OnSGNmWSQTRh7aUFyoNDhys_P8FJA2IAQ/s1600/dark-grey.gif'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
yang terakhir simpan template,, jadi kan,,
jika kurang jelas bisa tanya/ komen di bawah,,
0 comments:
Post a Comment