Cara Memasang atau membuat widget Follow Blog Valid HTML5

Valid HMTL5 adalah Salah pendonkrak SEO nya suatu Blog.
Sebelumnya Nih gan Di Postingan Cara menambahkan Widget Followers Di blog , Tapi Tidak Valid HTML5,Tapi Sekarang Saya Akan Postingan Cara Membuat widget Join this site atau follow blog Valid HTML5 . Cara Nya agak sedikit Rumit yah,jadi di perhatikan secara baik baik dan teliti jangan sampai salah,karna jika sampai salah, bukan widget valid HTML5 yang kamu dapat :D,tapi Tidak valid HTML5.Ini Adalah Satu cara Untuk membuat Blog kita menjadi SEO.

banyak tutorial tentang valid HTML 5 yang tutorialnya agak sedikit Susah,Kalau saya jadikan secara simple.

Silahkan Lihat Contoh widget Valid HTML 5 yang saya akan bagikan !!

Itulah tampilan Valid HTML5 yang sudah saya edit.warna tersebut semuanya bisa di Ubah,nanti akan saya kasi tahu bagaimana cara mengubah dan mengganti warnya.

Langsung simak Penjelasan tips dan trik di bawah ini secara seksama,Ingat jangan sampai salah.!

1.Kamu Harus Buat Widget Follow Blog Terlebih dahulu,Jika Sudah Ada Langsung ke Nomor 3

2.Klik Di Sini Untuk Langsung cara membuat widget Follow Blog Di Postingan sebelumnya!

3.Jika Sudah membuatnya,Silahkan menuju ke Halaman atau postingan Kamu,terserah yang mana!!

4.Klik CTRL + U (Untuk Google Chrome dan Mozilla,Kalau yg lain cari sendiri yah :D)

5.Maka Akan muncul Page Source,Dan Silahkan Cari RenderMembersGadget,

   Untuk memudahkan Pencarian,tekan CTRL + F untuk mencari

6.Jika Sudah Ketemu,Maka tampilannya seperti gambar DI bawah ini!

Perhatikan Kode Id dan Site !!

7.Silahkan Buat Widget HTML Baru Untuk Pemasangan Widget

8.Copy Kode Scrypt Di bawah ini !!

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<div id="div-1kwvvnfliasg5" style="width:300px;border:1px solid #ff4800;"></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '42';
skin['BORDER_COLOR'] = '#000';
skin['ENDCAP_BG_COLOR'] = '#44FF44';
skin['ENDCAP_TEXT_COLOR'] = '#fff';
skin['ENDCAP_LINK_COLOR'] = '#f0ff00';
skin['CONTENT_BG_COLOR'] = '#ddd';
skin['CONTENT_LINK_COLOR'] = '#0027cf';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_HEADLINE_COLOR'] = '#007b03';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-1kwvvnfliasg5',
   site: '17882507417510919277'},
  skin);
</script>

Kemudian Simpan 

9.Lihat Hasilnya

10.Ganti Kode Berwarna Merah dan kuning Dengan kode Yang Kamu Dapat Di Page Soursce Yang        di dalam kotak(Id sama Site Kamu)

10.Selesai

Semoga Dapat di mengerti dan Di pahami,Untuk Mengedit Warnanya,Silahkan ganti dengan sesuai keinginan,Jika tidak tahu cara menggantinya silahkan Berkomentar!!

untuk Yang mau mendownload Kode warna legkap Silahkan Klik

Mau SMS Gratis?Klik DI SINI

Semoga POstingan Cara Memasang atau membuat widget Follow Blog yang Valid HTML5 yang sangat singkat ini dapat membantu blog kamu!!

Jangan Lupa Like fans Page dan Follow blog saya gan,Komentar aja nanti saya Follow Blog Kamu!

Posted by Syaikal