Selamat datang di Blog Haekal Fikri

Cara Memodifikasi Facebook Like Box di Blog

Written By Haekal Fikri On Sunday, July 15, 20120 comments

Widget - Setiap blog atau website pastinya sudah memasang widget facebook like box mungkin kamu bosan dengan tampilannya dan berniat untuk memodifikasinya. Dan sekarang disini kamu bisa lihat bagaimana cara memodifikasi facebook like box. Berikut langkah-langkahnya.


1. Login ke blog kamu.
2. Pilih Rancangan > Edit HTML > Cari kode ]]></b:skin>
3. Setelah ketemu letakan kode di bawah ini tepat di atas kode yang dicetak tebal.
.blazerboxlike {border: 3px solid #008E00; padding:6px 5px 6px 5px;
font: 11px/1.4em Arial, sans-serif;width:292px;background:#ccc;background-image: -webkit-linear-gradient(top, #CCC,#FFF, #FFF);
background-image: -moz-linear-gradient(top, #FFB200,#FFF, #FFF);
background-image: -ms-linear-gradient(top, #FFB200,#FFF, #FFF);
background-image: -o-linear-gradient(top, #FFB200,#FFF, #FFF);}
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }
.blazerblog {border: 1px solid #008E00; padding:6px 5px 6px 5px;
font: 11px/1.4em Arial, sans-serif;background:#ccc; color:#ff0000;font-size:20px}
Simpan Template. Kembali kemenu awal Rancangan > Add Gadget > HTML/JavaScript. Copy kode di bawah ini. Kode yang berwarna orange adalah lebar widgetnya harus sama dengan lebar Facebook Like box nya.
<div class="blazerboxlike left">
<div class="blazerblog">
Like Blazer Blog Di Facebook</div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBLAZERBLOG&amp;width=292&amp;connections=10&amp;stream=false&amp;header=true&amp;height=280" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:280px;" allowTransparency="true"></iframe>

<table width="100%" border="0"style="margin-top:5px;background:#ff6600">
<tr>
<td width="35%">
Folow Us On :
</td>
<td width="10%"><img src="https://lh3.googleusercontent.com/-CG_YzZL85uQ/T-kXatzTqFI/AAAAAAAADoc/jxCeEWxBeVU/s32/Twitter-icon.png" width="32" height="32" /></td>
<td><a href="twitter.com/blazer_blog">@blazer_blog</a></td>

</tr>
</table>
</div>
Kode yang berwarna biru adalah kode bagian facebook like box nya. Kamu ganti kode yang berwarna merah dengan username facebook fan page kamu.
Contoh : www.facebook.com/BLAZERBLOG 
Ganti kode yang berwarna ungu dengan username Twitter kamu.
Ganti kode yang berwarna kuning dengan kata-kata lainnnya.
PASANG IKLAN
Share this article :

Hal-Hal Yang Yang Perlu Di Ketahui Sebelum Berkomentar!

1. Jangan Menggunakan Link Hidup Kecuali Penting
2..Komentar Yang Relevan Akan Saya Balas
3.Untuk Menggunakan Emoticon Klik Emoticon Terlebih Dahulu Untuk Mendapatkan Kode

Note:Komentar Anda Terlebih Dahulu Di Moderasi Untuk Tidak Terjadi Pelanggaran !
 
About | Ads | Sitemap | Privacy Policy | Term Of Service | Forum | Follow ! | Back to top
Copyright © 2018 HF Blog - Some Right Reserved | Design by Haekal Fikri | Created by Maskolis | Aa Sholah
Terima Kasih Atas Kunjungannya
Cara Memodifikasi Facebook Like Box di BlogOops ! | Error 404