Merubah Tampilan Facebook Terbaru 2013

Kang Fiqih | Assalamu'alaikum wr.wb., salam sejahtera teman semua. Biasanya jika saya memposting arikel pastilah mengenai tips dan trik blog. Namun sekarang ini bukan itu yang akan saya bahas, sekarang yang ingin saya bahas adalah mengenai sosial media yang sangat terkenal yakni Facebook.

Di Facebook ini, kita akan sedikit merubah modifikasi tampilannya. Sudah lama mungkin jika Anda membuka Facebook tampilannya hanya itu-itu saja. Bahkan saat ini juga sudah banyak template blog yang sama atau menyerupai tampilan Facebook. Pernah saya berfikir (dulu) untuk merubah tampilan facebook ini, tapi masih belum terealisasi. Dan sekarang inilah waktunya. 

Dengan kita merubah tampilan Faceook ini, yang saya rasakan kita tidak akan merasa bosan lagi karena pada saat login-pun kita sudah disuguhkan dengan sebuah new template (seperti gambar yang ada di atas).

Langsung saja kita mainkan...

1. Bukalah Mozilla Firefox untuk Web Browser Anda, ini dikarenakan kita akan memakan add-ons dari mozilla.

2. Kemudian silahkan Anda mendownload Add-Ons Mozilla yang bernama Stylish. Bisa Anda download disini

3. Setelah itu didownload dan terinstall di Mozilla Firefox Anda, pilihlah tampilan layout pada Facebook sesuai dengan keinginan Anda. Anda mungkin tidak akan kehabisan stok untuk merubah template-nya karena Anda akan disuguhkan dengan pilihan yang sangat banyak. Link-nya disini

4. Klik "+ Install with Stylish"

5. Sekarang Anda tinggal refresh atau load facebook kamu. 

6. Lihatlah hasilnya :D

Selamat beraktivitas dan sampai jumpa ...

Merubah Tampilan Facebook Terbaru 2013

Posted by Muhammad Fiqih No comments

Kang Fiqih | Assalamu'alaikum wr.wb., salam sejahtera teman semua. Biasanya jika saya memposting arikel pastilah mengenai tips dan trik blog. Namun sekarang ini bukan itu yang akan saya bahas, sekarang yang ingin saya bahas adalah mengenai sosial media yang sangat terkenal yakni Facebook.

Di Facebook ini, kita akan sedikit merubah modifikasi tampilannya. Sudah lama mungkin jika Anda membuka Facebook tampilannya hanya itu-itu saja. Bahkan saat ini juga sudah banyak template blog yang sama atau menyerupai tampilan Facebook. Pernah saya berfikir (dulu) untuk merubah tampilan facebook ini, tapi masih belum terealisasi. Dan sekarang inilah waktunya. 

Dengan kita merubah tampilan Faceook ini, yang saya rasakan kita tidak akan merasa bosan lagi karena pada saat login-pun kita sudah disuguhkan dengan sebuah new template (seperti gambar yang ada di atas).

Langsung saja kita mainkan...

1. Bukalah Mozilla Firefox untuk Web Browser Anda, ini dikarenakan kita akan memakan add-ons dari mozilla.

2. Kemudian silahkan Anda mendownload Add-Ons Mozilla yang bernama Stylish. Bisa Anda download disini

3. Setelah itu didownload dan terinstall di Mozilla Firefox Anda, pilihlah tampilan layout pada Facebook sesuai dengan keinginan Anda. Anda mungkin tidak akan kehabisan stok untuk merubah template-nya karena Anda akan disuguhkan dengan pilihan yang sangat banyak. Link-nya disini

4. Klik "+ Install with Stylish"

5. Sekarang Anda tinggal refresh atau load facebook kamu. 

6. Lihatlah hasilnya :D

Selamat beraktivitas dan sampai jumpa ...

Membuat Facebook Recommendations di Blog

Kang Fiqih | Assalamu'alaikum wr.wb., salam pagi yang cerah kawan. Rasanya saya tidak bosan-bosan untuk ngeblog sekarang ini, sangat bersemangat sekali untuk berinteraksi dengan Anda semuanya para pembaca blog Kangfiqih.

Sebenarnya saya sedang kurang sehat, namun hal itu tidak menghalangi niat saya untuk terus mengembangkan blog ini dan berusaha untuk menyuguhkan artikel-artikel yang berkualitas di sini. Di hari minggu ini saya akan sedikit membahas tentang yang namanya Recommendation Bar dari Facebook. Recommendation bar ini adalah sebuah widget yang disuguhkan untuk sebuah blog dengan tujuan agar memberikan rekomendasi kepada para pembaca untuk membaca artikel lain dalam sebuah bar. 

Widget ini bekerja berdasarkan otorisasi aplikasi. Bisa jadi Anda akan gagal memasangnya karena menggunakan App ID milik user lain yang tidak diotorisasi untuk domain tertentu. Oleh sebab itu, sebaiknya menggunakan Facebook App yang dibuat sendiri oleh Anda. 

Jadi, langsung saja untuk memasang widget ini adalah :

Langkah 1 (membuat App ID)

• Buatlah App ID terlebih dahulu di Facebook (namun jika Anda sudah memiliki App ID yang terotorisasi untuk blog Anda maka lewati saja langkah ini). Klik disini untuk membuatnya.
• Klik tombol +Create New App yang berada di pojok kanan atas..

 

• Pada kotak yang akan muncul nanti, isilah seperti yang ada digambar di bawah ini.

• Masukkan kode captcha security code --> klik Submit.
• Klik tab Website with Facebook Login dan di dalam kotak tersebut dan isi Url blog Anda. Lihat gambar di bawah. Jangan menyentuh pilihan yang lain dan klik Save Changes.

• Setelah itu Anda akan melihat kode numerik. Adan dua kode numerik di sama, yang pertama adalah App ID dan yang satunya lagi adalah App Secret.Nah, App ID inilah yang kita butuhkan untuk membuat Recommendation Bar di blog, simpanlah terlebih dahulu kode App ID tersebut di notepad.

Langkah 1 sudah selesai, sekarang kita masuk ke langkah 2.

Langkah 2 (membuat Recommendation Bar di blog)

• Login ke blog Anda terlebih dahulu.
• Klik Template --> Edit HTML.
• Cari kode <html
• Masukkan kode di bawah ini setelah kode <html

xmlns:fb='http://ogp.me/ns/fb#'

Formatnya bisa seperti ini :

<html xmlns:fb='http://ogp.me/ns/fb#' (kode lain yang sudah ada sebelumnya)>

• Langkah selanjutnya adalah mencari kode <body>. Anda bisa mencarinya dengan menggunakan Ctrl+F dan masukkan keyword-nya (dalam hal ini <body>).
• Setelah ketemu, masukkan kode di bawah ini di bawah kode <body>.

<div id='fb-root'/> <script> //Facebook Recommendation bar //<![CDATA[ (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123456789012345"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); //]]> </script> <b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'> <fb:recommendations-bar action='like' max_age='0' num_recommendations='2' read_time='10' side='right' site='http://kangfiqih.blogspot.com' trigger='40%'/></div> </b:if></b:if></div>

keterangan :

• Ganti 123456789012345 App ID Anda.
• Ganti http://kangfiqih.blogspot.com dengan alamat blog Anda.

Itulah mungkin salah satu cara untuk membuat Recommendation Bar di blog, mudah-mudahan dapat sedikit membantu Anda dalam mengembangkan blog milik Anda.

Membuat Facebook Recommendations di Blog

Posted by Muhammad Fiqih No comments

Kang Fiqih | Assalamu'alaikum wr.wb., salam pagi yang cerah kawan. Rasanya saya tidak bosan-bosan untuk ngeblog sekarang ini, sangat bersemangat sekali untuk berinteraksi dengan Anda semuanya para pembaca blog Kangfiqih.

Sebenarnya saya sedang kurang sehat, namun hal itu tidak menghalangi niat saya untuk terus mengembangkan blog ini dan berusaha untuk menyuguhkan artikel-artikel yang berkualitas di sini. Di hari minggu ini saya akan sedikit membahas tentang yang namanya Recommendation Bar dari Facebook. Recommendation bar ini adalah sebuah widget yang disuguhkan untuk sebuah blog dengan tujuan agar memberikan rekomendasi kepada para pembaca untuk membaca artikel lain dalam sebuah bar. 

Widget ini bekerja berdasarkan otorisasi aplikasi. Bisa jadi Anda akan gagal memasangnya karena menggunakan App ID milik user lain yang tidak diotorisasi untuk domain tertentu. Oleh sebab itu, sebaiknya menggunakan Facebook App yang dibuat sendiri oleh Anda. 

Jadi, langsung saja untuk memasang widget ini adalah :

Langkah 1 (membuat App ID)

• Buatlah App ID terlebih dahulu di Facebook (namun jika Anda sudah memiliki App ID yang terotorisasi untuk blog Anda maka lewati saja langkah ini). Klik disini untuk membuatnya.
• Klik tombol +Create New App yang berada di pojok kanan atas..

 

• Pada kotak yang akan muncul nanti, isilah seperti yang ada digambar di bawah ini.

• Masukkan kode captcha security code --> klik Submit.
• Klik tab Website with Facebook Login dan di dalam kotak tersebut dan isi Url blog Anda. Lihat gambar di bawah. Jangan menyentuh pilihan yang lain dan klik Save Changes.

• Setelah itu Anda akan melihat kode numerik. Adan dua kode numerik di sama, yang pertama adalah App ID dan yang satunya lagi adalah App Secret.Nah, App ID inilah yang kita butuhkan untuk membuat Recommendation Bar di blog, simpanlah terlebih dahulu kode App ID tersebut di notepad.

Langkah 1 sudah selesai, sekarang kita masuk ke langkah 2.

Langkah 2 (membuat Recommendation Bar di blog)

• Login ke blog Anda terlebih dahulu.
• Klik Template --> Edit HTML.
• Cari kode <html
• Masukkan kode di bawah ini setelah kode <html

xmlns:fb='http://ogp.me/ns/fb#'

Formatnya bisa seperti ini :

<html xmlns:fb='http://ogp.me/ns/fb#' (kode lain yang sudah ada sebelumnya)>

• Langkah selanjutnya adalah mencari kode <body>. Anda bisa mencarinya dengan menggunakan Ctrl+F dan masukkan keyword-nya (dalam hal ini <body>).
• Setelah ketemu, masukkan kode di bawah ini di bawah kode <body>.

<div id='fb-root'/> <script> //Facebook Recommendation bar //<![CDATA[ (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123456789012345"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); //]]> </script> <b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'> <fb:recommendations-bar action='like' max_age='0' num_recommendations='2' read_time='10' side='right' site='http://kangfiqih.blogspot.com' trigger='40%'/></div> </b:if></b:if></div>

keterangan :

• Ganti 123456789012345 App ID Anda.
• Ganti http://kangfiqih.blogspot.com dengan alamat blog Anda.

Itulah mungkin salah satu cara untuk membuat Recommendation Bar di blog, mudah-mudahan dapat sedikit membantu Anda dalam mengembangkan blog milik Anda.

Membuat Like Box Fun Page Facebook di Blog

Kang Fiqih | Assalamu'alaikum wr.wb., baru pulang tarawih langsung inget blog ini dan sedikit mempunyai pencerahan mengenai apa yang akan saya bahas sekarang...he, kemarin saya telah memberikan tutorial tentang Membuat Widget Popular Posts Menarik. 

Nah, dipertemuan yang singkat ini saya akan kembali membahas mengenai tutorial blog yang akan berhubungan dengan sebuah jejaring sosial yang bernama Facebook. Ya, saya akan sedikit membantu Anda untuk Membuat Like Box Fun Page Facebook di Blog. 

Memang, jika Anda ingin agar blog Anda menjadi lebih dikenal oleh orang lain maka Anda harus bisa-bisa dalam mempromosikan blog Anda ini keluar. Tidak hanya menunggu pengunjung agar datang sendiri ke blog Anda, tetapi Anda juga harus bisa menjemput bola untuk mendapatkan hasil yang maksimal. Dan salah satu caranya adalah mempromosikan blog Anda di Facebook dengan cara membuat like box Facebook yang didalamnya terdapat fun page blog Anda.

Untuk itu, langsung saja ke topik pembahasan. Okeh kawan...he

1. Langkah pertama yang harus Anda lakukan adalah tentu saja Anda harus login ke Facebook Anda.

2. Kemudian silahkan Anda masuk ke sini.

3. Di sana Anda diharuskan mengisi beberapa form, seperti mengisi fun page blog Anda dan lain-lain. (sesuaikan dengan keinginan Anda)

4. Setelah form terisi semua, klik Get Code.

5. Buka Tab baru dan masuk ke blog Anda dan Klik Template --> Edit HTML.

6. Sekarang ada dua tab yang digunakan yakni tab Facebook dan tab Blog.

7. Di tab blog, carilah kode <body>, agar lebih memudahkan klik Ctrl+F dan masukkan keyword yang akan dicari (dalam hal ini <body>)

8. Setelah ketemu, masukkan kode pertama yang ada di langkah 4 tepat di bawah kode <body> dan klik Simpan Template.

9. Masih di tab blog, masuklah ke Tata Letak --> Add Widget --> HTML/Javascript. Kemudian masuk ke tab facebook dan masukkan kode kedua yang ada di sana di HTML/Javascript. Klik Simpan.

10. Lihat hasilnya di blog Anda :)

Mudah-mudahan artikel ini dapat sedikit membantu Anda dalam mempromosikan blog Anda. Jika ada yang kurang dipahami, silahkan tinggalkan komentar di bawah. Terimakasih 

Selamat beraktivitas dan sampai jumpa ...

Membuat Like Box Fun Page Facebook di Blog

Posted by Muhammad Fiqih 2 comments

Kang Fiqih | Assalamu'alaikum wr.wb., baru pulang tarawih langsung inget blog ini dan sedikit mempunyai pencerahan mengenai apa yang akan saya bahas sekarang...he, kemarin saya telah memberikan tutorial tentang Membuat Widget Popular Posts Menarik. 

Nah, dipertemuan yang singkat ini saya akan kembali membahas mengenai tutorial blog yang akan berhubungan dengan sebuah jejaring sosial yang bernama Facebook. Ya, saya akan sedikit membantu Anda untuk Membuat Like Box Fun Page Facebook di Blog. 

Memang, jika Anda ingin agar blog Anda menjadi lebih dikenal oleh orang lain maka Anda harus bisa-bisa dalam mempromosikan blog Anda ini keluar. Tidak hanya menunggu pengunjung agar datang sendiri ke blog Anda, tetapi Anda juga harus bisa menjemput bola untuk mendapatkan hasil yang maksimal. Dan salah satu caranya adalah mempromosikan blog Anda di Facebook dengan cara membuat like box Facebook yang didalamnya terdapat fun page blog Anda.

Untuk itu, langsung saja ke topik pembahasan. Okeh kawan...he

1. Langkah pertama yang harus Anda lakukan adalah tentu saja Anda harus login ke Facebook Anda.

2. Kemudian silahkan Anda masuk ke sini.

3. Di sana Anda diharuskan mengisi beberapa form, seperti mengisi fun page blog Anda dan lain-lain. (sesuaikan dengan keinginan Anda)

4. Setelah form terisi semua, klik Get Code.

5. Buka Tab baru dan masuk ke blog Anda dan Klik Template --> Edit HTML.

6. Sekarang ada dua tab yang digunakan yakni tab Facebook dan tab Blog.

7. Di tab blog, carilah kode <body>, agar lebih memudahkan klik Ctrl+F dan masukkan keyword yang akan dicari (dalam hal ini <body>)

8. Setelah ketemu, masukkan kode pertama yang ada di langkah 4 tepat di bawah kode <body> dan klik Simpan Template.

9. Masih di tab blog, masuklah ke Tata Letak --> Add Widget --> HTML/Javascript. Kemudian masuk ke tab facebook dan masukkan kode kedua yang ada di sana di HTML/Javascript. Klik Simpan.

10. Lihat hasilnya di blog Anda :)

Mudah-mudahan artikel ini dapat sedikit membantu Anda dalam mempromosikan blog Anda. Jika ada yang kurang dipahami, silahkan tinggalkan komentar di bawah. Terimakasih 

Selamat beraktivitas dan sampai jumpa ...