Selasa, 21 Agustus 2012

Cara membuat like facebook di blogger tersembunyi

nah, bagi pengunjung vikri-web yang saya hormati, sekarang saya mau kasi tau ni, Cara membuat like facebook di blogger tersembunyi, (bagi yang belom tau tapi).
tapi, jika yang sudah tau, silahkan cari yang laen yah..


Berikut adalah langkah* yang harus dilakukan:
1. Log in ke blogger.
2.Klik rancangan  » add gadget » HTML/Java Script.
3.Pastekan kode di bawah ini pada kolom yang sudah disediakan.



<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/AVvXsEjoWfZ6PiJO_5a8nwnEcgtsBC0KZyanyCENJYYqREUW_ps7K9Kj7Hc3jcAPWaOq6aJPLDAoS7GzZiJ2ilYa4u1jfKzOuRjqgq038MWzT21jPLQjy-5t6TKdBzX51LSfB19P61snNaqXIyE/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=http://www.facebook.com/VikriWeb&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://bdigg.blogspot.com/2012/04/cara-membuat-like-box-facebook.html" target="_blank">+ Get This</a></span></div></div>

  Perhatian :
  • Ganti kode yang berwarna Hijau dengan url fans page anda.
4.Pergi ke edit HTML dan letakkan kode dibawah ini di atas kode </head>.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>

5.Save template anda.

contohnya seperti disini

2 komentar:

  1. Wahhh, sangat bermanfaat Sob. Kali lain saya akan mencobanya pada blog saya yang lain.

    Terimakasih, salam kenal dan salam berbagi.

    BalasHapus
    Balasan
    1. salam kenal juga sob, thxx uda berknjung dan berkomentar.

      Hapus

Berkomentarlah yang Sopan

Related Posts Plugin for WordPress, Blogger...