tutorial Blog - 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;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.
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}
<div class="blazerboxlike left">Kode yang berwarna biru adalah kode bagian facebook like box nya. Kamu ganti kode yang berwarna merah dengan username facebook fan page kamu.
<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%2FVICKYBLOG&width=292&connections=10&stream=false&header=true&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/vicky_blog">@vicky_blog</a></td>
</tr>
</table>
</div>
Contoh : www.facebook.com/VICKY BLOG
Ganti kode yang berwarna ungu dengan username Twitter kamu.
Ganti kode yang berwarna kuning dengan kata-kata lainnnya
.Sumber : BLAZER BLOG
0 komentar:
Post a Comment
Terima Kasih sudah meluangkan waktu untuk membaca artikel ini dan silahkan poskan komentar sobat agar saya dapat berkunjung balik ke blog sobat. Mohon tidak mencantumkan link hidup dalam mengeposkan komentar,Terima kasih.