r00t »» , »» cara buat readmore Otomatis di Blogspot / blogger

cara buat readmore Otomatis di Blogspot / blogger

by LolidsOfficialBlog | | , | 0 komentar »


Boeat temen - temen yang masih bingung cara buat readmore, benernya seh udah basi tapi barang kali bermanfaat buat temen2 yang baru pertama... bikin blog kayak saia.. coba ikuti langkah - langkah berikut ini :

oia, untuk contoh READMORE-nya bisa dilihat seperti blognya LOL1ds ini.

1. Login di dasbor blog sobat.
2. masuk ke edit HTML jangan lupa centang Expand Template Widget

Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:

<script type='text/javascript'>
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>


Masih pada halaman EDIT HTML, lalu temukan kode seperti dibawah :

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua 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:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

semoga bermanfaat.


untuk tutorial lengkapnya, silahkan mengunjungi :
http://www.o-om.com - blogger master -


tag: auto readmore, membuat readmore di blogger / blogspot, readmore, readmore otomatis, otomatis readmore di blog, memasang readmore di blog.





Article information: Description: cara buat readmore Otomatis di Blogspot / blogger Rating: 4.5 - Reviewer: LolidsOfficialBlog - ItemReviewed: cara buat readmore Otomatis di Blogspot / blogger


Related Tips, Tricks and Tutorials :



0 komentar Post :
cara buat readmore Otomatis di Blogspot / blogger


NOTE:
Follow me ON Facebook , Twitter or

Blog ini adalah Blog DoFollow dengan PageRank Free PageRank Checker, sobat akan mendapatkan Backlink untuk BLOG anda dengan berkomentar di Blog ini. Jangan ada komentar Spam, Please!!.

"Jika Menemukan LINK yg Tidak bisa di akses pada BLOG ini!, silahkan beritahu kepada kami melalui Komentar, Form, etc . sesegera mungkin kami akan memperbaikinya. Terimakasih"




Post a Comment

Next Prev Home