Saturday 15 December 2012

Put follower gadget or follow button

Tumblr_lypatzruah1qiwduxo1_1280_large

Assalamualaikum dan selamat tengah malam...malam ni saya nak buat tutorial sikit sebab ada orang tanya macam mana nak letak follower gadget...




For Template Designer ( Denim, Watermark, Simple etc...)

1. Log in to your blogger account.
2. Go to Dashboard > Layout > Add a Gadget
3. Click on more gadget > Scroll down



4. Choose Followers > Click on (+)



5. Click Save.. Done !



For classic template

You cannot add the follower gadget like above ( maybe you can but it would be difficult to do )
So, let's add the follower button instead.. ( Click on a button to follow )


1. Log in to your blogger account.
2. Go to Dashboard > Template > Click ctrl + C and search for <head>
3. Copy below code and paste it after <head>
4. Preview and save

<center><div style="display:fixed;position:fixed; top:10px; right: 10px; width:150px;padding:5px; font-family: Century Gothic; letter-spacing: 2px; background:url(https://i.imgur.com/tDtge.png); font-size:13px;"><center><a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">Follow</a>|<a href="http://blogger.com/">Home</a></center></div>
The Noted :
Red text : Background image URL
Blue text : Text to display

For Template designer user, U can also add the follower button just by :
1. Log in to your blogger account.
2. Go to Dashboard > Layout > Add a Gadget
3. HTML/Javascript > Add the code on the content section

..........PREVIEW AND SAVE..........

2 comments: