Cara Membuat Widget Follower Blog Valid HTML5

Oleh Unknown

Thursday 15 August 2013

Bagikan :

Tweet

Cara Membuat Widget Follower Blog Valid HTML5 - Untuk kalian blogger yang ingin templatenya Valid HTML5 tapi mempunyai masalah dengan widget followernya sekarang tidak usah risau. setau saya, 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.

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

Berikut Tips Dan Cara Membuat Widget Follower Blog Valid HTML5:

• Login Ke Blogger
• Kemudian Klik Tata Letak >> Tambah Gadget >> Edit HTML/Javascript
• Lalu masukkan kode ini

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js" />
<div id="div-1c215g4zw8xwl" style="width:275px;border:1px solid #33FF00;"></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>

Keterangan:
Tapi sebelum itu sobat 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 .

• Terakhir SIMPAN/Save & Jangan lupa untuk menghapus Widget Follower Blog Bawaan Blogger sobat.

Itulah Tutorial Blog & Tips Membuat Widget Follower Blog menjadi Valid HTML5. Terima kasih sudah membaca artikel ini, semoga bermanfaat dan selamat berkarya.

Tag : Tutorial Blog