Letak button follow dan dashboard ala tumbler

Assalamualaikum.

Hari ni gua nak share dengan korang mcm mana nak letak button follow dan dashboard ala tumblr. Contoh gambar korang boleh tengok macam gambar kat bawah ni.

1- Dashboard > Design > Add a Gadget > Html/java script

2- Copy code button follow di bawah :

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=blog ID" 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>

3- Dah copy? Paste dalam ruangan Html/javascipt tadi.

4- Done utk button follow :3

5- Copy code utk button dashboard pulak :

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

6- Paste selepas code button follow tadi. Nanti dia akan jadi cenggini kan?

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=blog ID" 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>

Note :-

Warna hitam : code button follow
Warna merah : blog ID
Warna merah pelan : code button dashboard

7- Macam mana nak cari blog ID? Klik sini.

8- Preview dulu. Kalau jadi save :)

Sincerely: Bubu ♥