Tuesday, 18 October 2011

[Tutorial] : Letak Button Follow & Dashboard

Lat'z nak buat tutorial macam macam mana nak letak button Follow dan button Dashboard..

Anda pergi

Dashboard - Design - Add Gadget - Add HTML

Kod HTML di bawah ini untuk button Follow..


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

  • Anda boleh ubah kedudukan button Follow pada kod yang berwarna hijau. 
  • kod yang berwarna biru itu adalah image untuk button follow, anda boleh ubah kepada image lain..Macam Lat'z, Lat'z buat image sendiri seperti penguin di bawah ini..Anda boleh guna image di baeah bagi button follow anda, copy & pastekan kod di bawah dan gantikan dengan kod berwarna biru di atas.


 http://i1205.photobucket.com/albums/bb432/erdina88/followme.png

http://assets.tumblr.com/images/iframe_follow_alpha.png?6


 Kod HTML di bawah ini untuk button Dashboard..
copy & pastekan di bawah kod HTML button Follow



<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>
  •  Anda boleh ubah kedudukan button Dashboard dengan mengubah nombor yang berwarna hijau pada kod HTML di atas.
  • Image Dashboard boleh diubah dengan menggantikan kod yang berwarna biru pada kod HTML di atas.
Selamat mencuba..(^.^)

No comments:

Penaja Blog