Sabtu, 21 Januari 2012

Cara Membuat Read More Pada Blog



Banyak dari kita para blogrer sejati yang ingin membuat blognya sederhana, tampilannya agar lebih simpel dan tidak terlalu panjang pada artikelnya. Caranya agar kita bisa membuat blog kita lebih sederhana adalah dengan cara membuat "Read More". Dibawah ini adalah cara membuat Read More yang sederhana.

1.Sign in blog anda => pada blogger dasbor pilih rancangan
2.Pilih edit HTML
3.Sebelumnya cawang Expand Template Widget
4.Selanjutnya copy HTML di bawah ini di atas code html <head>


<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 430;
summary_img = 300;
img_thumb_height = 120;
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>

Untuk memudahkan anda mencari kode html <head> caranya dengan mengunakan bantuan found (ctrl + F) kemudian ketik <head> pada pencarian.

5.Cari kode html <data:post.body/>  dengan cara lewat bantuan found. Kemudian ganti kode html <data:post.body/> dengan kode html di bawah ini

<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 == &quot;item&quot;'><data:post.body/></b:if>
 

2 komentar:

Sofiatul Mualimah mengatakan...

Alhamdulillah posting yang bermanfaat. saya suka. semoga menjadi amal jariyah bagi penulis. terus berkarya, sebar luaskan dakwah Islam, jalin silaturahmi, silakan follow saya http://www.siteislami.co.cc , semoga menambah ilmu kita. amin

Mar'atus Sholichah mengatakan...

trima kacih ea....
silakan follow me http://www.sholichahocha.blogspot.com

Poskan Komentar

 

ONEOTO Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger