like box fans page html5 minimalis

Untuk melihat tampilannya silahkan klik DEMO
Perhatikan tampilan Like box fans page html5 minimalis yang berada di samping halaman sebelah kanan anda, jangan lupa sekalian bergabung ya heheheh.

Install code script facebook like box fans page html5

1. Login ke dashboard blog anda
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
3. Cari code
   
   Code:

   </body>
   

   setelah ketemu..
4. Copy Code script facebook like box fans page html5 dibawah ini, pastekan tepat diatas code
   
   Code:

   </body>
   

   yang telah anda temukan sebelumnya. Biasanya code
   
   Code:

   </body>
   

   ini berada di bagian paling bawah code html/xml code template, setelah anda paste silahkan anda save template anda.

Spoiler

Code:

<div id='fb-root'/> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Setelah anda selesai memasang code script facebook like box fans page html5 pada template anda, saatnya untuk menampilkan code facebook like box fans page html5 pada halaman blog anda. Pemasangan code html facebook like box fans page html5 ini dapat anda pasang dimana saja, yang penting masih memasangnya berada di wilayah blog anda.
Install code HTML facebook like box fans page html5

1. Masih berada di dasbor blog anda, silahkan buka " Tata Letak " kemudian pilih atau klik " Tambahkan Gadged ".
2. Setelah muncul halaman pup up silahkan pilih " HTML / JavaScript " yang berlogo
   
   Code:

   </>
   

3. Copy code yang berada di dalam spoiler dibawah ini, Silahkan anda edit dan save, lihat halaman anda... selamat anda sudah berhasil memasang code facebook like box fans page html5 pada halaman blog kesayangan anda dengan tampilan yang menarik dan minimalis

Spoiler

Code:

/*****************************************
Name : facebook like box fans page html5
By : Rivai Silaban | Blog Design
Update :Kamis 02 Januari 2014
site : www.rivai.org
******************************************/
<div class="fb-like-box" style="box-shadow: 0px 0px 5px rgb(153, 153, 153);border: 1px solid #999;width: 230px;" data-href="https://www.facebook.com/id.blogspot" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="false" data-show-border="false"></div>

Link FB Fans page pada tutorial ganti dengan link facebook Fanpage anda.. silahkan anda edit tampilannya sesuai kebutuhan anda, bila anda masih kurang memahami penjelasan tutorial diatas silahkan langsung saja menuju link sumbernya : http://www.rivai.org/2014/01/facebook-like-box-fans-page-html5.html
Salam blogger semoga bermanfaat buat anda...