Cara Rubah Warna Widget Follower di Blogger

Cara Rubah Warna Widget Follower - kalo malem biasa lah gan, suka ndet ndet koneksinya wkwkwkwk :D jadi ane share ilmu ajalah ;), nah pada kesempatan ini saya mau berbagi cara bagaimana merubah agar widget follower di blog sobat warnanya di modif sesuai dengan kemauan :D
langsung ke TKP nyok ;)

Step by -Step

1. Buka Blog sobat [ Halaman Home ] kemudian klik di Urlnya lalu tekan CTRL + U
2. Cari renderMembersGadget
   [ biar mudah carinya tekan CTRL + F lalu pastekan renderMembersGadget ]
   Jika ketemu Contohnya kaya di gambar ini :
   
   
   
3. Tinggal dulu yang tadi, tapi jangan di close ;) sekarang Buat Widget baru
   [ Klik tata letak ---> Tambahkan gatget ]
   
   
   
   
4. Copas kode dibawah ini ke widget baru yang telah di buat tadi
   
   
   <script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script><br /> <div id="div-4769418095313647753" style="width:300px;border:1px solid #ff4800;"> </div> <script type="text/javascript"> var skin = {}; skin['FACE_SIZE'] = '42'; skin['BORDER_COLOR'] = '#000'; skin['ENDCAP_BG_COLOR'] = '#ff0000'; skin['ENDCAP_TEXT_COLOR'] = '#fff'; skin['ENDCAP_LINK_COLOR'] = '#f0ff00'; skin['CONTENT_BG_COLOR'] = '#ddd'; skin['CONTENT_LINK_COLOR'] = '#0027cf'; skin['CONTENT_TEXT_COLOR'] = '#333333'; skin['CONTENT_HEADLINE_COLOR'] = '#007b03'; skin['NUMBER_ROWS'] = '4'; google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */); google.friendconnect.container.renderMembersGadget( { id: 'div-4769418095313647753', site: '17038536110807365684'}, skin); </script>
   
5. Jangan dulu simpen, ganti kode ID sama kode Site nya dulu sob, yang sudah di peroleh di step 1 tadi ;) , jika sudah di ganti lalu simpan :D
6. Kemudian Hapus widget bawaan bloggernya

Jika sobat mau memodifikasi warna yang lainnya . . .

Keterangan
1. ENDCAP_LINK_COLOR
2. ENDCAP_BG_COLOR (Background atas / contoh gambar warna merah)
3. ENDCAP_TEXT_COLOR (tulisan : With Google Friend Connect)
4. BORDER_COLOR (garis dibawah blok merah)
5. CONTENT_HEADLINE_COLOR (Tulisan Member 530)
6. CONTENT_LINK_COLOR (tulisan More dan Sign in)
7. Garis pinggir, ganti kode warna #ff4800
8. FACE_SIZE (ukuran avatar)
9. CONTENT_BG_COLOR (background bawah)
10. CONTENT_TEXT_COLOR (tulisan Already a member?)

Kode skin['NUMBER_ROWS'] = '4'; adalah berapa baris avatar ditampilkan. Ganti angka 4 sesuai keinginan. Sesuaikan juga lebar widget dengan mengganti kode 300px

Sumber : http://sch-xp.blogspot.com/2013/09/modifikasi-tampilan-widget-followers-blog.html