Put follower gadget or follow button

Saturday, 15 December 2012

Put follower gadget or follow button

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