Selasa, 22 Mei 2012

Memasang Halaman Facebook Buka Tutup di Blog

Halaman FacebookHalaman Facebook dapat digunakan untuk sarana mempromosikan sebuah blog/website, sobat dapat sepuas hati share dan mengenalkan artikel sendiri tanpa ada yang melarang kepada Fans yang telah Like halaman tersebut.

Sebelumnya harus membuat Facebook Pages terlebih dahulu jika ingin memasangnya, jika ingin membuat Facebook Pages, dapat membuatnya disini www.facebook.com/pages/create.php.




Akan tampil halaman berikut
Fans Page Facebook
- Pilih kategori blog/web
- Pilih gambar/image
- Masukan info tentang situs

Sekarang sobat telah mempuyai Halaman Facebook yang dapat dikelola.
Untuk memasangnya pada blog :

● Masuk ke Blogger
● Pilih TemplateEdit HTML
● Masukan kode JQuery ini sebelum </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
● Simpan Template

Langkah berikutnya :
● Buka rancangan Tata Letak
● Pilih Tambah Gadget
widget
● Selanjutnya pilih yang HTML/Javascript
● Copy Pastekan kode berikut
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".FacebookPages").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.FacebookPages{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2zpKc7nCG0tbbCPT0bVWV9uLVW4Tu3hWwK4kXmdYcel-eKshK3bSLlwXdGxdiMGbIMUvPV26F2ctRV8N3N_XwR0VAFCHf5sWkPcpMwfzoJaInyjaPjmanU22_C7_XLHaX2H9wHUIYlxA/s230/facebook999.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%;}
.FacebookPages div{border:none;position:relative;display:block;}
.FacebookPages span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.FacebookPages span a{color: #808080;text-decoration:none;}
.FacebookPages span a:hover{text-decoration:underline;}
</style><div class="FacebookPages" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/tmm999&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:   
#fff;"></iframe></div></div>
● Ganti kode yang berwarna Biru dengan alamat Halaman Facebook sobat,
● Simpan Gadget


Keterangan :
"Apabila sebelumnya sudah memasang kode JQuery maka kode JQuery yang diatas tidak perlu dipasang lagi."

0 komentar:

Posting Komentar