Hubungi KamiJika ada pertanyaan silahkan hubungi kami

Cara Mudah Membuat Fans Page Show/Hiden Di Blog

Cara Mudah Membuat Fans Page Show/Hiden Di Blog-Selamat malam sobat, nih saya mau bagi-bagi tutorial cara mempercantik blog lagi, kali ini saya buka hanya sekedar mempercantik tampilan blog juga loh.

Kenapa saya bilang begitu? Karena selain memberikan penampilan blog lebih menarik di mata pengunjung, kita juga dapat mengajak pengunjung untuk mengikuti halaman facebook kita loh. Dengan adanya fitur fans page pada blog maka kesempatan untuk mendapatkan like facebook semakin besar.

Terkadang pengunjung tertarik dengan rujukan kita untuk like facebook bukan hanya dari segi konten saja yang bermutu namun penampilan dan cara kita mengajak pengunjung juga sangat berpengaruh besar loh.

Nah tertarik mau bikin fans page tersembunyi di blog dan ketika pengunjung mengarahkan kursor mouse nya pada icon/gambar facebook maka fans page akan muncul. Hal ini tidak jauh berbeda dengan widget buku tamu yang pernah saya bahas pada artikel terdahulu. Silahkan Baca Cara membuat buku tamu tersembunyi di samping blog

Baca Juga:

Langkah Pertama

  • Login ke akun blogger sobat
  • Pada Dashboard pilih Template
  • Pilih Edit HTML
  • Cari Kode </head>
  • Setelah ketemu, letakan kode dibawah ini sebelum atau diatas kode </head>

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

Catatan: Jika pada blog sobat sudah terdapatk kode seperti diatas atau mirip dengan kode tersebut, lewati saja tahap ini.

Langkah kedua:

  • Masih pada dashboard blog, pilih Layout
  • Pilih Add a Gadget
  • Pilih HTML/JavaScript
  • Masukkan kode dibawah ini
Klik Untuk Membuka
<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(“http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png”) 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=Ganti dengan URL Fans Page Sobat&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330″ scrolling=”no” frameborder=”0″ style=”border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;”></iframe><span><a href=”http://ngeblog07.blogspot.com/2013/06/membuat-fan-page-auto-hiden-di-blog.html”>Tutorial Here</a></span></div></div>

Catatan: Kode yang saya tandai dengan warna merah silahkan ganti dengan alamat URL Halaman/URL facebook Sobat.

  • Terakhir Simpan

Sekian untuk artikel kali ini tentang Cara Mudah Membuat Fans Page Show/Hiden Di Blog, semoga artikel yang saya bagikan kali ini dapat bermanfaat. Untuk mendapatkan update terbaru dari kami silahkan ikuti facebook, twitter, google+ dan subscribe/langganan juga youtube kami untuk mendapatkan panduan update melalui channel video secara gratis.

Loading...

Add a Comment

Your email address will not be published. Required fields are marked *

More in Blogger, Facebook
Cara Mudah Memasang Widget CCTV Pada Blogger

Cara Mudah Memasang Widget CCTV Pada Blogger-Mau mempercantik tampilan blog?...

Close