Please Bantu Saya Like , Ikuti This Theonenobais's blog !!!

×

Powered By Blogger Widget and Get This Widget


counter

Cara Membuat Like Box Di Pojok Kanan Blog


Halo sobat blogger...
Kali ini saya akan share bagi sobat mengenai Tips Dan Trick yaitu, Cara Membuat Like Box Di Pojok Kanan Blog seperti gambar dibawah ini....





Pasti sobat pernah mengunjungi suatu blog yang di sebelah kanan blognya ada Like Box Tersembunyi seperti gambar diatas, nah kali ini saya akan memberitahukan Cara membuatnya agar Like Box anda menjadi lebih Keren...


Silahkan ikuti langkah-langkah di bawah ini terlebih dahulu...


Langkah-langkah:


  • Login ke akun blogger sobat
  • Klik Tata Letak >> Tambahkan Gadget >> HTML/Java Script
  • Copy kode dibawah ini dan Pastekan Pada Kolom dibawah Judul

<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/AVvXsEgCyuRwuh6Z-l6RJftTajNzU7D0rzlsTYljQEOD_-eQUvW47w1jTtIuxQa3w4PNrZmYK6eoe0a2eJZuavAQXAVTB_d6ZzLaTSOIVrjyTP-3DjIUNzzvIgg6jlb9BVcRgjnT9IwiztM1Rng/s1600/floatingfb.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/neosoft.blog&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:#fff;" allowtransparency="true"></iframe><span><a href="http://djgeboys.blogspot.com/2012/07/membuat-like-box-facebook-tersembunyi.html" target="_blank">+ Buat Seperti Ini</a></span></div></div>
Keterangan => Ganti Kode yang berwarna biru dengan URL Like Blox anda

  • Langkah terakhir pergi ke Template >> Edit HTML >> cari kode </head> (untuk memudahkan klik ctrl + F)  kemudian pastekan kode yang ada dibawah ini diatas kode </head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>

  • Save Template anda



Semoga bermanfaat...
Jangan lupa like nya dan komentarnya...

0 komentar:

Posting Komentar

My Blog List