Langsung ke konten utama

Menambahkan Facebook Like Box pada Blog

Hai sahabat adventura, dikala malam ditemani oleh sobat, Muhammad faisal disini, ane ngeblogging gan. Ane mencoba memasang Facebook Like Box pada Right Sidebar seperti ini
Ternyata caranya susah2 mudah, soalnya saya baru pertama kali ni gan masang begini.
Nah begini caranya.

LANGKAH 1:
Pasanglah widget pada template agan pilih ke menu tata letak
Kemudian tambahkan gadget facebook pada sidebar
Setelah itu pilih HTML / Java script
 Maka akan muncul seperti ini
Judulnya diisi Facebook, kemudian kontennya biarkan blank dulu, gambar itu sudah ada karena saya sudah melakukan registrasi via facebooknya dan simpan.

Langkah ke 2:
Masuklah ke
https://developers.facebook.com/docs/plugins/like-box-for-pages?locale=id_ID
Ubahlah pada yang saya hightligter menjadi alamat url fanspage sobat
Cara mendapatkan alamat urlnya dengan masuk ke page facebook sobat kemudian pilih pengaturan dan pilih seluler, maka akan muncul seperti ini
Kemudian pilih Dengan Web Seluler dan klik http:// facebook.com/username maka akan muncul seperti ini
 Pada bagian yang saya berikan hightligter tersebut silakan diganti menyesuaikan alamat fanspage teman - teman. Nah alamat url inilah yang nantinya akan dicopy pastekan pada facebook page url yang ini tadi gambarnya

Sesuaikanlah ukurannya dan tekan get code, maka akan tampil seperti ini
pada bagian yang saya hightligter ini silakan sobat copykan pada bagian widget tadi yang kita kosongi sebelumnya, kalo lupa yang pas ini, kemudian simpan.
Langkah selanjutnya masuklah pada template kemudian tekan edit html dan marilah kita bermain dengan coding - coding ria, hahaha.....
Selanjutnya pada bagian ini
kita tekan CTRL + F saja dan pastekan pada kolom search
<b:widget id='HTML1' locked='false' title='FACEBOOK' type='HTML'>
panahnya yang disamping kanan itu di klik ya, nah nanti kita akan menemukan tulisan
<div class='widget-content'>
    <data:content/>

Kemudian dibawah tulisan diatas pastekanlah
<div class='fb-like-box fb_iframe_widget' data-colorscheme='light' data-header='false' data-height='265' data-href='https://www.facebook.com/infoptik' data-show-border='false' data-show-faces='true' data-stream='false' fb-iframe-plugin-query='app_id=172525162793917&amp;color_scheme=light&amp;header=false&amp;height=265&amp;href=https%3A%2F%2Fwww.facebook.com%2FDGenera.Blog&amp;locale=en_US&amp;sdk=joey&amp;show_border=false&amp;show_faces=true&amp;stream=false' fb-xfbml-state='rendered'><span style='vertical-align: bottom; width: 300px; height: 265px;'><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Finfoptik&amp;width=292&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true' style='border:none; overflow:hidden; width:292px; height:290px;'/></span></div>


Pada bagian yang warna coklat diatas silakan diganti dengan tulisan pada code fb sobat yang iframe, ini gambarnya, tinggal dicopas saja
Kemudian pada bagian
<div class='fb-like-box fb_iframe_widget' data-colorscheme='light' data-header='false' data-height='265' data-href='https://www.facebook.com/infoptik' data-show-border='false' data-show-faces='true' data-stream='false' fb-iframe-plugin-query='app_id=172525162793917&amp;color_scheme=light&amp;header=false&amp;height=265&amp;href=https%3A%2F%2Fwww.facebook.com%2FDGenera.Blog&amp;locale=en_US&amp;sdk=joey&amp;show_border=false&amp;show_faces=true&amp;stream=false' fb-xfbml-state='rendered'><span style='vertical-align: bottom; width: 300px; height: 265px;'>
Gantilah pada bagian yang coklat, www.facebook.com/infoptik menjadi alamat url fanspage facebook sobat.

Done

Gimana nggak susah kan temen2, kalo bingung yok koment dibawah ini ya, see you.... 
 

Komentar

Postingan populer dari blog ini

Contoh Free Software dan Open Source Terbaik

Hai - hai sobat adventura, ketemu lagi bareng ane di blog paling keren and kece ini. Masih ngelanjutin yang kemaren tentang macam - macam lisensi pada open source software. Nah sekarang kita akan bahas mengenai contohnya nie gan....

Browser
Browser adalah perangkat lunak yang berfungsi untuk menerima dan menyajikan sumber informasi di Internet. Sebuah sumber informasi diidentifikasi dengan Uniform Resource Identifier yang dapat berupa halaman web, gambar, video, atau jenis konten lainnya. Contohnya Mozila, Opera dan Chrome. Antivirus
Antivirus adalah sebuah jenis perangkat lunak yang digunakan untuk mengamankan, mendeteksi, dan menghapus virus komputer dari sistem komputer. Antivirus disebut juga Virus Protection Software. Aplikasi ini dapat menentukan apakah sebuah sistem komputer telah terinfeksi dengan sebuah virus atau tidak. Umumnya, perangkat lunak ini berjalan di latar belakang (baground) dan melakukan pemindaian terhadap semua berkas yang diakses (dibuka, dimodifikasi, atau keti…

Contoh Proposal Skripsi RND

Helo sobat adventura, ketemu lagi nie sama ane. Udah lama banget ane nggak nulis. Hari ini ane mau nulis tentang proposal skripsi. Sebelumnya ane mau cerita ada beberapa jenis skripsi yang perlu sobat tau, yaitu Kualitatif, Kuantitatif, RND, dan PTK.
Kualitatif yaitu jenis skripsi yang menggunakan analisis deskriptif. Contohnya riset tentang masalah sosial yang berada di masyarakat sekitar. Jadi kita sebagai peneliti melihat dan mendeskripsikannya dari hasil pengamatan analisa sosial yang kita temui di masyarakat.
Kuantitatif yaitu jenis skripsi yang menggunakan data sebagai sumber penelitiannya, data tersebut biasanya diperoleh dari angket yang selanjutnya diuji apakah valid atau tidak, dari data tersebut maka dapat diungkapkan apakah hipotesa peneliti dengan hasil penelitian sebelumnya mengalami perkembangan, sama atau gagal.
 RND, nah skripsi ane tentang ini gan. BTW, RND ini sebenarnya digunakan untuk penelitian S2 dan untuk S1 hanya diperkenankan sampai dengan uji kelayakan. Unt…

Step by Step Pembuatan Proposal Skripsi sampai Wisuda Jurusan Pendidikan Teknik Kejuruan

Hello sahabat adventura hari ini ane mau jelasin step by step menuju wisuda di FKIP terutama di JPTK UNS.

Yuk langsung aja :v
Buat dulu mini proposal buat ngajuain judul skripsi kamu disertai dengan 1 Jurnal internasional, KHS dan KRS semuanya diserahkan ke koordinator skripsi. Setelah semuanya mengajukan judul maka koordinator skripsi akan memploting dosen pembimbing untuk agan/sista. ( khusus PTIK)Cetak buku konsultasi skripsi (bisa ane buatin dengan ganti biaya cetak 3000 dan bisa di delivery). Buku konsultasi ini berfungsi buat mencatat hasil konsultasi skripsi kamu.[UPDATE OKTOBER 2017] Untuk beberapa dosen diwajibkan mencari 10 jurnal internasional dan 5 jurnal nasional sebagai refrensi bisa kamu lihat disini. (khusus PTIK)Mulailah menulis proposal skripsi kamu dari bab 1 - bab 3 beserta instrumentasinya. (Buat kertas HVS bisa juga cetak di ane, :v )[UPDATE NOVEMBER 2017]Setelah kamu diperbolehkan melakukan seminar proposal silakan melengkapi data peminjaman ruangan, dll --> D…