Dapatkan Kod Followers dengan Cara Mudah

Gadess.Butterfly

Isnin - 12/11/12

at 10:00 AM

Assalamualaikum .. !

Alhamdulillah ..akhirnya aienn jumpa juga jalan penyelesaiannya HUHU! sebelum ni nak dapatkan kod followers kena pergi dekat laman web Friend Connect kan? tp now web to dah "Friend Connect will be retired March 1, 2012" so, tak boleh lagi dah nak dapatkan kod followers .now aienn ade caranya ..

Pada pengguna blogskin yang tak tahu macam mana nak dapatkan kod followers untuk letak dekat sidebar korang, boleh ikot cara ini ok :) tapi firstly korang kena save dulu blogskin korang tu takut hilang, tak pun korang boleh copy dan pastekan dekat Notepad ok :) kemudian korang tukarkan Blogskin ke Blogger Template .tak tahu macam mana nak tukar? pergi ke Template dan korang akan nampak button Upgrade Template yang warna oren tu kan? klik situ and done ..

Lepas tu korang pergi dekat Layout > Add a Gadget > Followers > Save (bagi sesiapa yang tak letak followers widget lagi)

Now, ikut tutorial ini dengan teliti ..

1. View Blog > ctrl + U > dan akan keluar Source kan? > ctrl + F seacrh title followers widget korang (cth: My Followers, Followers Terbaik) ikot title followers widget dekat blog korang tau.

2. Scroll ke bawah sampai jumpa kod yang macam ni..

Klik untuk nampak lebih jelas (contoh kod blog aienn)

Pengguna Blogger Template

1. Layout > Add a Gadget > HTML/JavaScript

2. copy kod dibawah ini

<!-- Include the Google Friend Connect javascript library. -->
<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-GANTIKAN DENGAN KOD ID KORANG" style="width:200px;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['FONT_FAMILY'] = 'trebuchet ms,sans-serif';
skin['BORDER_COLOR'] = 'transparent';
skin['ENDCAP_BG_COLOR'] = '#E7A7F7';
skin['ENDCAP_TEXT_COLOR'] = '#ffffff';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#transparent';
skin['CONTENT_BG_COLOR'] = 'transparent';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '2';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-GANTIKAN DENGAN KOD ID KORANG',
   site: 'GANTIKAN DENGAN KOD SITE KORANG'  },
  skin);
</script>

3. KOD ID dan KOD SITE korang tengok dekat Source yang korang seacrh tadi .width boleh ubah ikot kesesuaian blog korang, #E7A7F7 boleh gantikan dengan kod warna yang korang suka .

4. Dah siap? Save :)


Pengguna Blogskin

Sekarang boleh tukar balik dari Blogger Template ke Blogskin .tak tahu macam mana nak tukar? korang pergi ke Template > Scroll ke bawah sampai korang jumpa Revert to classic template > Klik dan klik lagi > Done ..

1. Template > ctrl + F seacrh salah satu title sidebar korang (cth: Credit atau lain-lain)

2. copy kod title untuk sidebar korang tu .cth: <div class="tit">Credit</div>  atau <div class="h2">Credit</div> ikut jenis blogskin yang korang guna

3. pastekan kod title tu dimana-mana sidebar yang korang nak . (cth: atas Credit / bawah Tagboard)

4. gantikan title tu ke title lain untuk title followers korang ..

5. dan pastekan kod dibawah ini dibawah kod title korang tu

<!-- Include the Google Friend Connect javascript library. -->
<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-GANTIKAN DENGAN KOD ID KORANG" style="width:200px;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['FONT_FAMILY'] = 'trebuchet ms,sans-serif';
skin['BORDER_COLOR'] = 'transparent';
skin['ENDCAP_BG_COLOR'] = '#E7A7F7';
skin['ENDCAP_TEXT_COLOR'] = '#ffffff';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#transparent';
skin['CONTENT_BG_COLOR'] = 'transparent';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '2';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-GANTIKAN DENGAN KOD ID KORANG',
   site: 'GANTIKAN DENGAN KOD SITE KORANG'  },
  skin);
</script>

3. KOD ID dan KOD SITE korang tengok dekat Source yang korang seacrh tadi .width boleh ubah ikot kesesuaian blog korang, #E7A7F7 boleh gantikan dengan kod warna yang korang suka .

4. Dah siap? Preview .dah jadi? Save :)

Faham tak? kalau tak faham korang komen ok :) Selamat Mencuba ^_^


*ramai yang tanya kod id n kod site tu yg mana..ok now saya dah highlight .. hope faham :)

Tweet