Membuat Menu Melayang Pada Blogger

1. Masuk ke Blogger dengan ID anda

2. Pilih Design - Edit HTML.
3.cari kode ini : </head> pada template anda.
5. Copy Seluruh script dibawah ini, kemudian paste tepat diatas </head>

<script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/>

<script>

YOffset=150;

XOffset=0;

staticYOffset=30;

slideSpeed=20

waitTime=100;

menuBGColor=&quot;red&quot;;

menuIsStatic=&quot;yes&quot;;

menuWidth=150;

menuCols=2;

hdrFontFamily=&quot;verdana&quot;;

hdrFontSize=&quot;2&quot;;

hdrFontColor=&quot;black&quot;;

hdrBGColor=&quot;#FF0000&quot;;

hdrAlign=&quot;left&quot;;

hdrVAlign=&quot;center&quot;;

hdrHeight=&quot;15&quot;;

linkFontFamily=&quot;Verdana&quot;;

linkFontSize=&quot;2&quot;;

linkBGColor=&quot;white&quot;;

linkOverBGColor=&quot;#FFFF99&quot;;

linkTarget=&quot;_top&quot;;

linkAlign=&quot;Left&quot;;

barBGColor=&quot;red&quot;;

barFontFamily=&quot;Verdana&quot;;

barFontSize=&quot;2&quot;;

barFontColor=&quot;white&quot;;

barVAlign=&quot;center&quot;;

barWidth=20; // no quotes!!

barText=&quot;WELCOME&quot;;

// ----- Mulai Edit Menu

ssmItems[0]=[&quot;My Menu&quot;] //Header Menu

ssmItems[1]=[&quot;Home&quot;, &quot;/&quot;, &quot;&quot;]

ssmItems[2]=[&quot;About Me&quot;, &quot;http://www.blogger.com/profile/13568536981024532553&quot;,&quot;&quot;]

ssmItems[3]=[&quot;Love sTory&quot;, &quot;http://chippuits.blogspot.com/&quot;,&quot;&quot;]

ssmItems[4]=[&quot;blog tok guru&quot;, &quot;http://www.blogtokguru.com/&quot;,&quot;&quot;]

ssmItems[5]=[&quot;Tips Komputer&quot;, &quot;http://kawe88.blogspot.com/&quot;, &quot;_new&quot;]

ssmItems[6]=[&quot;free templates&quot;, &quot;http://www.pyzam.com/bloggertemplates/&quot;, &quot;&quot;]

ssmItems[7]=[&quot;free background&quot;, &quot; http://smittenblogdesignsgallery.blogspot.com/&quot;, &quot;_new&quot;]

buildMenu();

//----- Selesai Edit Menu

</script>

• Gantikan tulisan  WELCOME dengan tulisan mengikut kehendak anda
• kode yang berwarna hijau ganti dengan alamat anda. 
• MY MENU boleh kita ganti dengan MENUKUR, DAFTAR MENU dll.
• Akhir sekali SAVE

»»  READMORE...

Cara Membuat Mesej Bergerak Di Address Bar

Tips Mempercantikan blog buat anda..

Ingin membuat tulisan di address bar bergerak..Tidak tahu bagaimana caranya.??

Disini saya akan terangkan cara-caranya :

1. Sign in blog.

2. klik Design

3. Edit HTML.

4. Selepas itu cari kod ]]></b:skin>.

5. copy kod dibawah ini dan letakkan dibawah kod ini ]]></b:skin>.

<script type='text/javascript'>

//<![CDATA[

msg = " mesj pertama ";

msg = "mesej kedua" + msg;pos = 0;

function scrollMSG() {

document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;

if (pos > msg.length) pos = 0

window.setTimeout("scrollMSG()",200);

}

scrollMSG();

//]]>

</script>

6.Gantikan tulisan yang berwana oren dan merah mengikut kehendak anda.

7.save.

Selamat Mencuba...

»»  READMORE...

Memasang 'Heart Comment Count'.

1. Sign in akaun blogger.

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

]]></b:skin>

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

.heart-comment-count{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpiuaG9gHcBhkXJ5hEGEVTfBwTF1vl0NkAmgNB9AMmTu9nJrQzrauBhlJe6lC_OFiv6mr32YyksoPHT0A1puwmSDxRiGxAcmZQWeNBfooIoCnh33B09jdMx3Yti7vPBpwS2AuEuobd3abX/s400/heart-gold-icon.png) no-repeat;
float:right;top:0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
height:31px;
width:34px;
text-align:center;
margin-left:10px;
padding:6px 0 0 0;
}

Anda boleh memilih salah satu icon di bawah untuk digunakan.

Gantikan url icon yang berwarna merah.

01. Heart Pink.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj63zT00kdEytjK0LgOCl4E-HHx6bXomIN6bGwP9MTnQIX_F0yelIxw9vOfGTeLAS4uoz3PZo8JZmzvNcMbXtQ2MwAO2IBt2ohAiTxhfDj8lU8Ap34P-n5850UcXNd_wRIEPKf4rNWyDvEj/s400/heart-pink-icon.png

02. Heart Gold.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpiuaG9gHcBhkXJ5hEGEVTfBwTF1vl0NkAmgNB9AMmTu9nJrQzrauBhlJe6lC_OFiv6mr32YyksoPHT0A1puwmSDxRiGxAcmZQWeNBfooIoCnh33B09jdMx3Yti7vPBpwS2AuEuobd3abX/s400/heart-gold-icon.png

7. Setelah selesai memilih icon.

8. Cari kod ini.

<b:if cond='data:post.link'>

9. Copy kod dibawah dan letakkan diatas kod tadi.

<span class='heart-comment-count'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
</span>

10. Pilih PREVIEW untuk melihat hasilnya.

11. Sekiranya berpuas hati SAVE TEMPLATE.

Perhatian !!! Anda boleh mengubah kepada Comment Bubble dengan menggantikan url icon berwarna merah dan kod dibawah.

padding:3px 0 0 0;

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM9PqaX8ahTOKYikf9Mb9Nn55GvOul9L1OrvamgCgtDNQHxfweQBzdLncF31mJdv78MbGstSjA264rZn9zgCYv1qVc62pXMyuR8fnJocoIdG-R0udak0hjJH4n86_hvk8MYr-Ig8WMFkES/s400/comment-icon+2.png

12. Selamat Mencuba.

»»  READMORE...

Cara letak facebook like pada komen blog

Memasang butang facebook like pada komen blog adalah satu langkah yang baik kerana sebelum meletak komen pengunjung juga boleh klik dan share entri kita dengan rakan facebook yang lain.Butang tersebut juga tampil bersesuaian dengan ruang dibawah post a comment.

Langkah membuatnya:

1. Sign blog anda.

2. Klik Design.

3. Klik Edit HTML.

4. Klik tanda pada kotak “Expand widget template”.

5. Cari kod ini <data:post.body/>.

6. Copy kod dibawah dan paste sebelum kod <data:post.body/> yang berada seperti dalam gambar di

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

4.Akhir sekali klik save template. 

selamat mencuba...

»»  READMORE...