Banyak hal yang bermanfaat dalam media sosial, salah satunya adalah menambah pengunjung blog dari teman atau likers page dari suatu blog. Sosial media seperti Facebook banyak membantu peningkatan pengunjung, sehingga banyak orang memanfaatkannya untuk tempat share link artikel blog maupun membuat page. Banyak cara untuk meningkatkan jumlah penggemar dalam sebuah fans page, salah satunya dengan memasang likebox di blog. Berikut adalah cara membuat Float Facebook Like Box.
- Buka laman edit HTML. Cari kode ]]></b:skin> ( cari dengan cara menekan CTRL+F di browser anda)
- Copy dan Paste kode di bawah ini, ditempatkan setelah kode ]]></b:skin>:
- Lalu Save template blog Anda.
- Buka laman Layout, dan klik "Tambah Gatget" dan pilih HTML/JavaScript
- Copy Paste kode dibawah ini pada laman HTML/JavaScript :
- Setelah dipaste kodenya pada bagian content, jangan dulu disimpan kodenya tapi silakan ganti kode yang saya kasih warna merah dengan alamat atau URL halaman fan page facebook Anda. Setelah diganti kode yang berwarna merah, barulah disimpan kodenya.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .likebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimguKoyCRlxn4qQKhbDThUfX-7GV_e8adX0JcnFd0RZlWb1Il_5A1Y79lnwb2gTNJbi_WWWJUY5B7MjqsoThtxErDhAqagEdyep1yaYYry4rLs0s-9Uc640zhDhESTA600F86CjgaAJPAF/s1600/fb.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed; right:-250px;top:44%;} .likebox div{border:none;position:relative;display:block;} .likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .likebox span a{color: gray;text-decoration:none;} .likebox span a:hover{text-decoration:underline;} </style> <div class="likebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/urlkamu&width=240&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=258" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 258px; width: 245px;background:#fff;"></iframe> </div> </div>
0 komentar:
Post a Comment