Rabu, 29 Agustus 2012

Cara membuat widget follower yang valid xHtml

Cara membuat widget follower yang valid xHtml, valid xHtml memanglah sulit dilakukan. Seperti halnya blog ini masih saja mempunyai 2 error dan 2 warning di hompage dan halaman postingnya. Sudah dicoba berulang kali untuk membuatnya valid namun tetap saja tidak bisa dan akhirnya azrut bertahan saja dengan template yang error ini.
Widget Follower blogger adalah salahsatu yang dapat menyebabkan banyak error saat di validasi, namun banyak cara untuk membuat widget follower sobat supaya bisa valid xHtml seperti widget follower pada blog ini. Untuk memasang widget follower yang valid xHtml silahkan sobat ikuti langkah-langkah dibawah ini:

cara membuat valid xHtml
  • Login ke blogger
  • Masuk ke Rancangan
  • Pada tab elemen halaman sobat tambahkan widget follower seperti biasa terlebih dahulu untuk melihat id widget follower sobat
  • Langkah selanjutnya sobat cari id followernya dengan cara klik kanan lalu pilih view source code (saran menggunakan mozilla firefox)
  • Setelah itu sobat silahkan copy code dibawah ini dan ganti tulisan yang berwarna merah dan biru dengan kode blog sobat sendiri.
<div class="widget-content"><script src="http://www.google.com/friendconnect/script/friendconnect.js"type="text/javascript"></script>
<div id="div-xo2tg73fqhie" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Gabung";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#000000";
skin['ENDCAP_LINK_COLOR'] = "#004B91";
skin['ALTERNATE_BG_COLOR'] = "transparent";

skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#004B91";
skin['CONTENT_TEXT_COLOR'] = "#000000";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#004B91";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#999999";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "normal normal 110% Segoe UI";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-xo2tg73fqhie",
height: 260,



site: "06172536364067002518",

locale: 'in' },
skin);
</script>
</div>
  • Pada kode diatas silahkan ganti sesuai kriteria dibawah ini :
Kode warna merah : ganti dengan id widget follower sobat
Kode warna biru : ganti dengan id blog sobat

Apabila langkah diatas sudah terselesaikan, sekarang masuk ke langkah selanjutnya yaitu sbb :
  • Masuk ke blogger
  • Rancangan - Elemen Halaman - Tambah Gadget - HTML/JavaScript
  • Paste kode tadi didalam kotak html/javascript lalu klik Simpan
  • Langkah terakhir adalah masuk ke Rancangan - Edit HTML - Centang kotak expand widget content
  • Cari kode <b:includable name='quickedit'/>
  • Hapus semua kode seperti itu dan simpan template apabila semua kode tersebut sudah dihapus

Tidak ada komentar:

Posting Komentar