Nah, berhubung ini blog baru, sudah sepatutnya sang pemilik blog merapikan,mempercantik, dan mendesain blognya agar enak dibaca. Haha, itulah yang aku lakukan sore ini di hari pertama blogging. Kali ini aku mau ngasih sedikit tutorial tentang cara memasang read more , hapus "Langgan: Entri (Atom)" , dan menghapus attribution blogger.
Ketiga hal ini menurutku hal yang paling penting diterapkan di blog. Hal ini disebabkan karena ketiga hal tersebut yang menyebabkan blog kita nampak lebih rapi dan terlihat professional.
1. Cara pasang Auto Read More
Pertama, klik EDIT HTML, centang expand widget , Cari kode </head> lalu taruh script dibawah ini di atas kode </head>
(copas semua script dibawah ini)
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
********************************************/
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>
Kalo sudah, cari dan ganti kode <data:post.body/> dengan semua kode dibawah ini. Lalu save
<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 == "item"'><data:post.body/></b:if>
<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>
2. Menghilangkan Tulisan "Langgan: Entri (Atom)"
1. pilih Edit HTML
2. Beri tanda centang pada Expand Template Widget
3. Cari kode berikut ini
2. Beri tanda centang pada Expand Template Widget
3. Cari kode berikut ini
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
4. Hapus (delete) kode tersebut.
5. Simpan template jika sudah selesai.
5. Simpan template jika sudah selesai.
3. Cara menghilangkan tulisan didukung oleh blogger
1.buka "rancangan"
2.Klik edit HTML
3.Cari kode ]]></b:skin>
4. Copy-kan kode yang ada dibawah ini :
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
5. Letakkan kode tersebut tepat diatas kode ]]></b:skin>
6. Klik simpan
Sekian. semoga berguna untuk kalian semua.
berbagi itu sexy
Tidak ada komentar:
Posting Komentar