Memasang 'Auto Read More'.

1. Sign in akaun blogger anda.

2. Pilih LAYOUT --> EDIT HTML.

3. Backup Template anda dahulu untuk mengelakkan sebarang masalah.

4. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.

5. Cari kod di bawah.

</head>

6. Kemudian Copy kod di bawah dan letakkan di atas kod tadi.

<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)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks

********************************************/

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>

7. Sekarang cari kod ini.

<data:post.body/>

8. Sekiranya anda sudah menjumpai kod di atas.Gantikan dengan kod di bawah.

<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>

9. Setelah selesai langkah-langkah di atas pilih PREVIEW.

10. Sekiranya anda berpuas hati SAVE TEMPLATE.

Sumber Pengunjung Setia Dot Com.

READ MORE...

3 Cara Membuat 'Blogroll'.

3 Cara Membuat Blogroll, Link Exchange List atau Banner Exchange List.

1. Masuk akaun Blogger.

2. Pilih 'Layout'--> 'Add a Gadget'--> 'Html / Javascript'.

3. Copy dan Paste kod di bawah.

Cara Pertama.

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >

<a href="http://NAMABLOGANDA.blogspot.com" target="_blank">TAJUK ANDA</a>

<br/><br/>

<a href="http://NAMABLOGANDA.blogspot.com" target="_blank">TAJUK ANDA</a>

<br/><br/>

<a href="http://NAMABLOGANDA.blogspot.com" target="_blank">TAJUK ANDA</a>

<br/><br/>

<a href="http://NAMABLOGANDA.blogspot.com" target="_blank">TAJUK ANDA</a>

<br/><br/>

<a href="http://NAMABLOGANDA.blogspot.com" target="_blank">TAJUK ANDA</a>

<br/><br/>

</marquee>

Untuk cara pertama.Sekiranya anda mahu membuat banner exchange list gantikan url http://NAMABLOGANDA.blogspot.com kepada url imej anda contoh seperti : http://i637.photobucket.com/albums/uu99/syamzone/ifollowblue-1.gif

Cara Kedua.

<div style="border: 1px solid rgb(238, 238, 238); padding: 10px; overflow: auto; width: 283px; height: 160px;"><ul><li><a href="http://NAMABLOGANDA.blogspot.com">TAJUK ANDA</a></li><li><a href="http://NAMABLOGANDA.blogspot.com">TAJUK ANDA</a></li><li><a href="http://NAMABLOGANDA.blogspot.com">TAJUK ANDA</a></li><li><a href="http://NAMABLOGANDA.blogspot.com">TAJUK ANDA</a></li><li><a href="http://NAMABLOGANDA.blogspot.com">TAJUK ANDA</a></li></ul></div>

Cara Ketiga.

<form></p>

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option> - Blogroll - </option>

<option value="http://NAMABLOGANDA.blogspot.com">TAJUK ANDA</option>

<option value="http://NAMABLOGANDA.blogspot.com">TAJUK ANDA</option>

<option value="http://NAMABLOGANDA.blogspot.com">TAJUK ANDA</option>

<option value="http://NAMABLOGANDA.blogspot.com">TAJUK ANDA</option>

<option value="http://NAMABLOGANDA.blogspot.com/">TAJUK ANDA</option>

</select>

</form>

Contoh Penampilan Adalah Seperti Ini.

Cara Pertama

TAJUK ANDA





TAJUK ANDA





TAJUK ANDA





TAJUK ANDA





TAJUK ANDA

Cara Kedua.

• TAJUK ANDA
• TAJUK ANDA
• TAJUK ANDA
• TAJUK ANDA
• TAJUK ANDA

Cara Ketiga.

- Blogroll - TAJUK ANDATAJUK ANDATAJUK ANDATAJUK ANDATAJUK ANDA

Perhatian !!! Gantikan text berwarna merah.Untuk mengubah size gantikan kod yang berwarna biru.

READ MORE...

Memasang 'Zodiac Symbol Widget'.

Widget-widget di bawah ini bertujuan untuk mempercantikkan sesebuah blog.

Sekiranya anda berminat untuk menggunakan widget-widget ini anda hanya perlu Copy kod yang di sediakan dan Paste di mana-mana ruang HTML di blog anda.

BOTTOM RIGHT

Pisces

<script language="JavaScript" src="http://tinyurl.com/oqh8mf" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/md6ao9")</script>

Aquarius

<script language="JavaScript" src="http://tinyurl.com/oqh8mf" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/kkfngm")</script>

Capricon

<script language="JavaScript" src="http://tinyurl.com/oqh8mf" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/mb79v4")</script>

Sagittarius

<script language="JavaScript" src="http://tinyurl.com/oqh8mf" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/l8d48u")</script>

Scorpio

<script language="JavaScript" src="http://tinyurl.com/oqh8mf" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/lpwvjk")</script>

Libra

<script language="JavaScript" src="http://tinyurl.com/oqh8mf" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/km8ufl")</script>

Virgo

<script language="JavaScript" src="http://tinyurl.com/oqh8mf" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/msj4wb")</script>

Leo

<script language="JavaScript" src="http://tinyurl.com/oqh8mf" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/kp56sw")</script>

Cancer

<script language="JavaScript" src="http://tinyurl.com/oqh8mf" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/nykcl7")</script>

Gemini

<script language="JavaScript" src="http://tinyurl.com/oqh8mf" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/lbe2t7")</script>

Taurus

<script language="JavaScript" src="http://tinyurl.com/oqh8mf" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/lubmhf")</script>

Aries

<script language="JavaScript" src="http://tinyurl.com/oqh8mf" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/kosw75")</script>

BOTTOM LEFT

Pisces

<script language="JavaScript" src="http://tinyurl.com/qvofks" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/md6ao9")</script>

Aquarius

<script language="JavaScript" src="http://tinyurl.com/qvofks" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/kkfngm")</script>

Capricon

<script language="JavaScript" src="http://tinyurl.com/qvofks" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/mb79v4")</script>

Sagittarius

<script language="JavaScript" src="http://tinyurl.com/qvofks" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/l8d48u")</script>

Scorpio

<script language="JavaScript" src="http://tinyurl.com/qvofks" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/lpwvjk")</script>

Libra

<script language="JavaScript" src="http://tinyurl.com/qvofks" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/km8ufl")</script>

Virgo

<script language="JavaScript" src="http://tinyurl.com/qvofks" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/msj4wb")</script>

Leo

<script language="JavaScript" src="http://tinyurl.com/qvofks" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/kp56sw")</script>

Cancer

<script language="JavaScript" src="http://tinyurl.com/qvofks" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/nykcl7")</script>

Gemini

<script language="JavaScript" src="http://tinyurl.com/qvofks" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/lbe2t7")</script>

Taurus

<script language="JavaScript" src="http://tinyurl.com/qvofks" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/lubmhf")</script>

Aries

<script language="JavaScript" src="http://tinyurl.com/qvofks" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://tinyurl.com/kosw75")</script>

READ MORE...

Memasang 'Smart Navigation Bar'.

1. Sign in akaun blogger anda.

2. Pilih LAYOUT --> EDIT HTML.

3. Backup Template anda dahulu untuk mengelakkan sebarang masalah.

4. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.

5. Cari kod di bawah.

<div id='content-wrapper'>

Perhatian !!! Gantikan text yang berwarna biru.

6. Tambahkan kod ini di atas kod tadi.

<div id="newnavbar"> <ul> <li><a href="URL Halaman Utama Anda">Home</a></li> <li><a href=" URL Halaman Yang Berkaitan">About</a></li> <li><a href="mailto: Alamat Email Anda">Contact</a></li> </ul></div>

7. Sekarang cari kod ini.

]]></b:skin>

8. Pilih salah satu kod di bawah dan tambahkan di atas kod tadi.

#newnavbar ul li{

background: #eeeeee;

}

#newnavbar ul li{

font-size:100%;

font-style:italic;

font-family:Verdana, "BitStream vera Sans",

font-weight:bold;

list-style-type:none;

display:inline;

padding:10px;

margin:50px;

border:3px solid #FF99CC;

}

#newnavbar li a{

color:#7E587E;

}

#newnavbar li a:visited {

color: #7E587E;

}

#newnavbar li a:hover {

color: #B93B8F;

background: #FF99CC;

}

body#layout #main,

body#layout #sidebar {

padding: 0;

}

#newnavbar ul li{

background: #e9ffd9;

}

#newnavbar ul li{

font-size:100%;

font-style:italic;

font-family:Verdana, "BitStream vera Sans",

font-weight:bold;

list-style-type:none;

display:inline;

padding:10px;

margin:50px;

border:3px solid #CAF99B;

}

#newnavbar li a{

color:#7E587E;

}

#newnavbar li a:visited {

color: #7E587E;

}

#newnavbar li a:hover {

color: #B93B8F;

background: #CAF99B;

}

body#layout #main,

body#layout #sidebar {

padding: 0;

}

#newnavbar ul li{

background: #eeeeee;

}

#newnavbar ul li{

font-size:100%;

font-style:italic;

font-family:Verdana, "BitStream vera Sans",

font-weight:bold;

list-style-type:none;

display:inline;

padding:10px;

margin:50px;

border:3px solid #99FFFF;

}

#newnavbar li a{

color:#7E587E;

}

#newnavbar li a:visited {

color: #7E587E;

}

#newnavbar li a:hover {

color: #B93B8F;

background: #99FFFF;

}

body#layout #main,

body#layout #sidebar {

padding: 0;

}

9. Setelah selesai pilih PREVIEW untuk melihat hasilnya.

10. Sekiranya anda berpuas hati SAVE TEMPLATE.

Selamat Mencuba.

READ MORE...