Cara Membuat Like Box Fans Facebook Tersembunyi Di Blog





SBN | Assalam . . . Wr.Wb hello sobat blog ninja pada kesempatan kali ini ane mau share tentang bagaimana cara membuat Like Box Fans Facebook tersembunyi di samping kanan blog. Widget Like Box Fans Facebook memang sudah tidak asing lagi nama itu bagi para blogger selain berguna sebagai penghubung blog dengan jejaring sosial facebook ini , widget ini juga berguna sebagai sarana melihat berapa banyak yang menyukai blog tersebut dengan melihat jumlah like dari pengguna facebook , semakin banyak like yang di dapat berarti semakin banyak yang menyukai blog tersebut .

like box fan page nya akan berfungsi pada saat cursor melalui button widget tersebut seperti contoh di samping kanan blog ini ( lalui cursor sobat blog ninja ke button/ tombol yang ada tulisan facebook nya dan jagan lupa sekalian di like ya....!!! )

Kalau sobat blog ninja ingin mencoba Cara Membuat Widget Like Box Fans Facebook Tersembunyi Di Blog sobat ikuti lah cara nya di bawah ini :



Kalau sobat ingin mencoba Cara Membuat Widget Like Box Fans Facebook Tersembunyi Di Blog sobat ikuti lah cara nya di bawah ini :

  1. Login dulu ke blogger.
  2. Pilih Template di dasbor blog.
  3. Pilih Edit HTML 
  4. Centang dulu Expand Template Widget.
  5. Cari kode </head> di Template blog . 
  6. pasang kode di bawah ini sebelum kode atau diatas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
     7.  Simpan Template.
     8.  Pilih Tata Letak di dasbor blog
     9.  Klik Salah satu tambah gadged/add a gadged.
   10.  Pilih HTML/Javascript .
   11.  Pasang kode di bawah ini ke halaman HTML/Javascript

<script type="text/javascript">
        //<!--
        $(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
        //-->
        </script>
        <style type="text/css">
        .floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBFFLj8XGBu9R2ZaGbrxe0Khzb4bmcwJXFadqpcwawEj6SS5bFRSocjN5uduj61nIYodlVOunlvf4IQJLVyH972VZiQqp68hUPENmcuelCrRbqmb7C8WuzYESFx73f5yFOI8nF2y9aR4a7/s1600/floatingfbpng1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
        .floatinglikebox div{border:none;position:relative;display:block;}
        .floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
        .floatinglikebox span a{color: #808080;text-decoration:none;}
        .floatinglikebox span a:hover{text-decoration:underline;}
        </style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Engginer System/***************&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#ffffff;" allowtransparency="true"></iframe><span><a href="http://blog-rangga.blogspot.com/2013/01/cara-membuat-like-box-fans-facebook.html" target="_blank">Get Widget</a></span></div></div> 
      12. Terakhir klik simpan.

Keterangan :
   Ganti kode yang berwarna merah dengan URL Fan page facebook sobat.


Terimakasih Dan Semoga Artikel  Cara Membuat Like Box Fans Facebook Tersembunyi Di Blog  Bermanfaat Bagi Sobat Blog Ninja.
0 Komentar untuk "Cara Membuat Like Box Fans Facebook Tersembunyi Di Blog"

W A R N I N G !!!

Komentar Anda Tidak Boleh Mengandung Unsur:
1. Penghinaan atau pelecehan.
2. Spamming (spam comment).
3. Link aktif atau text anchor dan sejenisnya
.

*Berkomentarlah Dengan Baik Dan Sopan Jika Ingin Di Respon Pertanyaan Anda | Don't Copy My Posting !!

Back To Top