Dah lama tak kasi tutorial kan. So kali ni berkenaan dengan fan box Facebook ni. Siapa yang ada buat page untuk blog dia kat facebook mesti ada letakkan plugin untuk fan page dorang. Betul tak? Bagi yang sukakan kelainan (macam aku la), yang tak suka standard design punya fan box yang facebook sediakan, yang suka godek sana godek sini kasi lawa lagi, so ini lah dia tutorial untuk korang baut fan box korang bukan ikut standard design yang diberi oleh facebook. Jangan risau, Mark Zuckerberg takkan saman punya korang sebab dah mengubah suai apa yang dia dah buat. Janji korang bukan buat spam, tak pun guna helah tipu like untuk dapatkan jumlah fan korang kat dalam page tu
Cara-caranya adalah seperti berikut:
1. Copy code ni dan pastekan ke tempat korang nak letakkan page tersebut
<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script>
<script type="text/javascript">FB.init("1690883eb733618b294e98cb1dfba95a");</script>
<fb:fan profile_id="121622877891887" stream="0" connections="8" logobar="0" width="240" height="200" css="http://www.yourblog.com/style.css?1"></fb:fan>
2. Tukarkan nilai pada profile_id mengikut profile id bagi page anda.
3. Tukarkan nilai pada css mengikut alamat bagi css blog anda. Pastikan dihujung alamat css korang tu ada ?1. Jangan tertinggal ye!
4. Masukkan css berikut ke dalam css yang blog korang guna sekarang
.fan_box a:hover{
text-decoration: none;
}
.fan_box .full_widget{
height: 200px;
border: 0 !important;
background: none !important;
position: relative;
}
.fan_box .connect_top{
background: none !important;
padding: 0 !important;
}
.fan_box .profileimage, .fan_box .name_block{
display: none;
}
.fan_box .connect_action{
padding: 0 !important;
}
.fan_box .connections{
padding: 0 !important;
border: 0 !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
}
span.total{
color: #FF6600;
font-weight: bold;
}
.fan_box .connections .connections_grid {
padding-top: 10px !important;
}
.fan_box .connections_grid .grid_item{
padding: 0 10px 10px 0 !important;
}
.fan_box .connections_grid .grid_item .name{
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-weight: normal;
color: #666 !important;
padding-top: 1px !important;
}
.fan_box .connect_widget{
position: absolute;
bottom: 0;
right: 10px;
margin: 0 !important;
}
.fan_box .connect_widget .connect_widget_interactive_area {
margin: 0 !important;
}
.fan_box .connect_widget td.connect_widget_vertical_center {
padding: 0 !important;
}
5. so, last korang tukar la apa-apa yang patut kat css tu supaya korang dapat apa yang korang hajati.
Untuk dapatkan profile ID, korang masuk ke page facebook korang. Kemudian klik pada edit page. Lihat pada URL address, contoh: https://www.facebook.com/pages/edit/?id=121622877891887.Yang aku gelapkan tu merupakan ID bagi page korang
Related posts:
