Februari 2012|Shahib Belajar

untuk membuat read more

read more

login,lalu klik edit html.lalu cawang Expand Widget Templates,terus cari <data:post.body/> lalu ganti dengan kode ini:

<b:if cond='data:blog.pageType == "static_page"'><br/><data:post.body/><b:else/>

<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:right;padding-top:20px;'><a expr:href='data:post.url'>read more</a></span></b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></b:if>

lalu cari </head> dan taruh kode dibawah ini dibawahnya:

<script type='text/javascript'>var thumbnail_mode = "no-float" ;

summary_noimg = 250;

summary_img = 250;

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>

lalu simpan.

meta tag agar lebih seo

pada Dashboard, pilih Rancangan (Design)

klik Edit HTML

untuk keamanan klik Download Template lengkap

centang expand widget untuk memunculkan script yang ada

cari kode:

<title><data:blog.title/></title>

atau:

<title><data:blog.pagetitle/></title>

hapus kode di atas, lalu ganti dengan kode di bawah ini:

<b:if cond='data:blog.pageType == "index"'> <title><data:blog.title/></title><b:else/><title><data:blog.pageName/> | <data:blog.title/></title></b:if>

lalu save.
hehe...

di taruh scroll kok buat bacanya repot ya,gimana ngopynya nih ya..hehe....TAPI YANG PENTING KERREN AJA DEH...

mengetahui cara untuk membuat scroll abgi blogger itu mungkin bisa dikatakan wajib,karna scroll itu banyak faidahnya,selain meringkas tempat diblog juga bisa dibuat kotak artikel terkait.
kode untuk membuat scroll seperti dibawah ini:
<div style="overflow:auto; padding:5px; width:170px; height:70px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Tambahkan teks atau kode script disini</div>

hasilnya seperti ini:

Tambahkan teks atau kode script disini

scroll yang lain seperti ini:

<div align="center">
<table width="190" border="1">
<tr> <th colspan="90%" scope="col">JUDUL KOTAK</th></tr><tr><td><div style="font-family:arial;font-size:12px; overflow: scroll; width: 190px; height: 90px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">DISINI TULISAN ANDA</div></div></td></tr>
</table>
</div>

hasilnya seperti ini:

JUDUL KOTAK
DISINI TULISAN ANDA

atau kode yang ini:
<div style="overflow:auto;width:400px;height:250px;padding:10px;border:1px solid #333">DI SINI</div>
hasilnya seperti ini:

DI SINI

gampang kan?selamat mencoba.

artikel lainnya:

Shahib Belajar

Laman

Cari Blog Ini

READ MORE DAN META TAG AGAR LEBIH SEO

membuat scroll