Cara Membuat Auto Read More Terbaru
Halaman 1 dari 1
Cara Membuat Auto Read More Terbaru
Berikut ini adalah cara membuat auto read more pada blog kamu, sebenarnya ini merupakan cara yang lebih mudah, dari pada cara manual membuat read more pada blog kamu, kalau dulu kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi <div class="fullpost">
Atau <span class="fullpost">..</span>
dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Tapi kalau versi yang sekarang kita hanya perlu mengcopas script pada Html blog kamu
Cari Tag </head> , Kemudian Copas Script ini di atas Tag </head>, (Jangan Lupa Expand Widget Ya)
Setelah Ketemu Ganti kode tersebut dengan :
Setelah itu Simpan Lagi Dan Liad Blog Abang Sekarang
Atau <span class="fullpost">..</span>
dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Tapi kalau versi yang sekarang kita hanya perlu mengcopas script pada Html blog kamu
Cari Tag </head> , Kemudian Copas Script ini di atas Tag </head>, (Jangan Lupa Expand Widget Ya)
- Spoiler:
- <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>
Setelah Ketemu Ganti kode tersebut dengan :
- Spoiler:
- <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=post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Setelah itu Simpan Lagi Dan Liad Blog Abang Sekarang
Halaman 1 dari 1
Permissions in this forum:
Anda tidak dapat menjawab topik
|
|