Tuesday, 5 June 2012

Tutorial 004 - Letak Button Follow & Dashboard

1.       Hari ni, Kimi nak ajar letak butang follow dan dashboard macam gambar dekat bawah ni. Harap ada yang berminat nak belajar. OK!


2.    Sign in blogger > Design > Add Gadget > Html/JavaScript.
3.    Selepas tu, korang copy code kat bawah nie, paste kan dekat Html/JavaScript.
<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" 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://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div>
*Warna Hijau : Kod untuk Button Follow
*Warna Biru  : Kod untuk Button Dashboard

4.    Untuk dapatkan BLOG ID bagi yang belum tahu. Masa korang dekat Html/JavaScript korang perasan tak dekat address atas tu ada tulis BLOG ID, korang copy semua nombor-nombor selepas perkataan BLOG ID tu. Kalau tak paham korang boleh rujuk gambar kat bawah nie.


5.       Dah dapatkan, Korang tukar yang tulisan warna merah tu dengan BLOG ID yang korang copy tadi. Lepas tu korang save lah. Dah jadi lah dah. 

No comments:

Post a Comment