Pictures tell the stories

Tutorial : Dashboard & Button follow [Classic Template]

Tuesday, 28 August 2012, ϟ 0 shout(s)

For Template Designer users

Dashboard > Design > Page Element > Add Gadget > HTML/JavaScript

Copy code below this and paste it in the HTML/JavaScript

<div style="top:0px; right:0px; position:fixed;"><a style="background:#ffffff; font-size:8pt; text-align:center; display:inline-block; width:100px; padding:5px; -webkit-border-radius:0px 0px 0px 10px; -moz-border-radius:0px 0px 0px 10px;"href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank">FOLLOW</a> <a style="background:#ffffff; font-size:8pt; text-align:center; display:inline-block; width:100px; padding:5px; -webkit-border-radius:0px 0px 0px 10px; -moz-border-radius:0px 0px 0px 10px;"href="http://www.blogger.com/home" target="_blank">DASHBOARD</a>

BLOG ID : letak blog ID korang. tak tahu nak ambil kat mane? pergi ke new post korang then tengok kat bahagian link yang atas sekali tuh! nampak tak? ha! tulah blog ID korang.

For Blogskin Users

Dashboard > Template

Copy codes below ni and pastekan kat mana-mana sahaja

<div style="top:0px; right:0px; position:fixed;"><a style="background:#ffffff; font-size:8pt; text-align:center; display:inline-block; width:100px; padding:5px; -webkit-border-radius:0px 0px 0px 10px; -moz-border-radius:0px 0px 0px 10px;"href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank">FOLLOW</a> <a style="background:#ffffff; font-size:8pt; text-align:center; display:inline-block; width:100px; padding:5px; -webkit-border-radius:0px 0px 0px 10px; -moz-border-radius:0px 0px 0px 10px;"href="http://www.blogger.com/home" target="_blank">DASHBOARD</a>

BLOG ID: letak BLOG ID korang!

DONE! preview first! okay tak? then baru save! BYEEEE^^