Seputar Dunia IT dan Fakta Unik Lainnya

Wednesday, 10 February 2016

Cara Memasang Fans Page Facebook Tersembunyi di Blog


Cara ini beda dengan versi yang melanyang, dan bisa anda terapkan saat widget di blog anda terlalu banyak, karna tersembunyi di samping kanan blog anda.....




Berikut Langkah-langkahnya :


1. Masuk dan Login ke Blogger.com
----------------------------------
2. Pilih Tata Letak → Tambah Gadget → Pilih HTML/JavaScript 
----------------------------------
3. Copy HTML di bawah ini, dan Paste ke box 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("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/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/pages/Kompor-Meledak/282307178477798&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></div></div>



NB : Ganti code warna merah dengan url fan page facebook anda..

----------------------------------
4. Simpan HTML/JavaScript nya, dan selanjutnya menuju Template → Edit HTML lalu cari code </head>



NB : Biar lebih mudah mencarinya, copy code </head>, lalu pada kotak Edit HTML, click CTRL+F lalu paste code tersebut dan enter

----------------------------------
5. Copy HTML dibawah ini tepat diatas tepat diatas code </head> 



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

----------------------------------
6. Setelah itu Simpan Templatenya dan liat hasil.....




.....Semoga Bermanfaat.....





No comments:

Post a comment

BILA ANDA MEMASUKKAN LINK HIDUP, MAKA AKAN OTOMATIS TERDELETE..

Blog Archive