Cara membuat auto Read More plus judul artikel
English Version:
Dengan mengunakan Read More otomatis semua potongan posting akan sama dan terlihat rapi.
Langsung saja, untuk tutorials nya seperti biasa masuk ke acount blogger anda dan edit Html jangan lupa centang "expand whdget template" seperti gambar di bawah ini:
kemudian cari kode ]]></b:skin> dan letakan kode di bawah ini tepat setelah kode tersebut:
< script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 420;
summary_img = 250;
img_thumb_height = 140;
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("&dlt")!=-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>
lalu cari kode Html < data:post.body/> atau < p>< data:post.body/>< /p>
ganti dengan kode di bawah 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:left'>< a expr:href='data:post.url'>» Read more → < data:post.title/>< /a>< /span>
< /b:if>
< b:if cond='data:blog.pageType == "item"'>< data:post.body/>< /b:if>
catatan:
untuk mengatur potongan posting anda tinggal mengubah ini.
==¤ summary_noimg = 420; tinggi artikel terpotong tanpa image
==¤ summary_img = 250;tinggi artikel terpotong dengan image
==¤ untuk tulisan Read More bisa anda ganti sesuka hati
setelah selesai jangan lupa klik save template.
sekarang blogger sudah suport dengan Read More,bila anda ingin meggunakan Read More pasilitas blogger baca tutorial nya Di sini===>>
Category: Tips and tricks, Tutorials blog
bos taya dongg.. untuk memperbesar hrfnya kodenya yang mana? http://informasi-marwadi.blogspot.com
@Marwadi
baca aja di sini