Kamis, 11 Juni 2015

Membuat Witget Pengikut Blog Dengan Tampilan Keren

Membuat Witget Pengikut Blog Dengan Tampilan Keren - Witget ini merupakan witget yang berasal dari GFC ( Google Friend Connect) yang sangat mengunutngkan bagi blog kita. salah satu keuntungan nya yaitu visitor dapat mengikuti blog kita dengan mudah hanya dengan mengklik tulisan join this site  dan witget pengikut ini juga membuat blog Valid Html5. 
Wajib Di ingat setelah memasang witget jangan lupa menghapus code
 <b:include name='quickedit'/> di templete sobat.


Membuat Witget Pengikut Blog Dengan Tampilan Keren

Cara Membuat Witget Pengikut Blog

  • Login Blogger
  • Tata Letak 
  • Tambahkan Witget Follower (Jika Sudah ada lewati langkah ini)
(Tata Letak - Tambahkan Gatget - Gatget Lainnya - Pengikut)
  •  Buka Link Blog Sobat : Page Source Atau Ctrl + U
  • Find Code Atau Lebih Mudah Tekan Ctrl + U renderMembersGatget
  • Simpan id dan site yang telah sobat dapatkan seperti gambar dibawah :
Membuat Witget Pengikut Blog Dengan Tampilan Keren

  • Buka Tata Letak Kembali Tambahkan Code Html Dibawah :
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<div id="div-m08xa5750f2h" 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-m08xa5750f2h',
site: '02250142742563404807'},
skin);
</script>

  • Ganti id dan site sesuai yang telah sobat dapat di page source tadi
  • Hapus Witget Pengikut Bawaan Blogger Pada Langkah Pertama Tadi
  • Terakhir Jangan Lupa Menghapus <b:include name='quickedit'/>
  • Agar Blog Valid Html5, Jika Tidak Mau Abaikan Saja :Q

Membuat Witget Pengikut Blog Dengan Tampilan Keren Rating: 5 Diposkan Oleh: Nando Tamvan

0 komentar:

Posting Komentar