Tutorial | Button Follow



hari ni mimin ada baca dekat ruangan jerit jerit minta ajar
macam mana nak adakan Button Follow
permintaan dari Puteri



tak susah mana pun. 
kat sini mimin nak tunjukkan dua cara untuk letak button follow ni
pertama, button follow untuk  template design
keduanya, button followers untuk blogskin design.

ready for template user . hikhik

1. Log in > Dashboard > Layout > Add a Gadget > Edit Html

2. Sila copy code di bawah ini letak di ruangan edit Html tadi

<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://s1097.beta.photobucket.com/user/geegeewokeyhmaa/media/follow-1.png.html?sort=3&o=6" /></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://s1097.beta.photobucket.com/user/geegeewokeyhmaa/media/asda.png.html?sort=3&o=7" /></a></div>

3. preview dulu  sebelum save 

ouke, lets show for blogskin user ;)

1. Log in > Dashboard > template

2. copy code di bawah ni
<link rel="shortcut icon" href="http://applepine.chu.jp/icon/sen/flower5.gif">
<a style="display:scroll;position:fixed;top:45px;left:15px;" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG" title="Follow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:15px;left:15px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>

3. preview dan save

*Blog ID boleh dapat kan DI SINI 

Selamat mencuba ^^




3 Comments