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 = "float" ;
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/>
<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>
1 komentar:
trima kacih ea....
silakan follow me http://www.sholichahocha.blogspot.com
Posting Komentar