Cara Membuat Kotak Fanpage Facebook Hitam Putih

Jika kamu merasa bosan dengan kotak fans facebook kamu, kali ini saya akan memberikan sebuah tutorial yang dapat mengubah kotak fans facebook kamu menjadi berwarna hitam putih. Pokoknya keren dan mantap deh :) Lihat caranya di bawah ini yah.

1. Login ke akun blogger kamu

2. Klik Template --> Back Up template kamu terlebih dahulu, Lihat caranya di bawah ini

• Untuk Antarmuka Blog yang lama klik disini  
• Untuk Antarmuka Blog yang Baru klik disini

3. Masih di bagian Template, Klik Edit HTML --> Klik Lanjutkan --> Cari kode  ]]></b:skin>. Lalu kamu salin kode CSS di bawah ini dan letakkan di atas kode ]]></b:skin>.

/* Facebook Black and White by http://hzndi.blogspot.com*/


#FBox{background-color:#f6f6f6;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;height:230px;position:relative;margin-bottom:10px;width:292px;padding:0 10px 15px 0;}
#FBox:before,#FBox:after{background:#f7f7f7;border:1px solid #aaa;border-top:none;bottom:-3px;content:"";height:1px;left:2px;position:absolute;right:2px}
#FBox:after{bottom:-5px;box-shadow:0 0 2px #aaa;left:4px;right:4px}
#FBox {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(1);}
#FBox:hover {filter: none;-webkit-filter: grayscale(0);}
/* Facebook Black and White by http://hzndi.blogspot.com*/

4. Simpan template, namun masih belum selesai.

5. Kemudian kamu klik Tata Letak --> Tambah Gadget --> HTML/Javascript dan kamu masukkan kode   Fans Facebook kamu di dalam kotak tersebut.

<div id='FBox'>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/hzndi&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23F7F7F7&amp;stream=false&amp;header=false&amp;" style="border:none; overflow:hidden; width:292px; height:238px;" ></iframe>
</div>

Ganti "hzndi" dengan username fans page facebook kamu

6. Simpan dan kamu lihat hasilnya :) sudah saya coba dan berhasil dengan baik.

Postingan Terkait:

Posted in: Blogger,Social Sharing,Widget