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..!

![[Image: 9251_506773169335308_1373778691_n.jpg]](https://m.ak.fbcdn.net/sphotos-b.ak/hphotos-ak-snc6/9251_506773169335308_1373778691_n.jpg)
![[Image: 150574_506773122668646_1228845196_n.jpg]](https://m.ak.fbcdn.net/sphotos-f.ak/hphotos-ak-ash3/150574_506773122668646_1228845196_n.jpg)
![[Image: 317827_506770076002284_1392816197_n.jpg]](https://m.ak.fbcdn.net/sphotos-a.ak/hphotos-ak-ash4/317827_506770076002284_1392816197_n.jpg)
![[Image: 407632_506773146001977_466747818_n.jpg]](https://m.ak.fbcdn.net/sphotos-d.ak/hphotos-ak-snc7/407632_506773146001977_466747818_n.jpg)
![[Image: 183841_506770149335610_2110171417_n.jpg]](https://m.ak.fbcdn.net/sphotos-f.ak/hphotos-ak-ash4/183841_506770149335610_2110171417_n.jpg)
![[Image: 381837_506773196001972_1264112074_n.jpg]](https://m.ak.fbcdn.net/sphotos-h.ak/hphotos-ak-ash4/381837_506773196001972_1264112074_n.jpg)
untuk
menghilangkan Garis pinggir hitam pada kotak dan hasilnya akan menjadi
seperti ini :
seperti ini :![[Image: 317735_506773252668633_1257890680_n.jpg]](https://m.ak.fbcdn.net/sphotos-a.ak/hphotos-ak-snc7/317735_506773252668633_1257890680_n.jpg)
![[Image: 545492_506770096002282_791396880_n.jpg]](https://m.ak.fbcdn.net/sphotos-g.ak/hphotos-ak-ash3/545492_506770096002282_791396880_n.jpg)
![[Image: 561859_506773296001962_1247631487_n.jpg]](https://m.ak.fbcdn.net/sphotos-g.ak/hphotos-ak-ash3/561859_506773296001962_1247631487_n.jpg)
![[Image: 408992_506773329335292_1672853159_n.jpg]](https://m.ak.fbcdn.net/sphotos-h.ak/hphotos-ak-ash4/408992_506773329335292_1672853159_n.jpg)
i :
untuk
membuat objek lengkung transparan![[Image: 306673_506773379335287_1258661011_n.jpg]](https://m.ak.fbcdn.net/sphotos-e.ak/hphotos-ak-snc7/306673_506773379335287_1258661011_n.jpg)

![[Image: 65322_506770112668947_340367477_n.jpg]](https://m.ak.fbcdn.net/sphotos-e.ak/hphotos-ak-prn1/65322_506770112668947_340367477_n.jpg)















)


"
:![[Image: TujuDirektoridenganCmd.png]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwrs9_ykbEiT7cLCWbS3a8szRAktHHqkhFrhnFESDmiUjTzvlcZdqHCmVeyveiG-mQRV8YcHElDK7J4u4JzQJw70QZwQVUwtKAcYdM1NYX_CXOpvZ0-Mz8yeDSaAEJEEyAS9yy1FNlCP8/s1600/TujuDirektoridenganCmd.png)
... ![[Image: MencariDbs.png]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix4IdVZaPZ1wmP4GoHaqrSXKsiPqAg2wvKwpfw1p5nLI9sjlaYie_6zMbbDNO3JMCrR91WlfYqz4lPi1KacPphGmHDHmv-6pcrEyMEYXbiOT1SK3nenW-v-o7tU-EYfsXJXfdJBuLPQvo/s1600/MencariDbs.png)
,
table dari Database nya![[Image: EksekusiUser.png]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjirgjJH0-W8hgCsvFHEO-Xt9-5lqPRJ45ayfoWoOAGW-DqyvUWkdK-0Bbco0Nbaaw9BzDrJM_hSpuvLNoVuj_jJCaVDqBdL6Vx0M3dHEjTYH6pp6ZkauM6lMtKaoURRm6R-nP5yozVI5w/s1600/EksekusiUser.png)
![[Image: udah%2Bmenemukanuser%252Bpassadmin.png]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkZfk-fMmSDNTB_2DONv3v09zfHcCpKY9JevFWVYBpR9704t6933imHA8PcUkbe8oVnHDdKCubZW7pWp9QaoaE3cymxVK9yaZ3cRNjkx5PUuqR5b1MS3gKkq7KvsRGAl0zh765UIM8zF0/s1600/udah+menemukanuser%252Bpassadmin.png)
soalnya kita kan gaktau username + password siapa yang kita dapet
"syukur2x kalo si admin yang kita dapet" kalo user biasa gimana
Biar gak penasaran , lanjut ke step berikut nya
Seperti biasa masukan sintaks lagi, sintakz nya adalah :
.
Setelah kita mendapatkan username nya, lakukan hal yang sama untuk
mendapatkan password dengan sintaks di atas. maka akan seperti ini jadi
nya "contoh gambar" :![[Image: Berhasil%2Bmendapatkan%2Busername%252Bpa...Badmin.png]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvRoHstXpeKqsUDHroMTiEQYB0MV7grHKDhmjS6p4CCRyyDjmwLzr9Zu8SZ1DMYO8BZk0rre6nskceStOYbIA4RMm7IW7fJlYZvDtG0q0fcrZvqgFrFd0eYk0lz_SKvIFQmiIl6aipe8c/s1600/Berhasil+mendapatkan+username%252Bpassword+admin.png)