Read more otomatis yang ini cocok untuk blog yang telah disetting atau berganti domain menjadi co.cc karena kalau anda menggunakan read more otomatis versi satu, anda tidak akan berhasil. Baiklah langsung saja kita lihat caranya:
1. Silahkan login ke blogger terlebih dahulu.
2. Klik Rancangan.
3. Kemudian klik Edit HTML.
4. Centang Expand Template Widget.
5. Letakkan kode di bawah ini tepat diatas kode </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </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. Selanjutnya, hapus kode: <data:post.body/> atau <p><data:post.body/></p>
7. Ganti kode yang anda hapus tadi dengan kode di bawah:
<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>
8. Kemudian SAVE Template dan lihat hasilnya.
Home »
Blogging »
Membuat Read More Otomatis »
Membuat Read More Otomatis (Versi 2) Untuk Domain CO.CC
8 Jul 2010
Membuat Read More Otomatis (Versi 2) Untuk Domain CO.CC
Artikel Terkait Membuat Read More Otomatis (Versi 2) Untuk Domain CO.CC :
Cara Membuat Read More Otomatis di BlogspotUntuk membuat read more otomatis di blogspot, ikuti langkah-langkah berikut ini:1. Login ke Blogspot.2. Masuk ke Dasbor>Rancangan ...
Cara Mengganti Favicon Blog di BloggerFavicon atau favorit icon adalah gambar kecil yang letaknya di belakang url website pada navigation bar browser kita. Bagaimana c ...
Cara Setting Domain Blogspot Menjadi CO.CCDomain co.cc sebenarnya sudah lama keberadaannya, namun baru sekarang pihak www.co.cc memberikan domain yang benar-benar gratis. ...
Cara Menulis Script/Kode HTML di PostingMungkin anda adalah salah seorang yang bernasib sama dengan saya. Ketika pertama kali mau menulis sebuah posting yang berisi scri ...
Cara Membuat Blog di BlogspotApa yang dimaksud dengan Blog?Sebelum membuat sebuah blog kita perlu sedikit mengetahui apakah blog itu. Blog merupakan singkatan ...
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar