Pasang kode jquery ini pada template sobat dan letakkan diatas kode </head> berikut kodenya gan
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>Setelah kode tersebut terpasang, langkah berikutnya adalah pemasangan kode facebook fanpage pada widget dengan menambahkan gadget.
- Login ke blogger sobat
- Silahkan menuju tata letak
- Tambah gadget dan pilih html/javascript
- Lalu copy dan paste kode berikut
<script src="http://infonetmu.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script><div id="fbslidebox" style="position: fixed; width: 330px; overflow: hidden; bottom: 20px; right: 10px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDvv9JgS5QmIpWo76EGYWvlmIbwWnobta7inBLN4n30dMlE7LRRDDUkZ11uXlkPh4dPxMvs88S6xg9ZlWIFGckPjfh7Ub0W0y8fat5mnnTtMD0qzRMEzl99SkdaByQmGMnlX47hbKfps0z/s0/bo-bg-html.gif") repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid rgb(17, 17, 17); display: block;">
<div style="width: 320px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 3px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="http://www.blogger.com/post-create.g?blogID=4155701203275692831#">Exit</a>
<strong style="color: rgb(102, 173, 61);">Jangan Lupa Klik Like Ya</strong>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FInfonetmu&width=300&height=290&colorscheme=dark&show_faces=true&border_color=ff0000&stream=false&header=true&appId=287998221248983" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe>
</div></div> - Lalu simpan
Keterangan:
Ganti kode yang berwarna merah dengan
kode frame yang kamu dapat saat membuat fanpage facebook, buat yang
belum punya kode warna merah tersebut silahkan menuju facebook dan buat
fanpage dulu, maka nanti akan diberi kode itu.kamu juga bisa mengatur
lebar dan tinggi kotak tersebut dengan menambahkan kode css seperti
yang diatas.
0 komentar:
Posting Komentar