Buat sobat "Yang" susah mengurangi error validasi pada widget FOLLOWER di Blogspot ini ada tips paling mudah agar widget follower valid di W3C Validator.

Kunjungi dan cek blog kamu disini: ( http://validator.w3.org )
Masukan Url blog kamu misal : http://aspal-putih.blogspot.com
Klik option dan beri centang pada :
. Show Source
. Validate error pages
Lalu Klik Check.
Nanti keluar tulisan "Errors found while checking this document as XHTML 1.0 Transitional!"
dan dibawahnya ada tulisan seperti ini : 21 Errors, 16 warning(s) ( contoh ) beda tiap blog.
banyak toh errornya, nah sekarang kita coba kurangi dari yang paling mudah yaitu follower blog.
.Masuk atau klik http://www.google.com/friendconnect/
.Login dengan akun kalian.
.Klik pada nama blog kalian ( nanti tertulis berapa jumlah follower kamu ) lalu klik tambah gadget anggota ( Atur lebar dan tampilannya ) sesuai ukuran dan posisi pada template blog kamu) lalu klik buat "kode html"
<div id="ID BLOG kalian" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Pengikut";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#000000";
skin['ENDCAP_LINK_COLOR'] = "#000000";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#000000";
skin['CONTENT_TEXT_COLOR'] = "#000000";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "Arial";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-356975937630946000",
height: 260,
site: "08461338468492548110",
locale: 'in' },
skin);
</script>
</div>
. Copy dan paste kedalam notepad.<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Pengikut";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#000000";
skin['ENDCAP_LINK_COLOR'] = "#000000";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#000000";
skin['CONTENT_TEXT_COLOR'] = "#000000";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "Arial";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-356975937630946000",
height: 260,
site: "08461338468492548110",
locale: 'in' },
skin);
</script>
</div>
. Lalu tambahkan kode dibawah ini di atas kode:
<div class="widget-content">
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
. Kompletnya begini :<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<div class="widget-content">
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<div id="ID BLOG kalian" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Pengikut";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#000000";
skin['ENDCAP_LINK_COLOR'] = "#000000";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#000000";
skin['CONTENT_TEXT_COLOR'] = "#000000";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "Arial";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-356975937630946000",
height: 260,
site: "08461338468492548110",
locale: 'in' },
skin);
</script>
</div>
Yang berwarana merah itu script yang ditambahkan.<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<div id="ID BLOG kalian" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Pengikut";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#000000";
skin['ENDCAP_LINK_COLOR'] = "#000000";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#000000";
skin['CONTENT_TEXT_COLOR'] = "#000000";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "Arial";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-356975937630946000",
height: 260,
site: "08461338468492548110",
locale: 'in' },
skin);
</script>
</div>
Masuk ke BLOGGER.COM login dengan akun blogger kalian.
pada layout page element klik add "html javascript" copy dan paste kode html yang telah ditambah script tadi"
klik "SAVE" coba preview blog kalian, nanti ada dua widget follower satu bawaan blogger dan satu lagi yang baru di tambahkan, hapus follower blog bawaan blogger.
langkah selanjutnya :
1. Masuk ke edit html
2. Centang Expand Widget Templates
3. Jangan lupa backup dulu.
4. cari dan hapus semua kode
5. Save dan lihat hasilnya.
Coba cek lagi jumlah error ( khususnya follower blog kamu ) di : http://validator.w3.org
Pasti berkurang dan follower blog kalian sudah valid di W3C validator, ini cara termudah dan mudah diikuti buat blogger senior koreksi jika salah dan mohon bimbingannya.
No comments:
Post a Comment