Hello semua dan salam blogger,pada pertemuan kita pada saat ini saya akan membagikan Tutorial blog yaitu Like Fanspage facebook untuk blog tapi keren.widget yang satu ini cukup keren karena ada border berwarna biru yang cukup membuat keren widget ini dan ini cukup berbeda,widget ini diletakkan di sebelah kanan blog berikut Screenshot
baguskan oke berikut cara bikin widget ini
2.pilih Template -> Edit HTML
3.Cari Kode </head>
4.jika sudah dapat 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'/>
5.jika sudah simpan template,dan pergi ke Tata Letak -> Tambahkan Gadget -> HTML/Javascript
6.letakkan kode dibawah ini
4.jika sudah dapat 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'/>
5.jika sudah simpan template,dan pergi ke Tata Letak -> Tambahkan Gadget -> HTML/Javascript
6.letakkan kode dibawah ini
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7hAN5BnzRFgOzp4BfAuqkzWXW_3dMrgz63xE0mUANb9RoktfXj4-gtRlev4fHMB06rfZULM0SkI_LrlnWKHCjGFkz4vKaFLGqQ7uPEUDkL-Wllx1x9VkdhIx9rbCjQDo08Hpe5o2cDnQ/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abtlikebox span a{color: gray;text-decoration:none;} .abtlikebox span a:hover{text-decoration:underline;} } </style> <div class="abtlikebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fbbloggertutorials&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://imanyusufbidin.blogspot.com/2013/08/cara-membuat-like-fanspage-di-blog-yang.html"> IYB</a></span> </div></div>
Catatan:Ganti Kode bbloggertutorials dengan kode alamat belakang/User Name Fanspage anda
7.dan click Simpan/Save
7.dan click Simpan/Save
0 komentar:
Posting Komentar