Tambahkan Sliding Facebook LikeBox Untuk Wordpress?

Rasanya sudah lama sekali saya sudah tidak berbagi apa yang saya tahu mengenai blog gratis wordpress, maka dari itu sekarang saya mau posting bagaimana memasang sliding facebook likebox untuk wordpress, saya sarankan sobat sudah punya facebook likebox sebelumnya untuk melanjutkan baca artikel ini. Lihat juga postingan saya bagaimana membuat facebook likebox muncul ketika pengunjung masuk ke halaman blogeer. Tanpa panjang lebar lagi mari kita berlanjut ke tutorial.

Tambahkan LikeBox Mengambang Untuk Wordpress

Mungkin ketika anda berkunjung ke blog oranglain anda melihat sebelah kiri atau sebelah kanan blog gambar menempel dan ketika cursor menyorot gambar tersebut akan muncul dengan kotak keren yaitu facebook likebox nah mari kita bahas bagaimana membuat facebook likebox menempel di blog wordpres sobat.

• Masuk ke Dasboard Wordpress sobat
• Arahkan ke penampilan => widget
• Drag and drop text (Arbitrary text atau HTML) widget ke sidebar
• Paste kode di bawah ini di dalamnya, url halaman facebook anda akan terlihat seperti ini punya saya http://www.facebook.com/theants.blog maka nanti anda akan menggunakannya pada kode d bawah ini.

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlQjLxNR6F4MnGNukg38Gu7G2pKZwYSlQHt2-xrDFXBP850G02gPpFm9NN8koO8hehTM6rktlfacaxlH49X9L3tD0Wveib_1aTRnKyJ_VtHaGshNOz5Ui9_aQ-UDHoGWjikLVTgzt38hAP/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.w2bslikebox div{border:none;position:relative;display:block;}

.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.w2bslikebox span a{color: #808080;text-decoration:none;}

.w2bslikebox span a:hover{text-decoration:underline;}

</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Ftheants.blog&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>by:<a href="http://www.theant-budiana.blogspot.com">Blog Urang Sunda</a></span></div></div> 

Ganti kode 'theants.blog' dengan nama pengguna halaman anda biasanya halaman url halaman akan terlihat seperti di bawah ini.

'http://www.facebook.com/pages/theans.blog/106066352757384'

Jika anda ingin membuat url halaman anda lebih pendek seperti ini

'http://www.facebook.com/theants.blog'

dengan waktu kurang dari 5 detik url halaman facebook anda akan berubah sesuai anda inginkan jika mau klik disini.

• Kembali ke topik, setelah anda masukan kode di atas dan mengganti 'theans.blog' klik simpan.
• Berpindah ke thema options sobat => go to head code 

Jika tema sobat tidak mendukung dengan head kode sobat bisa mendapatkannya hanya dengan instalasi plugin dengan nama "Header and Footer" by "satollo"

• Paste kode di bawah ini dibagian kode head box

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

• Kemudian simpan.

Sekarang lihat  ke blog anda untuk melihatnya bekerja, semoga sobat menyukai postingan saya. Jika ia sobat bisa like di bawah ini.

Theant Budiana

About the Guest Author:
Saya bukanlah orang yang ahli dalam dunia blogger tapi saya mencoba untuk berbagi ilmu dari apa yang saya ketahui dari paman saya, saya sangat suka blogging dan berbagi ilmu, tapi bukan berarti saya master blog salah besar jika sobat anggap saya hebat saya hanya seorang anak kampung yang mencoba untuk tidak kampungan dan tertinggal informasi alias GAPTEK, banyak artikel yang saya tulis di Blog Urang Sunda dan lihat juga blog saya satu lagi di Dunia Maya Saya dan klik disini untuk mengetahui lebih lanjut tentang saya

Kindly Bookmark this Post using your favorite Bookmarking service:

warning

Anda bingung?
Jangan ragu untuk bertanya kepada saya lewat komentar di bawah, saya akan mencoba menjawabnya sesegera mungkin, bahkan jika sobat ada saran untuk saya silahkan jangan ragu untuk memberi saran kepada saya asalkan komentar no spam. Komentar anda, adalah bekal untuk kemajuan blog saya, saya akan kunjungi balik blog sobat jika sobat meninggalkan jejak sobat disini.