tag:blogger.com,1999:blog-27191985409964580532024-02-20T01:39:29.991-08:00tips blogingindoforumhttp://www.blogger.com/profile/11057407992099840308noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-2719198540996458053.post-21585673882521713612012-05-03T14:25:00.003-07:002012-05-03T14:25:46.915-07:00Cara Mudah Membuat Readmore Otomatis di Blog Terbaru<div style="text-align: justify;">
Bagaimana <b><u>cara membuat readmore di blogspot</u></b> dengan cara
yang mudah dan cepat kilat di blog kesayangan sobat blogger . inilah
pokok bahasan yang akan saya bahas untuk anda semua,hehehe.</div>
<div style="text-align: justify;">
baik sobat blogger, sebelumnya saya jelaskan sedikit apa gunanya read
more pada blog kita. dengan adanya readmore blog sobat tampilan nya di
home tidak terlalu memanjang ke bawah seperti tampilan home blog saya
yang menggunakan readmore namun disini saya menggantinya dengan tulisan
baca selengkapnya, itu seterah sobat.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Berikut <b>cara memasang readmore di blogspot</b> :</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
-Login ke blogger dengan ID sobat.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
-Pilih Rancangan atau Tata Letak.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
-Pilih Edit HTML.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
-Centang tulisan "expand template widget".</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
-Lalu cari kode </head> : untuk mempermudah pencarian tekan F3.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
-Lalu masukkan code di bawah ini tepat di atas </head></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<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></div>
<div style="text-align: justify;">
<script type='text/javascript'></div>
<div style="text-align: justify;">
//<![CDATA[</div>
<div style="text-align: justify;">
function removeHtmlTag(strx,chop){</div>
<div style="text-align: justify;">
if(strx.indexOf("<")!=-1)</div>
<div style="text-align: justify;">
{</div>
<div style="text-align: justify;">
var s = strx.split("<");</div>
<div style="text-align: justify;">
for(var i=0;i<s.length;i++){</div>
<div style="text-align: justify;">
if(s[i].indexOf(">")!=-1){</div>
<div style="text-align: justify;">
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
strx = s.join("");</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
chop = (chop < strx.length-1) ? chop : strx.length-2;</div>
<div style="text-align: justify;">
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;</div>
<div style="text-align: justify;">
strx = strx.substring(0,chop-1);</div>
<div style="text-align: justify;">
return strx+'...';</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
function createSummaryAndThumb(pID){</div>
<div style="text-align: justify;">
var div = document.getElementById(pID);</div>
<div style="text-align: justify;">
var imgtag = "";</div>
<div style="text-align: justify;">
var img = div.getElementsByTagName("img");</div>
<div style="text-align: justify;">
var summ = summary_noimg;</div>
<div style="text-align: justify;">
if(img.length>=1) {</div>
<div style="text-align: justify;">
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>';</div>
<div style="text-align: justify;">
summ = summary_img;</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';</div>
<div style="text-align: justify;">
div.innerHTML = summary;</div>
<div style="text-align: justify;">
}</div>
<div style="text-align: justify;">
//]]></div>
<div style="text-align: justify;">
</script></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Kemudian sobat cari kode <data:post.body/></div>
<div style="text-align: justify;">
Ganti kode <data:post.body/> dengan kode di bawah ini :</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b:if cond='data:blog.pageType != &quot;item&quot;'></div>
<div style="text-align: justify;">
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div></div>
<div style="text-align: justify;">
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</div>
<div style="text-align: justify;">
</script></div>
<div style="text-align: justify;">
<span class='rmlink' style='float:right;padding-top:20px;'></div>
<div style="text-align: justify;">
<a expr:href='data:post.url'> <b> readmore</b>
&#187;&#187;&#160;&#160; </a></span></div>
<div style="text-align: justify;">
</b:if></div>
<div style="text-align: justify;">
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></div>
<div style="text-align: justify;">
</b:if></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Kemudian Save Template.</div>
<div style="text-align: justify;">
untuk keterangan readmorenya...</div>
<div style="text-align: justify;">
var thumbnail_mode = "float";: Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float”;</div>
<div style="text-align: justify;">
summary_noimg = 250;: Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;</div>
<div style="text-align: justify;">
summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;</div>
<div style="text-align: justify;">
img_thumb_height = 120;: Tinggi thumbnail dalam ukuran pixel;</div>
<div style="text-align: justify;">
img_thumb_width = 120;: Lebar thumbnail dalam ukuran pixel;</div>
<div style="text-align: justify;">
READMORE-: Tulisan READMORE bisa diganti misalnya dengan “Baca
Selengkapnya” dan apabila anda tidak ingin menampilkan judul dibelakang
Readmore, sobat bisa menghapus code script ini .</div>indoforumhttp://www.blogger.com/profile/11057407992099840308noreply@blogger.com0