Hallo Sobat Blogger Sudah Lama gak blogging nih...kangen bangeeeet...(sumpe dech....) oh ya kali ini saya akan membuat tutorial Cara Memasang Widget Like Box FB Keren Di Blog Like Box Facebook ini saya dapatkan saat saya mencari di mesin Google dan akhirnya saya mendapatkannya lewat blog kompiajaib.blogspot.com Dan saya mencoba kode/scriptnya ternyata berhasil...juga dari dulu saya cari Like Box Facebook yang keren ternyata ada di blog kompiajaib.blogspot.com.
Ok....Langsung Aja...!
1. Login Ke Blogger
2. Pilih Tata Letak
3. Klik Tambah Gadget/add gadget
4. Kemudian Pilih HTML/Javascript
5. Masukan Kode/Script Di Bawah Ini:
<div style="display:scroll;position:fixed;top:50px;left:400px;">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://kompiajaib.googlecode.com/files/slidefbnew.js" type="text/javascript">
</script>
<style>
#kompiajaib_slidefb2012{
font-family: "Consolas", "Courier New", Courier, mono, serif;
border: 1px solid;
width: 355px;
margin: 10px 0px;
padding:5px 0px 0px 5px;
background-repeat: no-repeat;
position:relative;
color: #00529B;
background-color: #000000;
}
</style>
<div id="kompiajaib_slidefb2012">
<a class="close" href="#close" style='position:absolute;right:0px;top:0px;margin-right:-1px;margin-top:-1px;'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCyapCYSl4rYtjae0I0zk0tV8C-Y4w-jZHYUdvs8_m7oQYoIekIEBSUxG7_FeNNRVOKeHFhq-Drw6ysDlP4XdZ8Z2iL6Ptoaodtw4hCs4QeSruePHvBGh782PUI8zbDpd479fxjF9OV_cH/s1600/popover-close-button.gif" /></a>
<div style='width:99%;padding:8px 0px;background-color:#737373;font-family:arial;text-align:center;'><div style='color:#FFF;font-size:13px;font-weight:bold;'>Like us and get updates</div></div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/BlogAnakPs?ref=hl&width=350&height=255&colorscheme=dark&show_faces=true&border_color=%23FFFFFF&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:255px;" allowtransparency="false"></iframe><div style="border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;">Mau Pasang Ini Juga Klik <a href="http://ningsih-ps.blogspot.com/2012/08/cara-memasang-widget-like-box-fb-keren.html" target="_blank">Sini</a></div>
</div></div>
Perhatian:
1. Kode Yang Berwarna Biru adalah Tombol Close jika bosan dengan tombolnya bisa diganti dengan kode Tombol Close Yang diinginkan.
2. Kode Yang Berwarna Violet/Pink Silahkan Ganti Dengan Alamat Facebook Anda.
3. Tulisan Yang Berwarna Orange Adalah Tulisan Yang Tampil Di Atas Like Box Seperti Gambar Paling Atas Silahkan Ganti dengan tulisan yang diinginkan sesuai selera.
4. Kode Yang berwarna Kuning adalah Backround Like Box Silahkan Ganti Dengan Kode Warna Yang Diinginkan.
6. Klik Simpan Dan SELESAI...!
Demikian Tutorial Yang saya buat dengan sepenuh hati saya semoga bermanfaat untuk sobat blogger semua...Salam Blogging..!
Ok....Langsung Aja...!
1. Login Ke Blogger
2. Pilih Tata Letak
3. Klik Tambah Gadget/add gadget
4. Kemudian Pilih HTML/Javascript
5. Masukan Kode/Script Di Bawah Ini:
<div style="display:scroll;position:fixed;top:50px;left:400px;">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://kompiajaib.googlecode.com/files/slidefbnew.js" type="text/javascript">
</script>
<style>
#kompiajaib_slidefb2012{
font-family: "Consolas", "Courier New", Courier, mono, serif;
border: 1px solid;
width: 355px;
margin: 10px 0px;
padding:5px 0px 0px 5px;
background-repeat: no-repeat;
position:relative;
color: #00529B;
background-color: #000000;
}
</style>
<div id="kompiajaib_slidefb2012">
<a class="close" href="#close" style='position:absolute;right:0px;top:0px;margin-right:-1px;margin-top:-1px;'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCyapCYSl4rYtjae0I0zk0tV8C-Y4w-jZHYUdvs8_m7oQYoIekIEBSUxG7_FeNNRVOKeHFhq-Drw6ysDlP4XdZ8Z2iL6Ptoaodtw4hCs4QeSruePHvBGh782PUI8zbDpd479fxjF9OV_cH/s1600/popover-close-button.gif" /></a>
<div style='width:99%;padding:8px 0px;background-color:#737373;font-family:arial;text-align:center;'><div style='color:#FFF;font-size:13px;font-weight:bold;'>Like us and get updates</div></div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/BlogAnakPs?ref=hl&width=350&height=255&colorscheme=dark&show_faces=true&border_color=%23FFFFFF&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:255px;" allowtransparency="false"></iframe><div style="border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;">Mau Pasang Ini Juga Klik <a href="http://ningsih-ps.blogspot.com/2012/08/cara-memasang-widget-like-box-fb-keren.html" target="_blank">Sini</a></div>
</div></div>
Perhatian:
1. Kode Yang Berwarna Biru adalah Tombol Close jika bosan dengan tombolnya bisa diganti dengan kode Tombol Close Yang diinginkan.
2. Kode Yang Berwarna Violet/Pink Silahkan Ganti Dengan Alamat Facebook Anda.
3. Tulisan Yang Berwarna Orange Adalah Tulisan Yang Tampil Di Atas Like Box Seperti Gambar Paling Atas Silahkan Ganti dengan tulisan yang diinginkan sesuai selera.
4. Kode Yang berwarna Kuning adalah Backround Like Box Silahkan Ganti Dengan Kode Warna Yang Diinginkan.
6. Klik Simpan Dan SELESAI...!
Demikian Tutorial Yang saya buat dengan sepenuh hati saya semoga bermanfaat untuk sobat blogger semua...Salam Blogging..!