BLOG PELAJAR

Kemarin saya sudah menjelaskan tentang membuat read more tanpa script disini, tapi sekarang saya juga ingin mengposting tentang bagaimana cara membuat link read more secara otomatis. Kalo kemarin kita membuat read more tanpa script tentu saja sekarang memggunakan script. Bingung-bingung deh, hehehe. Tapi tenang, pasti saya jelaskan dengan lengkap. Baiklah ini langkah-langkahnya:

1. Login ke blogger
2. Masuk ke menu templete
3. Kemudian klik menu edit html dan jangan lupa di centang pada bagia expand widget templetes

4. cari kode </head> dengan menggunaka ctrl+f

5.Lalu letakan script berikut di atasnya

<script type='text/javascript'><br /> var thumbnail_mode = "float" ;<br /> summary_noimg = 250;<br /> summary_img = 250;<br /> img_thumb_height = 120;<br /> img_thumb_width = 120;<br /> </script><br /> <script type='text/javascript'><br /> //<![CDATA[<br /> /******************************************<br /> Auto-readmore link script, version 2.0 (for blogspot)<br /> (C)2008 by Anhvo<br /> visit http://en.vietwebguide.com to get more cool hacks<br /> ********************************************/<br /> function removeHtmlTag(strx,chop){<br /> if(strx.indexOf("<")!=-1)<br /> {<br /> var s = strx.split("<");<br /> for(var i=0;i<s.length;i++){<br /> if(s[i].indexOf(">")!=-1){<br /> s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br /> <br /> }<br /> }<br /> strx = s.join("");<br /> }<br /> chop = (chop < strx.length-1) ? chop : strx.length-2;<br /> while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br /> strx = strx.substring(0,chop-1);<br /> return strx+'...';<br /> }<br /> function createSummaryAndThumb(pID){<br /> var div = document.getElementById(pID);<br /> var imgtag = "";<br /> <br /> var img = div.getElementsByTagName("img");<br /> var summ = summary_noimg;<br /> if(img.length>=1) {<br /> 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>';<br /> summ = summary_img;<br /> }<br /> var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br /> div.innerHTML = summary;<br /> }<br /> //]]><br /> </script><br /> <br /> Keterangan:<br /> <br /> summary_noimg = 250 adalah jumlah ringkasan tulisan jika tidak ada gambarnyasummary_img = 250 adalah jumlah ringkasan tulisan jika ada gambarnyaimg_thumb_height = 120 adalah tinggi gambar<br /> img_thumb_width = 120 adalah lebar gambar<br /> <br /> 6.Setelah itu cari kembali kode berikut <data:post.body/> dengan menggunakan ctr+f<br />

7. Kemudian ganti kode berikut dengan script di bawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'><br /> <b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /> <div expr:id='"summary" + data:post.id'><data:post.body/></div><br /> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br /> <span style='float:right'><a expr:href='data:post.url'>Baca Selengkapnya... </a></span><br /> </b:if><br /> </b:if><br /> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if><br /> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if></div>
8. Kemudian tinggal kita save

Nah kalian tinggal melihat hasilnya, dan jika sudah ada tulisa "baca selengkapnya" berarti anda sudah berhasil membuat read more otomatis. Good Luck ya sob buat pengembangan blognya...