Showing posts with label page. Show all posts
Showing posts with label page. Show all posts
Sunday, January 22, 2017
Cara Memasang Facebook Like Box Facebook Fan Page Di Blogger
Cara Memasang Facebook Like Box Facebook Fan Page Di Blogger
Cara Membuat Facebook Like Box
- Login dulu ke akun Facebook Anda
- Klik link ini ==> Facebook Developers
- Halaman yang tampil akan seperti ini, dan pada Facebook Page URL, Anda masukkan URL Facebook page blog Anda.
- Untuk seterusnya Anda bisa sesuaikan menurut keinginan Anda. Saya lebih suka menggunakan pengaturan seperti gambar di atas.
- Setelah Anda setting, klik Get Code dan Anda akan mendapatkan 2 kode seperti gambar di bawah ini.
Keterangan: Kode pertama dan kedua penempatannya berbeda.
Bagaimana Meletakkan Kode?
1. Masuk ke Blogger > Template
2. Backup dulu template Anda jika perlu
3. Klik Edit HTML
4. Cari kode <body>, gunakan fitur search (Ctrl + F) untuk mempermudah pencarian
5. Masukkan kode pertama tepat di bawah kode <body>
6. Lalu Save template Anda
7. Sekarang masuk ke Layout
8. Klik Add a Gadget > pilih HTML/JavaScript
9. Masukkan kode kedua di situ kemudian klik Save. Lalu letakkan di tempat yang Anda inginkan dengan cara drag dan drop.
10. Selesai
^ Semoga Bermanfaat ^
Available link for download
Monday, December 5, 2016
Cara Memasang facebook fan Page diblog
Cara Memasang facebook fan Page diblog
Ok langsung saja :
Langkah 1
- Login ke blog kamu
- Pilih menu Template
- Klik Pada Tombol Edit HTML
- Klik Tombol Proses Atau Lanjutkan
- Cari kode </head> ketik Ctrl F dan masukan </head> agar mudah menemukannya.
- Copy kode dibawah dan letakan datas kode </head>
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js type=text/javascript/>
- Klik Simpan..
Catatan : Bila anda pernah mengisi kode jquery seperti di atas anda tidak perlu mengisinya lagi.
Langkah 2
- Pilih Menu Tata Letak Atau Layout
- Klik Tambah Gadget atau Add a Gadget
- Pilih HTML/JavaScript
- Copy kode berikut :
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=alamat url anda&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://nudesimplyheart.blogspot.com/2012/12/cara-memasang-facebook-fan-page-left.html">Tutorial Here</a></span></div></div>
Catatan :
Ganti tulisan berwarna merah dengan alamat url anda, yang telah anda buat di Fan page FB.
Ganti tulisan berwarna biru dengan alamat url anda sendiri.
- Klik Simpan. Lihat blog Anda.
<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/AVvXsEiLCoxv7aAD5c47vCCKyWPL-cX01dUWtYQJQhvx_meLDQEGq7L9y6-FXWiIfAguwxMc292nv8475Y1ypkuwlnzX6aqJCBWq9l8Dj8kOS0f5DOOjnHCpXd3dxzDutU-e7zoG8dLHZLCaMSnP/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>
Ganti kode yang berwarna merah dengan kode frame yang kamu dapat saat membuat fanpage facebook.
kode yang berwarna biru adalah pengaturan ukuran.
 |
| Contoh Kode Frame |
Available link for download
Subscribe to:
Comments (Atom)