Tutorial : Letak Button Follow dan Dashboard Dalam Blog

1. Masuk akaun blogger korang > Dashboard > Nama Blog > Layout > Add a Gadget > HTML/Javascript

2. Pilih dan copy mana-mana kod HTML kat bawah ini, dan paste ke kotak kosong HTML/Javascript.

a. Biasa

<div style="position: fixed; top: 5px; right: 90px;"><a href="http://www.blogger.com/follow-blog.g?blogID= ID BLOG KORANG " target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

b. Efek Kelabu (terang bila diletak kursor)

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG KORANG" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

(kredit bagi koding di atas: ! Tutorial Untuk Blog | Tips Blogspot)

3. Gantikan ID BLOG KORANG dengan nombor ID blog milik korang sendiri. Lihat gambar di bawah ini.

kredit gambar: ! Tutorial Untuk Blog | Tips Blogspot

4. Bila sudah letakkan nombor ID blog korang, save dan tengok hasilnya. :)

Nota: Mungkin ada antara korang akan tertanya-tanya, bila dah letak widget ini, macam mana nak buang navbar kat atas tu? (Jika ada. Kalau takde, lain la pulak cerita dia.) Ok la, kepada sapa yang teringin sangat nak buang navbar dalam blog korang sendiri, klik jer kat SINI. :)

6 comments:

syahirah nasir25 February, 2012 15:08
assalamualaikum . hey awak
saya da try buat la tp tak boley pun
ley tlg saya tak ?
Unknown27 February, 2012 16:08
@syahirah nasir waalaikumussalam. aik? tak boleh? kat blog saya, boleh jer... ok apa?

nak tolong camana? saya dah tengok kat blog awak, ada jer button tu, tapi bulat sikit... aaa... ni mesti try tutorial kat blog org lain ni...betul tak? betul tak? huhuhu
munie mior25 April, 2012 11:07
camne kita nak tau ID blog kita yea... tq
Unknown25 April, 2012 12:51
@aSrul aZura tengok gambar kat bawah tu (yang ditulis 'TEST BLOG'). nombor yg di'highlight' kaler biru selepas "blogID=" tu, itu la ID blog... cuba check awak punya.
Novel MHH Edition09 September, 2012 21:11
Saya tak ada no.blog Id