Tips Mengubah Follower Blog Menjadi Valid HTML5

Asalamualaikum Wr.wb

Saya akan melanjutkan artikel sebelumnya tentang Validasi di W3C.
Karena ada beberapa widget blog bawaan yang tidak valid di HTML5 khususnya widget Follower maka kali ini saya akan memberikan tips sederhana mengubah widget follower blog menjadi valid HTML5. Langsung saja ikuti langkah langkahnya dibawah ini :

1. Pastikan anda telah memasang Widget Follower bawaan Blog yang nantinya akan di modivikasi.

2. Buka halaman situs blog Anda karena kita akan mengambil Script Html Follower melalui Source    Code. Kemudian tekan CTRL+ U maka akan tampak kumpulan html blog kita.

Sebagai contoh saya mengambil Source Codenya dari blog saya SEMRIWING CINTA, kemudian Copy Html Codenya seperti ini :

<div id="div-1m7yhr4p2i1es" style="width: 100%; "></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#999999";
    skin['ENDCAP_LINK_COLOR'] = "#007f00";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
   
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#007f00";
    skin['CONTENT_TEXT_COLOR'] = "#999999";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#007f00";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#88560c";
    skin['CONTENT_HEADLINE_COLOR'] = "#960A09";
    skin['FONT_FACE'] = "normal normal 86% Cherry Cream Soda";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-10dspmxracru8",
     height: 260,
    
    
    
     site: "14940927155133108277",
    
     locale: 'en_GB' },
     skin);
  </script>
</div>

Script warna merah adalah code dari blog anda.

3. Lalu masuk Dashboard > Layout > Add Gadget > Javascript/HTML dan Letakkan Kode yang telah kita copy tadi, Dan tambahkan kode berikut ini diatasnya :

<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"> </script>

4. Setelah itu Save, nanti akan muncul 2 widget follower di halaman blog kita. Hapuslah widget Followers yang pertama karena itu adalah Widget yang tidak Valid Di HTML5

Nah sekarang kita sudah mempunyai widget follower yang Valid HTML5, Dan akhirnya saya ucapkan terimakasih telah membaca artikel ini semoga bermanfaat.

Wasalamualaikum wr.wb

Like THIS :

Share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BDariku