Print Friendly Version of this page Print this Article Print Friendly Version of this page

Cara Membuat Widget Followers Blog SEO Friendly dan Valid HTML5
Halo sobat Mahogra Fauzan. Seperti yang di ketahui, widget followers blog yang disediakan oleh Blogger dapat menurunkan score SEO Blog. Kali ini saya mau berbagi tutorial mengenai "Cara Membuat Widget Followers Blog SEO Friendly dan Valid HTML5".

  1. Buka home page blog sobat. Lalu pencet CTRL+U (view source)
  2. Lalu cari kode "var skin = {};" atau kode script yang mirip seperti di bawah gambar ini :
    View Source
  3. Contoh:
    <div id="div-ID" 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-ID",
         height: 260,
       
       
       
         site: "SiteID",
       
         locale: 'in' },
         skin);
    </script>
  4. Copy code scriptnya lalu pergi ke Tata Letak ~> Tambahkan Gadget ~> HTML/JavaScript, lalu paste kode yang tadi.
  5. Pergi ke Template ~> EditHTML, cari kode </head>
  6. Copy dan paste kode di bawah ini di atas kode </head>
    <script src='http://www.google.com/friendconnect/script/friendconnect.js' type='text/javascript'/>


Download Cara Membuat Widget Followers Blog SEO Friendly dan Valid HTML5

Post a Comment Disqus Blogger

 
Top