Alternatif Kode Kotak Follower Google Friend Connect

    Alternatif Kode Kotak Follower Google Friend Connect - Belakangan ini banyak yang tanya kepada saya tentang cara mendapat Kode Kotak Follower setalah Google Friend Connect pensiun. Yah, yang tanya sama saya jelas saya jawab kalo saya bisa jawab, tapi kalo saya ditanya pertanyaan yang sama terus nanti jadi streess donk saya -_- Semuanya sih tanya gituan untuk satu tujuan yaitu Membuat Show-Hide Kotak Follower di Blog.

Screenshot orang yang tanya dari Blog

Screenshot orang yang tanya dari Facebook

Seperti yang kita ketahui, Google Friend Connect sudah pensiun sejak 1 Maret 2012, jadinya siapa yang ingin memakai fasilitas di sana sudah tidak bisa lagi, termasuk fasilitas membuat kotak follower. Tetapi ada jalan lain yang bisa kita lakukan untuk mendapatkan kode kotak follower. Oke daripada kelamaan langsung saja Cekidooot....

Cara Mendapatkan Kode Kotak Follower Google Friend Connect :

1. Copy paste kode 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-ubl22cx3irf6" style="width: 100%; "></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['FONT_FAMILY'] = 'Times';
skin['BORDER_COLOR'] = '#2F4F4F';
skin['ENDCAP_BG_COLOR'] = '#696969';
skin['ENDCAP_TEXT_COLOR'] = '#FFFFFF';
skin['ENDCAP_LINK_COLOR'] = '#FFFFFF';
skin['ALTERNATE_BG_COLOR'] = '#FFFAF0';
skin['CONTENT_BG_COLOR'] = '#A9A9A9';
skin['CONTENT_LINK_COLOR'] = '#ffe938';
skin['CONTENT_TEXT_COLOR'] = '#FFFFFF';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#ffe938';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#FFFFFF';
skin['CONTENT_HEADLINE_COLOR'] = '#FFFFFF';
skin['NUMBER_ROWS'] = '2';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-ubl22cx3irf6',
   site: '15546544397090447331' },
  skin);
</script>

2. Ganti kode warna dan jenis font sesuai kreasi sobat (Sunah)
3. Ganti kode berwarna merah dan biru sesuai dengan kode "id" dan "site" sobat (Wajib)

Cara Mendapatkan Kode "Site" dan "Id" :

1. Login ke Blogger.com
2. Menuju Tata Letak > Tambah Gadget > Pengikut > Simpan

3. Buka Blog anda > Tekan Ctrl+U

4. Tekan Ctrl+F > Ketik "google.friendconnect.container.setParentUrl" tanpa tanda petik

Yang didalam bulatan merah adalah kodenya

5. Jika sudah dapat kodenya silahkan pasang di Kode Kotak Follower yang sudah diberikan :)

Yah sekarang kalian sudah mendapatkan Kode Kotak Followernya, yang mau pasang Show-Hide sudah bisa tenang sekarang, Happy Blogging :)