Terima Kasih Atas Kunjungan Anda by Nia
EnglishFrenchGermanSpainItalianDutch RussianPortugueseJapaneseKoreanArabicChinese Simplified

Rabu, 29 Desember 2010

cara pasang readmore di blog

Posted by catatan nia 00.10, under | No comments

kayaknya saya pernah mempost coretan cara pasang read more, tapi kok hilang dari coretan saya ini, untung saja ilmu untung saya masih ada di word laptop saya, jadi tinggal pasang lagi deh di coretan saya ini, anda ingin tau nieh bagaimana memasang read more di blog??
mari, kini coretan nia bantu lagi/share lagi untuk kalian:
bismillah
1. login ke blog spot kamu
2. tata letak "klik saja"
3. klik edit html
4. klik kolom kecil "Expand Template Widget"
5. cari kode ini </head> biar mudah tekan ctrl + F
6. copy kode di bawah ini, tepat di atas kode tadi </head>


<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </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");
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> 

7. terus cari kode ini <data:post.body/> kalau mau lebih mudah tekan Ctrl + F
8. lalu kamu hapuslah kode <data:post.body/> dan gantilah dengan kode di bawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>


9. terus save, dan lihat hasilnya

0 komentar:

Posting Komentar

Tags

perkenalan

..:: Selamat Datang ::..
Assalamu'alaikum Wr. Wb Selamat datang di my blog sederhana ini. Salam kenal buat semua bloger yang ada di mana saja kalian berada. Welcome To My Blog. Terma Kasih Telah Mengunjungi Blog Sederhana ini ... Jangan lupa juga iaa kunjungi kampus saya, DCC Bandar Lampung .... Semoga Isi Blog Ini Bermanfaat ......