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.

Cara Ketiga.







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

Aquarius

Capricon

Sagittarius

Scorpio

Libra

Virgo

Leo

Cancer

Gemini

Taurus

Aries

BOTTOM LEFT

Pisces

Aquarius

Capricon

Sagittarius

Scorpio

Libra

Virgo

Leo

Cancer

Gemini

Taurus

Aries

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.

Tricks Dan Panduan Percuma Untuk Blogspot

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.

Tricks Untuk Blogger Baru

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



}


Tips Blogspot Percuma

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



}


Tutorial Blogspot Dalam BM Percuma

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

Menampilkan 'Popular Posts'.

1. Masuk akaun Blogger.

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

3. Copy dan Paste kod di bawah.

Perhatian !!! Gantikan kod berwarna biru kepada nama blog anda cth : [ syamzone.blogspot.com ] . Jangan letakkan [ http:// atau www. ]

4. Save.

Anda hanya perlu memilih salah satu kod di bawah.

1.

<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ul style="text-transform: capitalize;">');

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

document.write(item);

}

document.write('</ul>');

}

</script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2FNAMABLOGANDA.blogspot.com&num=10" type="text/javascript"></script>

2.

<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ol style="text-transform: capitalize;">');

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

document.write(item);

}

document.write('</ol>');

}

</script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1cf38ae68efbe859c4ba1ee239cec099&url=http%3A%2F%2FNAMABLOGANDA.blogspot.com&num=10" type="text/javascript"></script>

3.

<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ol style="text-transform: capitalize;">');

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

document.write(item);

}

document.write('</ol>');

}

</script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2FNAMABLOGANDA.blogspot.com&num=10" type="text/javascript"></script>

4.

<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ol style="text-transform: capitalize;">');

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

var item = "" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </br>";

document.write(item);

}

document.write('</ol>');

}

</script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2FNAMABLOGANDA.blogspot.com&num=10" type="text/javascript"></script>

Anda boleh mencuba salah satu kod di atas kerana setiap kod memberikan penampilan yang berlainan.

READ MORE...

Menghilangkan 'Subscribe To: Posts (Atom)'.

1. Sign in akaun blogger.

2. Pilih LAYOUT --> EDIT HTML.

3. Cari kod ini . Untuk memudahkan pencarian anda [ Ctrl + F ].


.feed-links {

4. Sekiranya sudah menjumpai kod di atas tambahkan kod ini di bawah kod tadi.

display:none;

5. Untuk memudahkan anda bagaimana kedudukan kod tersebut. Sila lihat kod di bawah.

.feed-links {
display:none;

}

6. Setelah selesai pilih 'PREVIEW'.

7. Jika anda berpuashati 'SAVE TEMPLATE'.

Perhatian !!! Sekiranya panduan di atas tidak berjaya untuk template anda. Sila cuba panduan di bawah.

1. Sign in akaun blogger.

2. Pilih LAYOUT --> EDIT HTML.

3. Klik EXPAND WIDGET TEMPLATE.

4. Cari kod di bawah.

<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->

<b:if cond='data:feedLinks'>

<div class='blog-feeds'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

5. Kemudian cari kod ini dan padamkan.

<b:include data='feedLinks' name='feedLinksBody'/>

6. Setelah selesai pilih 'PREVIEW'.

7. Jika anda berpuashati 'SAVE TEMPLATE'.

Selamat Mencuba.

Sumber BLOG U

READ MORE...

Memasang 'Top Commentators'.

1. Masuk akaun Blogger.

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

3. Copy dan Paste kod di bawah.

Perhatian !!! Gantikan kod berwarna biru kepada nama blog anda cth : [ syamzone.blogspot.com ] . Jangan letakkan [ http:// atau www. ]

4. Save.


<script type="text/javascript">

function pipeCallback(obj) {

document.write("<ol>");

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

document.write(item);

}

document.write("</ol>");

}

</script>

<script src= "http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&

_id=c92ac21897d8b56e61cfa85930dd89a1&url=http%3A%2F%2FNAMABLOGANDA.blogspot.com&num=10" type="text/javascript"></script>

READ MORE...

Cara Mudah Menukar 'Font'.

1. Masuk akaun Blogger.

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

Pilih jenis font di bawah Copy kod dan Paste.

3. Save

Jenis : Fantasy


<br/><br/><a href="/"><font face="Alba" size="4"></font></a><br/><br/><style type="text/css">table, tr, td, li, p, div {font-family:fantasy; color:000000; font-size:12px;}.btext {font-family:fantasy; color:000000; font-size:12px;}.blacktext10 {font-family:fantasy; color:000000; font-size:12px;}.blacktext12 {font-family:fantasy; color:000000; font-size:12px;}.lightbluetext8 {font-family:fantasy; color:000000; font-size:12px;}.orangetext15 {font-family:fantasy; color:000000; font-size:12px;}.redtext {font-family:fantasy; color:000000; font-size:12px;}.redbtext {font-family:fantasy; color:000000; font-size:12px;}.text {font-family:fantasy; color:000000; font-size:12px;}.whitetext12 {font-family:fantasy; color:000000; font-size:12px;}a:active, a:visited, a:link {font-family:fantasy; color:000000; font-size:12px;}a:hover {font-family:fantasy; color:000000; font-size:12px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:fantasy; color:000000; font-size:12px;}a.navbar:hover {font-family:fantasy; color:000000; font-size:12px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:fantasy; color:000000; font-size:12px;}a.redlink:hover {font-family:fantasy; color:000000; font-size:12px;}.nametext {font-family:fantasy; color:000000; font-size:12px;}</style><img border="0" style="visibility:hidden;width:0px;height:0px;" width="0" src="/" mce_style="visibility:hidden;width:0px;height:0px;" height="0"/><img border="0" style="visibility:hidden;width:0px;height:0px;" width="0" src="http://tinyurl.com/qjdqtn" mce_style="visibility:hidden;width:0px;height:0px;" height="0"/>

Jenis : Papyrus

<br><br><a href="/"><font face="Alba" size="4"></font></a><br><br><style type="text/css">table, tr, td, li, p, div {font-family:Papyrus; color:000000; font-size:15px;}.btext {font-family:Papyrus; color:000000; font-size:15px;}.blacktext10 {font-family:Papyrus; color:000000; font-size:15px;}.blacktext12 {font-family:Papyrus; color:000000; font-size:15px;}.lightbluetext8 {font-family:Papyrus; color:000000; font-size:15px;}.orangetext15 {font-family:Papyrus; color:000000; font-size:15px;}.redtext {font-family:Papyrus; color:000000; font-size:15px;}.redbtext {font-family:Papyrus; color:000000; font-size:15px;}.text {font-family:Papyrus; color:000000; font-size:15px;}.whitetext12 {font-family:Papyrus; color:000000; font-size:15px;}a:active, a:visited, a:link {font-family:Papyrus; color:000000; font-size:15px;}a:hover {font-family:Papyrus; color:000000; font-size:15px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Papyrus; color:000000; font-size:15px;}a.navbar:hover {font-family:Papyrus; color:000000; font-size:15px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Papyrus; color:000000; font-size:15px;}a.redlink:hover {font-family:Papyrus; color:000000; font-size:15px;}.nametext {font-family:Papyrus; color:000000; font-size:15px;}</style><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="/" /><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://tinyurl.com/qjdqtn" />

Jenis : Monospace

<br/><br/><a href="/"><font face="Alba" size="4"></font></a><br/><br/><style type="text/css">table, tr, td, li, p, div {font-family:monospace; color:000000; font-size:12px;}.btext {font-family:monospace; color:000000; font-size:12px;}.blacktext10 {font-family:monospace; color:000000; font-size:12px;}.blacktext12 {font-family:monospace; color:000000; font-size:12px;}.lightbluetext8 {font-family:monospace; color:000000; font-size:12px;}.orangetext15 {font-family:monospace; color:000000; font-size:12px;}.redtext {font-family:monospace; color:000000; font-size:12px;}.redbtext {font-family:monospace; color:000000; font-size:12px;}.text {font-family:monospace; color:000000; font-size:12px;}.whitetext12 {font-family:monospace; color:000000; font-size:12px;}a:active, a:visited, a:link {font-family:monospace; color:000000; font-size:12px;}a:hover {font-family:monospace; color:000000; font-size:12px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:monospace; color:000000; font-size:12px;}a.navbar:hover {font-family:monospace; color:000000; font-size:12px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:monospace; color:000000; font-size:12px;}a.redlink:hover {font-family:monospace; color:000000; font-size:12px;}.nametext {font-family:monospace; color:000000; font-size:12px;}</style><img border="0" style="visibility:hidden;width:0px;height:0px;" width="0" src="/" mce_style="visibility:hidden;width:0px;height:0px;" height="0"/><img border="0" style="visibility:hidden;width:0px;height:0px;" width="0" src="http://tinyurl.com/qjdqtn" mce_style="visibility:hidden;width:0px;height:0px;" height="0"/>

Jenis : Comic Sans Ms

<br/><br/><a href="/"><font face="Alba" size="4"></font></a><br/><br/><style type="text/css">table, tr, td, li, p, div {font-family:Comic Sans MS; color:000000; font-size:12px;}.btext {font-family:Comic Sans MS; color:000000; font-size:12px;}.blacktext10 {font-family:Comic Sans MS; color:000000; font-size:12px;}.blacktext12 {font-family:Comic Sans MS; color:000000; font-size:12px;}.lightbluetext8 {font-family:Comic Sans MS; color:000000; font-size:12px;}.orangetext15 {font-family:Comic Sans MS; color:000000; font-size:12px;}.redtext {font-family:Comic Sans MS; color:000000; font-size:12px;}.redbtext {font-family:Comic Sans MS; color:000000; font-size:12px;}.text {font-family:Comic Sans MS; color:000000; font-size:12px;}.whitetext12 {font-family:Comic Sans MS; color:000000; font-size:12px;}a:active, a:visited, a:link {font-family:Comic Sans MS; color:000000; font-size:12px;}a:hover {font-family:Comic Sans MS; color:000000; font-size:12px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Comic Sans MS; color:000000; font-size:12px;}a.navbar:hover {font-family:Comic Sans MS; color:000000; font-size:12px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Comic Sans MS; color:000000; font-size:12px;}a.redlink:hover {font-family:Comic Sans MS; color:000000; font-size:12px;}.nametext {font-family:Comic Sans MS; color:000000; font-size:12px;}</style><img border="0" style="visibility:hidden;width:0px;height:0px;" width="0" src="/" mce_style="visibility:hidden;width:0px;height:0px;" height="0"/><img border="0" style="visibility:hidden;width:0px;height:0px;" width="0" src="http://tinyurl.com/qjdqtn" mce_style="visibility:hidden;width:0px;height:0px;" height="0"/>

Jenis : Harrington

<br><br><a href="/"><font face="Alba" size="4"></font></a><br><br><style type="text/css">table, tr, td, li, p, div {font-family:Harrington; color:000000; font-size:16px;}.btext {font-family:Harrington; color:000000; font-size:16px;}.blacktext10 {font-family:Harrington; color:000000; font-size:16px;}.blacktext12 {font-family:Harrington; color:000000; font-size:16px;}.lightbluetext8 {font-family:Harrington; color:000000; font-size:16px;}.orangetext15 {font-family:Harrington; color:000000; font-size:16px;}.redtext {font-family:Harrington; color:000000; font-size:16px;}.redbtext {font-family:Harrington; color:000000; font-size:16px;}.text {font-family:Harrington; color:000000; font-size:16px;}.whitetext12 {font-family:Harrington; color:000000; font-size:16px;}a:active, a:visited, a:link {font-family:Harrington; color:000000; font-size:16px;}a:hover {font-family:Harrington; color:000000; font-size:16px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Harrington; color:000000; font-size:16px;}a.navbar:hover {font-family:Harrington; color:000000; font-size:16px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Harrington; color:000000; font-size:16px;}a.redlink:hover {font-family:Harrington; color:000000; font-size:16px;}.nametext {font-family:Harrington; color:000000; font-size:16px;}</style><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://tinyurl.com/qjdqtn" /><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://tinyurl.com/qjdqtn" />

Jenis : Lucida Handwriting

<br><br><a href="/"><font face="Alba" size="4"></font></a><br><br><style type="text/css">table, tr, td, li, p, div {font-family:Lucida Handwriting; color:000000; font-size:13px;}.btext {font-family:Lucida Handwriting; color:000000; font-size:13px;}.blacktext10 {font-family:Lucida Handwriting; color:000000; font-size:13px;}.blacktext12 {font-family:Lucida Handwriting; color:000000; font-size:13px;}.lightbluetext8 {font-family:Lucida Handwriting; color:000000; font-size:13px;}.orangetext15 {font-family:Lucida Handwriting; color:000000; font-size:13px;}.redtext {font-family:Lucida Handwriting; color:000000; font-size:13px;}.redbtext {font-family:Lucida Handwriting; color:000000; font-size:13px;}.text {font-family:Lucida Handwriting; color:000000; font-size:13px;}.whitetext12 {font-family:Lucida Handwriting; color:000000; font-size:13px;}a:active, a:visited, a:link {font-family:Lucida Handwriting; color:000000; font-size:13px;}a:hover {font-family:Lucida Handwriting; color:000000; font-size:13px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Lucida Handwriting; color:000000; font-size:13px;}a.navbar:hover {font-family:Lucida Handwriting; color:000000; font-size:13px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Lucida Handwriting; color:000000; font-size:13px;}a.redlink:hover {font-family:Lucida Handwriting; color:000000; font-size:13px;}.nametext {font-family:Lucida Handwriting; color:000000; font-size:13px;}</style><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="/" /><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://tinyurl.com/qjdqtn" />

Jenis : Trebuchet MS

<br/><br/><a href="/"><font face="Alba" size="4"></font></a><br/><br/><style type="text/css">table, tr, td, li, p, div {font-family:Trebuchet MS; color:000000; font-size:12px;}.btext {font-family:Trebuchet MS; color:000000; font-size:12px;}.blacktext10 {font-family:Trebuchet MS; color:000000; font-size:12px;}.blacktext12 {font-family:Trebuchet MS; color:000000; font-size:12px;}.lightbluetext8 {font-family:Trebuchet MS; color:000000; font-size:12px;}.orangetext15 {font-family:Trebuchet MS; color:000000; font-size:12px;}.redtext {font-family:Trebuchet MS; color:000000; font-size:12px;}.redbtext {font-family:Trebuchet MS; color:000000; font-size:12px;}.text {font-family:Trebuchet MS; color:000000; font-size:12px;}.whitetext12 {font-family:Trebuchet MS; color:000000; font-size:12px;}a:active, a:visited, a:link {font-family:Trebuchet MS; color:000000; font-size:12px;}a:hover {font-family:Trebuchet MS; color:000000; font-size:12px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Trebuchet MS; color:000000; font-size:12px;}a.navbar:hover {font-family:Trebuchet MS; color:000000; font-size:12px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Trebuchet MS; color:000000; font-size:12px;}a.redlink:hover {font-family:Trebuchet MS; color:000000; font-size:12px;}.nametext {font-family:Trebuchet MS; color:000000; font-size:12px;}</style><img border="0" style="visibility:hidden;width:0px;height:0px;" width="0" src="/" mce_style="visibility:hidden;width:0px;height:0px;" height="0"/><img border="0" style="visibility:hidden;width:0px;height:0px;" width="0" src="http://tinyurl.com/qjdqtn" mce_style="visibility:hidden;width:0px;height:0px;" height="0"/>

Jenis : Franklin Gothic Italic

<br/><br/><a href="/"><font face="Alba" size="4"></font></a><br/><br/><style type="text/css">table, tr, td, li, p, div {font-family:franklin gothic italic; color:000000; font-size:12px;}.btext {font-family:franklin gothic italic; color:000000; font-size:12px;}.blacktext10 {font-family:franklin gothic italic; color:000000; font-size:12px;}.blacktext12 {font-family:franklin gothic italic; color:000000; font-size:12px;}.lightbluetext8 {font-family:franklin gothic italic; color:000000; font-size:12px;}.orangetext15 {font-family:franklin gothic italic; color:000000; font-size:12px;}.redtext {font-family:franklin gothic italic; color:000000; font-size:12px;}.redbtext {font-family:franklin gothic italic; color:000000; font-size:12px;}.text {font-family:franklin gothic italic; color:000000; font-size:12px;}.whitetext12 {font-family:franklin gothic italic; color:000000; font-size:12px;}a:active, a:visited, a:link {font-family:franklin gothic italic; color:000000; font-size:12px;}a:hover {font-family:franklin gothic italic; color:000000; font-size:12px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:franklin gothic italic; color:000000; font-size:12px;}a.navbar:hover {font-family:franklin gothic italic; color:000000; font-size:12px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:franklin gothic italic; color:000000; font-size:12px;}a.redlink:hover {font-family:franklin gothic italic; color:000000; font-size:12px;}.nametext {font-family:franklin gothic italic; color:000000; font-size:12px;}</style><img border="0" style="visibility:hidden;width:0px;height:0px;" width="0" src="/" mce_style="visibility:hidden;width:0px;height:0px;" height="0"/><img border="0" style="visibility:hidden;width:0px;height:0px;" width="0" src="http://tinyurl.com/qjdqtn" mce_style="visibility:hidden;width:0px;height:0px;" height="0"/>
READ MORE...

Menampilkan 'Total Posts dan Total Comments'.

Cara mudah menampilkan 'Total Posts dan Total Comments'.

1. Masuk akaun Blogger.

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

Copy kod di bawah dan Paste.



<script style="text/javascript">



function numberOfPosts(json) {

document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

}



function numberOfComments(json) {

document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

}



</script>



<ul><li><script src="http://NAMABLOGANDA.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>



<li><script src="http://NAMABLOGANDA.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>



Perhatian !!! Gantikan text kod yang berwarna biru.

READ MORE...

Memasang 'Related Post'.

1. Mula-mula 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.

Perhatian !!! Jika anda mempunyai kod <data:post.body/> lebih dari satu cari yang paling akhir.

5. Cari kod ini :


<data:post.body/>

6. Sekarang Copy kod ini dan Paste di bawah kod tadi :

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

<div class='similiar'>



<div class='widget-content'>

<h3>Related Post</h3>

<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;



maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 10;

function listEntries10(json) {

var ul = document.createElement(&#39;ul&#39;);

var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i &lt; maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {

if (entry.link[k].rel == &#39;alternate&#39;) {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement(&#39;li&#39;);

var a = document.createElement(&#39;a&#39;);

a.href = alturl;



if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

}

for (var l = 0; l &lt; json.feed.link.length; l++) {

if (json.feed.link[l].rel == &#39;alternate&#39;) {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);

var txt = document.createTextNode(label);

var h = document.createElement(&#39;b&#39;);

h.appendChild(txt);

var div1 = document.createElement(&#39;div&#39;);

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById(&#39;data2007&#39;).appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);

script.setAttribute(&#39;src&#39;, query +

&#39;feeds/posts/default/-/&#39;

+ label +

&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = &quot;<data:label.name/>&quot;;



var test = 0;

for (var i = 0; i &lt; labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length &lt;=

maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>



</div>

</b:if>



Perhatian !!! Anda boleh mengantikan kod yang berwarna biru mengikut pilihan anda.

READ MORE...

Membuat 'Flying Heart Effect'.

1. Masuk akaun Blogger.

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

Copy kod di bawah dan Paste.

3. Save.

READ MORE...

Membuat 'Snow Effect'.

1. Masuk akaun Blogger.

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

Copy kod di bawah dan Paste.

3. Save.

READ MORE...

Membuat 'Rainbow Text Link'.

Text link bertukar kepada warna pelangi apabila mouse di letakkan. Ini akan menjadikan blog anda lebih menarik.

Sekiranya anda mahu membuat 'Rainbow Text Link'. Sila ikuti beberapa langkah mudah di bawah.

1. Masuk akaun blogger anda

2. Pilih LAYOUT --> EDIT HTML.

3. Sekarang cari kod ini.Untuk memudahkan pencarian anda [ Ctrl + F ]

</head>

4. Kemudian Copy kod di bawah dan Paste di atas kod tadi.


<script src='http://tinyurl.com/q8959n'>
</script>

5. Setelah selesai semua langkah-langkah di atas 'SAVE TEMPLATE'

Perhatian !!! Untuk melihat hasilnya letakkan mouse di atas tajuk post anda.

READ MORE...

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

BOTTOM LEFT

READ MORE...

Membuat Friends List.

Friends List

Membuat Friends List di dalam New Post.

1. Sign In akaun Blogger.

2. LAYOUT --> EDIT HTML.

3. Cari kod ini.

]]></b:skin>

4. Tambahkan kod di bawah, di atas kod tadi.

#friendslist a:hover{
background:#000; border: 5px solid #AEAEAE; text-decoration: none;
font-family: Comic Sans Ms; font-size: 14px;
font-weight: 600;
color: lightblue;
}

5. Setelah selesai pilih SAVE TEMPLATE.

6. Kemudian pilih POSTING --> NEW POST --> EDIT HTML.

Masukkan kod di bawah

<div id="friendslist"><a href="http://syamzone-bloguntukaku.blogspot.com/">Aku Punya Pasal</a> | <a href="http://waniepic.blogspot.com/">My Secret Weblog</a> | <a href="http://singgahsanaklasik.blogspot.com/">Princess Dream</a> | <a href="http://multirekabiz.blogspot.com/">Multirekabiz</a> | <a href="http://rainbowbliss2009.blogspot.com/">Rainbow Bliss</a> | <a href="http://mymeryl.com/">My Meryl</a> | </div>

Perhatian !!! Gantikan URL berwarna merah kepada URL rakan-rakan anda.

7. Jangan lupa SAVE hasil kerja anda.

8. Selamat Mencuba.

READ MORE...

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

FUNNY WIDGET RIGHT

Icon

Icon

Icon

Icon

FUNNY WIDGET LEFT

Icon

Icon

Icon

Icon

TOP RIGHT

TOP LEFT

READ MORE...