skins about bias entry link stuff
👯 Say something kind?

👯 Memories



Older Post | < Newer Post

👯 Followers


👯 Because of you!
Edit Followers Box
Monday, December 21, 2015 | 6:47:00 PM | 5 comments


Okay, i make this tutorial because somebody request it to me.

yap, thanks to Leya who request this, 
because its mean i have topic to make a tutorial, haha.
*click the picture*

Okay, now, i'll teach you how to edit followers box.
like.. how to put background and change the font color.
 
click the picture to look!
Get it what i mean? Now, follow this step!
     1. Dashboard > Template > Edit HTML
     2. Press ctrl+f and then find your followers code, (fast way find friendconnect code).
     3. Find it? Now find your followers box code that looks like this code!

<div id="div-2gtcvzofmh7x" style="width: 75%background: url(URL BACKGROUND);"></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '30';
    skin['HEIGHT'] = "250";
    skin['BORDER_COLOR'] = "background: url(URL BACKGROUND)";
    skin['ENDCAP_BG_COLOR'] = "background: url(URL BACKGROUND)";
    skin['ENDCAP_TEXT_COLOR'] = "#666666";
    skin['ENDCAP_LINK_COLOR'] = "#666666";
    
    skin['CONTENT_BG_COLOR'] = "background: url(URL BACKGROUND)";
    skin['CONTENT_LINK_COLOR'] = "#666666";
    skin['CONTENT_TEXT_COLOR'] = "#666666";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#666666";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#999999";
    skin['CONTENT_HEADLINE_COLOR'] = "#666666";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-2gtcvzofmh7x",
     height: 260,
     
     
     
     site: "09256312644398385065",
     locale: 'en' },
     skin);

  </script>

  • See? Just put background: url(URL BACKGROUND)like that one!
  • Nah.. the green code is the font code in your followers box, find color code here!
  • And then the pink code is the width followers box, if you mind to re-size it.

     4. Because we cannot preview it by click preview button, so we have to save it first and then view your blog. If there is a problem, then just press ctrl+z in your Edit HTML box to undo. If there is a question, ask in comment box, i will help you. Okay?

Hope it works!^^
Blogger Ratih Kd said...

Ada fotoku... Hahaha, norak banget ya aku ini :3

 
Blogger Shafa Afa said...

wkwkwkk.. XD

 
Blogger leya yeolly said...

thankyou shafa. nanti saya cuba :)

 
Blogger Shafa Afa said...

sama-sama^^ tanya kalau ada yang kurang paham yaa~

 
Anonymous melody.s said...

makasih infonya...

duh blm terbiasa sama blog nya, terlalu unyu
pasti orangnya cute nih

 

Post a Comment

• Any question/ request/ complain?!
• Please leave some comment after read my post!
• Use positive words, no harsh words!
• Thanks for read my post, hope useful :)