Hafiz Zulkafly

Tutorial : Follower Widget (Blogskins User)

Jumaat, November 02, 2012


Assalamualaikum

Haritu . ade orang minta ajarkan macam mana nak dapat follower widget untuk blogskins . actually dah ade banyak dekat google . tapi aku ade cara sendiri . cara ni mungkin agak mengelirukan , sebab ni cara yang aku create sendiri . so kena follow tutorial ni slow slow . insyaallah korang akan boleh follow . okay ? jomm mula .

1) Tukar blog kepada Simple Template .

macam mana nak tukar ? pergi dekat Template > Upgrade Template > Simple Template . Pastu save . kemudian . korang pergi ke Layout > Add a Gadget > Followers . kemudian SAVE . siap fasa pertama . try view blog korang , then RIGHT CLICK , click pada VIEW PAGE SOURCES . takpun , CTRL + U , nanti akan keluar semua coding blog korang . aku nak korang CTRL + F perkataan SITE . cube cari seakan akan macam code bawah ni ;

site: "07045439483620914405",

dah jumpa code yang seakan akan macam dekat atas ni ? copy then tolong save dekat mana mana dulu .

2) Tukar semula blog kepada Classic Template .

Pergi ke template . then scroll down sampai bawah . kemudian klik pada REVERT TO THE CLASSIC TEMPLATE . okay siap step kedua .

3) Copy code dekat bawah ni .


<center><script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-YOUR BLOG ID" style="width:210px;border:0px solid #444;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = 'transparent';
skin['ENDCAP_BG_COLOR'] = '#f3e4ca';
skin['ENDCAP_TEXT_COLOR'] = '#000000';
skin['ENDCAP_LINK_COLOR'] = '#000000';
skin['ALTERNATE_BG_COLOR'] = '#f3e4ca';
skin['CONTENT_BG_COLOR'] = '#f3e4ca';
skin['CONTENT_LINK_COLOR'] = '#000000';
skin['CONTENT_TEXT_COLOR'] = '#000000';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#000000';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#000000';
skin['CONTENT_HEADLINE_COLOR'] = '#333';
skin['NUMBER_ROWS'] = '3';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-YOUR BLOG ID',
   site: 'YOUR SITE NUMBER' },
  skin);
</script></center>

*YOUR SITE NUMBER tu . korang paste no yang korang copy dekat step no 1 tadi . COPY NO SAHAJA . kemudian mana mana code color tu korang boleh edit ikut suka korang .

4) Save and Preview .

Try refresh banyak kali sebab mase aku buat haritu , lepas refresh banyak kali baru jadi . tutor ni takkan jadi kalau korang paste code ni dekat tempat lain selain daripada main page blog korang . tak paham , jangan malu nak tanya .

46 ulasan

  1. site no tu betul tak ? sebab site no tu sangat penting . kalau salah memang takkan jadi .

    BalasPadam
  2. Awakk ! Saya tak jumpa nombor site saya pun ? Tolong cari pleasee !

    BalasPadam
  3. hurm . ade twitter tak ? PM saya dekat twitter .

    BalasPadam
  4. tolong saya please~ tak boleh nak copy laa... kenapa ea?

    BalasPadam
  5. shankyew~ jadik , tapi macammana nak tukar background colour (follower) tu ?

    BalasPadam
  6. @b2utyinspirit~ ubah code code color yang ade dalam code ni . sorry , apis tak highlight code color TT_______TT

    BalasPadam
  7. thanks veli much abg apis..jadi la..dah lame cri tuto camni

    BalasPadam
  8. kenapa saya cari site number tak ada even dah tukar kepada simple template?

    BalasPadam
  9. YEAH YEAH dah jadi :D thanks apis. dah lama nak cari tuto ni dapat jugak akhirnya :D :D :D

    BalasPadam
  10. tak boleh lha , da buad xjdy gk . mcm mne ny . dye kuar error jer

    BalasPadam
  11. xbolh pon . da buat ps tuh kuar error je . tq

    BalasPadam
  12. @nursafira@fyraa dah buat sampai step mana yang keluar error tu ?

    BalasPadam
  13. Thanks buat tuto ni. Dah lama cari :D

    BalasPadam
  14. @SI bαmbαmm ™ lepas tukar ke simple template , dah add gadget ? btw this tutor untuk blogskins user .

    BalasPadam
  15. yes knew it, dah, before ni pakai blgskin, but sebb tak boleh add fllwr wdget so i chnge it to simple tmplte :/

    BalasPadam
  16. @SI bαmbαmm ™ hurm , okay , cube awak letak follower widget dekat simple template awak tu . kemudian bagitau saya . saya tolong carikkan site number :)

    BalasPadam
  17. dah letak , tlg mcm mane..? contct me at here https://twitter.com/zazabamm

    BalasPadam
  18. tenx abng. jdlah. tutor untuk letak komen d blog skin ad x abng?

    BalasPadam
  19. @Ajiem Smarties masa tukar ke simple template , dah add follower widget tak ? kalau dah add . save dulu . kemudian review blog , lepas tu baru open page sources . bole bagi link blog ? saya tolong tengokkan

    BalasPadam
  20. alaa.. tak dptla. tak jumpa site no..

    BalasPadam
  21. dalam banyak2 tuto saye try, tuto ni yg menjadi..thanks hafiz..

    BalasPadam
  22. Tq hafiz..menjadi jgk

    BalasPadam
  23. Thanks :) . your tutorial very helpful

    BalasPadam
  24. thank you thank you ^^ sekali buat terus jadi ><

    BalasPadam
  25. Assalamualaikum. Dlm bnyk2 tutorial, tutorial awk yg mnjadi kt blog saya. Thanks :)

    BalasPadam
  26. dah convert ke simple template dan dah add widget followers, tapi takde pun site code tu. macam mana ye ?

    BalasPadam
  27. saya tak jumpa "site" tu macam mana???

    BalasPadam
    Balasan
    1. awak dah letak follower widget ke belum?
      kalau dah letak cuba bagi link blog awak saya tolong carikkan

      Padam
  28. menjadi.terima kasih..follow la kita balik yer..saya blogger baru..http://sikasutpinkstory.blogspot.my

    BalasPadam
  29. yeay. trima kasih. menjadi. lama jugak cari tuto ni.

    BalasPadam

© 2017 HAFIZ ZULKAFLY ALL RIGHTS RESERVED