Kod HTML Widget Follower Blogspot

Kod HTML widget follower blogspot - Baru-baru ini ramai mengeluh mengenai widget follower tidak dapat berfungsi dengan baik. Ramai bermasalah sebab tak boleh nak follow sesebuah blog kegemaran mereka menggunakan widget default follower yang ada dalam blogspot. Ok, blog post kali ini adalah untuk selesai masalah tersebut. In Sha Allah, bila guna kod HTML widget follower blogspot ini, masalah untuk follow sesuatu blog boleh diselesaikan.

Sebelum ini, saya ada kongsikan salah satu cara lain untuk memasang widget follower Google Friends Connect ini. Tetapi ada yang cuba tak dapat nak buat dengan betul. Jadi, kali ini saya kongsikan cara yang mudah untuk anda pasang widget follower ini.

Apabila keluar error widget follower, cuba anda tekan ctrl-u. Satu kod HTML blogspot anda akan keluar seperti di bawah. Seandainya anda sudah buang widget ini, masukkan balik dengan pergi ke dashboard, add widget, pergi ke bahagian More, dan lihat senarai terakhir sekali ada widget follower ini. Masukkan kembali.

Kemudian, dengan menggunakan Ctrl-F, cuba taip Followers, dan anda akan jumpa seperti di bawah ini di mana perkataan Followers telah dihighlight:

Anda skrol turun ke bawah, dan anda akan jumpa seperti ini:

Ok. kod yang saya birukan itu anda perlu ambil perhatian, ia penting untuk anda letakkan dalam kod yang akan saya berikan di bawah.

Untuk pasang widget follower blogspot ini, apa yang perlu anda buat ialah salin tampal kod HTML di bawah ini, dan letak di sidebar. Hanya Add HTML/Javascript dan tampal kod diberikan. Tapi sebelum itu, anda perlu gantikan dahulu kod-kod yang telah saya birukan di atas dengan kepunyaan anda. Ia berbeza bagi setiap blogspot.

Kemudian, sila save dan tengok hasilnya.

Kod HTML Widget Follower untuk Blog Blogspot 

<!-- 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-zn6t5ymg0wky" style="width:auto;border:1px solid #cccccc;"> </div> <!-- Render the gadget into a div. --> <script type="text/javascript"> var skin = {}; skin['FONT_FAMILY'] = 'trebuchet ms,sans-serif'; skin['BORDER_COLOR'] = '#cccccc'; skin['ENDCAP_BG_COLOR'] = '#cc6633'; skin['ENDCAP_TEXT_COLOR'] = '#cccccc'; skin['ENDCAP_LINK_COLOR'] = '#cccccc'; skin['ALTERNATE_BG_COLOR'] = '#ffffff'; skin['CONTENT_BG_COLOR'] = '#ffffff'; 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'] = '#cc6633'; skin['NUMBER_ROWS'] = '3'; google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */); google.friendconnect.container.renderMembersGadget( { id: 'div-zn6t5ymg0wky', site: '17267839427891992191' }, skin); </script>

Sekiranya tidak menjadi, buang balik dan mulakan semula seperti langkah-langkah di atas.

Guna kod HTML yang saya berikan ini ada kelebihan dia. Haaa .. anda boleh custom sedikit, iaitu pilih warna tertentu agar kotak follower anda nampak lebih menarik dan sesuai dengan blog anda. Nak tukar mudah je, anda tengok kod HTML widget follower blogspot di atas, mana ada "#" tu ... itu merupakan kod warna.

Tak pasti akan kod-kod warna HTML? Anda boleh rujuk entri saya ini - Pilihan Warna Sedondon untuk Blogspot - Yang ni saya syorkan guna warna sedondon, supaya boleh diserasikan dengan warna blog.

Semoga berjaya.

p:s: Jika ada masalah, boleh PM saya di Facebook, saya akan cuba bantu. In Sha Allah.