6 Cara Membuat Facebook Like Box Melayang di Blog dengan Waktu menunggu

By Orangbiasaji | At 08.05 | Label : Tutorial | 6 Comments

Membuat kotak like facebook yang melayang atau floating di blog saat seorang pertama kali mengunjungi atau meload halaman, merupakan salah satu cara meningkatkan interaksi di blog. Tidak dipungkiri lagi bahwa optimasi blog menbutuhkan dukungan sosial media.

Oleh karena itu kami memberikan tutorial memasang Facebook Like Box yang melayang (floating) yang akan tampil setiap kali halaman blog anda di load. Like box ini akan terus saja tampil setiap kali pengunjung blog anda me-load atau membukan halaman baru di blog anda sampai ia melakukan LIKE pada bos tersebut. Berikut ini tutorialnya, semoga bermanfaat ;)

Penampilannya kayak ini;

Tampilan Facebook Like Box yang melayang saat loading blog

Berikut Cara Membuat Facebook Like Box Melayang di Blog;

1. Login ke Blog anda.
2. Masuk ke Tata Letak > > Tambahkan Gadget > > Pilih HTML/JavaScript
3. Copy kode di bawah ini, lalu paste ke HTML/JavaScript blog anda.

<style>#fblikepop { background-color: #fff;display: none;position: fixed;top: 200px;_position: absolute;/* hack for IE 6*/width: 450px;border: 10px solid #6F6F6F;z-index: 200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin: 0pt;padding: 0pt;color: #333333;text-align: left;font-family: arial,sans-serif;font-size: 13px;}#fblikepop body {background: #fff none repeat scroll 0%;line-height: 1;margin: 0pt;height: 100%;}
.fbflush {cursor: pointer;font-size: 11px !important;color: #FFF !important;text-decoration: none !important;border: 0 !important;}#fblikebg {display: none;position: fixed;_position: absolute;/* hack for IE 6*/height: 100%;width: 100%;top: 0;left: 0;background: #000000;z-index: 100;}#fblikepop #closeable {float: right;margin: 7px 15px 0 0;}
#fblikepop h1 {background: #6D84B4 none repeat scroll 0 0;border-top: 1px solid #3B5998;border-left: 1px solid #3B5998;border-right: 1px solid #3B5998;color: #FFFFFF !important;font-size: 14px !important;font-weight: normal !important;padding: 5px !important;margin: 0 !important;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
#fblikepop #actionHolder {height: 30px;overflow: hidden;}#fblikepop #buttonArea {background: #F2F2F2;border-top: 1px solid #CCCCCC;padding: 10px;min-height: 50px;}
#fblikepop #buttonArea a {color: #999999 !important;text-decoration: none !important;border: 0 !important;font-size: 10px !important;}
#fblikepop #buttonArea a:hover {color: #333 !important;text-decoration: none !important;border: 0 !important;}
#fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;line-height: 22px;padding: 8px;background: #fff !important;}
#fblikepop #counter-display {float: right;font-size: 11px !important;font-weight: normal !important;margin: 5px 0 0 0;text-align: right;line-height: 16px;}
</style>
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1");</script>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
username="kataucheng",
judulatas="Jangan lupa LIKE Fans Page kami :d",
warna="1",
waktuhabis="20",
tunggu="0",
bahasa="id"
//]]></script>
<script src="http://urusan-umum.googlecode.com/files/like-box-fb.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[$(document).ready(function(){$().kenadehdotcom({ closeable: true });});//]]></script>

Keterangan:

Username = Isi dengan username Fanspage facebook sobat.
Misalnya: http://www.facebook.com/kataucheng ... Nah, yang diambil "kataucheng" saja.

Judulatas = silahkan ganti dengan tulisan apa saja yang sobat inginkan.

Warna = hanya ada 2 pilihan, kalian bisa menggantinya dengan angka 1 dan 2 saja.

Waktuhabis = bisa Sobat ganti dengan selera Sobat, contoh : 20,15, 10, 5 dan sebagainya.

Tunggu = biarkan saja tetap angka 0

2 Mengatasi Masalah Jumlah Postingan di Homepage Tidak Sesuai

By Orangbiasaji | At 17.35 | Label : Masalah blogging | 2 Comments

Masalah yang akan dibahas kali ini mungkin jarang terjadi, yakni soal jumlah postingan yang tampil di homepage tidak sesuai dengan jumlah postingan sebagaimana yang telah diatur pada bagian setting blog (blogspot).

Misalnya pada kejadian yang kualami pagi ini, blog seorang teman ternyata hanya menampilkan 9 postingan hi homepage, padahal di hari sebelumnya jumlah postingan yang tampil sebanyak 11 buah sebagaimana telah disetting sesuai dengan keinginan empunya blog.

Sayapun mulai puyeng mencoba menyelesaikan masalah tersebut, hingga akhirnya hampir putus asa karena tidak menemukan alasan mengapa hal demikian terjadi, padahal udah utak-atik HTML template. Hingga akhirnya saya adukan permasalahan tersebut ke search engine. Akhirnya saya menemukan dua postingan yang bermanfaat. Postingan pertama hanya menjelaskan apa yang harus dilakukan jika masalah ini terjadi, yakni memperbaiki bagian posting yang dinilai terlalu banyak gambar, atau gambar yang dimuat terlalu besar.

Karena otak saya agak tidak karuan, saya belum mengerti sepenuhnya dengan permasalahan yang terjadi. Hingga membaca sebuah penjelasan di sebuah forum yang menanggapi persoalan yang sama.

Masalah jumlah postingan yang tampil di homepage tidak sesuai
dengan jumlah posting yang diatur/diinginkan, misalnya homepage diatur untuk menampilkan 7  postingan,
sementara yang tampil hanya 5 atau malah lebih sedikit dari itu.

Masalah jumlah postingan di homepage yang tidak sesuai dengan jumlah posting yang telah disetting disebabkan karena scriptnya menggunakan auto read more dari Anhvo. Auto read more itu hanya memanipulasi tampilan dan tidak bekerja untuk memotong konten dalam artian yang sebenarnya. Jadi bisa dikatakan kalau meskipun homepage hanya menampilkan thumbnail gambar dan summary postingan, tapi konten tetap terload utuh.

Kejadiannya ketika sebuah postingan memiliki banyak gambar (atau memuat gambar yang berukuran besar), maka http request yang tinggi dan penggunaan source (misalnya gambar bersumber dari sever lain, makanya sebaiknya gambar dari sumber lain disave terlebih dahulu lalu diupload kembali di blog) yang membebani loading halaman.

Nah, penjelasan di ataslah yang membuat saya mengerti dan tau apa yang harus saya lakukan.

Saya mengecek beberapa postingan yang memuat gambar dengan ukuran besar (di blog teman saya tidak ada album, sehingga mayoritas postingan hanya memuat satu gambar saja), lalu memperkecil dimensi dan ukurannya agar lebih ringan. Usahakan dibawah 100Kb.

Dan ternyata ampuh. Saya menguungkan niat untuk berputus asa. Tengs buat teman-teman yang sudah mau berbagi pengalaman dan pengetahuan. Keep blogging ;)