Bocah Poris Blog's | Hai Sahabat Bocah Poris Blog's Ketemu Lagi dihari Sabtu yang Cerah dan Sedikit Mendung ini . Tepat Pada Hari ini Saya akan Berbagi Tentang Cara Memasang Widget Follower Valid HTML5 . Tutorial ini Sangat Berhubungan Dengan Tutorial Saya yang Sebelumnya Tutorial Lengkap Agar Blog Valid HTML5 . Cara Ini Juga Termasuk Cara Memodifikasi Widget Follower Blog . .
Cara Membuat Widget Follower Valid HTML5

Manfaat dari Widget Follower Blog Valid HTML5 yang saya tau :
 Banyak Sahabat Blogger yang Menyarankan Agar Tidak Memasang Widget Follower karena Widget Follower Bawaan Blogger Tidak Valid HTML5 . Widget Follower kali ini Tidak Terlalu Berat dan Cukup Ringan Karena Sudah Valid HTML5 ya jadi Cepat Karena Ke Validan nya . Widget ini Juga Membuat Widget Follower kita Lebih Menarik dan Keren . karena Widget Follower yang satu ini Bisa Kita Modifikasi Sesuai Kemauan Kita . Dengan Kita Memasang Widget Follower Blog Valid HTML5 Bisa Mengurangi Eror Saat Menvalidkan Blog HTML5 di validator.w3.org . Membuat Blog Semakin Cepat memang iya makannya saya sarankan Agar Blog Valid HTML5 .
Bagi yang penasaran Tentang Cara Memasang Widget Follower Blog yang Valid HTML5 ini oh ya Selain Widget ini Valid HTML5 Widget Follower Blog ini juga Ternyata Valid XHTML., Silahkan Lihat Tutorialnya dengan Teliti . Agar Kalian Bisa Mengerti sedemikian Rupa.


  • Sebelum itu Pasang Terlebih Dahulu Widget Follower Anda dari Bawaan Blogger.



Berikut Langkah - Langkah Memasang Memasang Widget Follower Blog Valid HTML5 :

1. Login Seperti Biasa Ke Akun Blog Anda

2. Lalu Anda Ke Menu Tata Letak Blogger > Klik Tambah Gadget > Lalu Klik Tambah HTML/Javascript

3. Setelah itu Masukkan Kode dibawah ke dalam Gadget Tersebut


<!-- 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-1c215g4zw8xwl" style="width:275px;border:1px solid #33FF00;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#F20A0D';
skin['ENDCAP_BG_COLOR'] = '#000000';
skin['ENDCAP_TEXT_COLOR'] = '#33FF00';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#33FF00';
skin['CONTENT_BG_COLOR'] = '#FFFFFF';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#1919B3';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#FF0000';
skin['NUMBER_ROWS'] = '2';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-1c215g4zw8xwl',
   site: '09763574807212865191' },
  skin);
</script>

Sebelum itu Kalian Harus Melihat Source Kode dari Widget Follower Blog Anda Sendiri .
Cocokkan Kode Yang Berwarna Biru dengan Widget Follower anda sendiri . Dengan Cara Klik CTRL+U / Klik Kanan Lalu Klik Lihat Sumber Laman ,Pada Blog Anda Sendiri Kemudian Cari Nama Widget Blog Anda Sendiri Setelah Ketemu Ganti Kode yang Berwarna Biru dengan Widget Follower Blog Anda Sendiri
Kode Yang Berwarna Merah Adalah Tampilan dari Widget Follower Blog Anda silahkan Modifikasi Sendiri.
Gambar diatas Merupakan Source Kode dari Widget Follower .
Cara Membuat Widget Follower Valid HTML5

4. Setelah di Cocokkan dan di Modifikasi Sedemikian Rupa Lalu Klik Simpan/Save. Jangan Lupa Hapus Widget Follower Blog  Bawaan Blogger Anda.

dan Lihat Hasilnya Pada Blog anda. Cukup Sekian Cara Membuat Widget Follower Valid HTML5
Jika Kalian Blog Anda Masih dalam bentuk XHTML Silahkan Lihat Tutorial Berikut
Semoga Tutorial Kali ini Bermanfaat Bagi Kalian Makasih Sudah Berkunjung Ke blog Saya ini .

Judul : Cara Membuat Widget Follower Valid HTML5
Di Tulis Oleh:MRizal Wrc
URL : http://bocahporis.blogspot.com/2013/02/cara-membuat-widget-follower-valid-html5.html
Date Published : 10:52
Desription :Bocah Poris Blog's  | Hai Sahabat Bocah Poris Blog's Ketemu Lagi dihari Sabtu yang Cerah dan Sedikit Mendung ini . Tepat Pada Hari i...
Rating Blog: 5 dari 5