Saturday, July 28, 2012

Cara Memasang Like Fans Page Tersembunyi di Samping Kanan Blog

Posted by Riski maulana ibrahim Saturday, July 28, 2012, under | 9 comments

Jin Botol - Kali ini saya akan share bagaimana cara membuat/memasang widget FansPage Facebook tersembunyi di samping kanan blog. Hal ini patut anda lakukan jika blog anda sudah banyak memuat widget-widget dan anda pun sudah tidak tahu lagi ingin memasang/menaruh widget FansPage Facebook ini. Widget ini tidak cuma untuk memasang Like FansPage Facebook tersembunyi saja, tetapi juga bisa sebagai penghias blog anda.

Perhatikan pratinja berikut.
LANGKAH PERTAMA:
  • Silahkan kalian Login atau Masuk ke akun Blogger terlebih dahulu.
  • Setelah anda berada di dasbor blogger klik More Options atau opsi lainnya.
  • Pilih menu Template.
  • Kemudian klik Proceed atau Lanjutkan.
  • Sebagai jaga-jaga anda Backup dulu Template blognya, jadi kalau ada kesalahan tinggal di download lagi template yang udah di Backup.
  • Kemudian centang Expand Template Widget.
  • Terus cari kode </head> agar memudahkan pencarian anda tinggal tekan CTRL + F
  • Copykan kode berikut di atas kode </head> tadi.

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

  • Setelah itu klik Save atau Simpan.
LANGKAH KEDUA:
  • Pilih menu Layout atau Tata Letak.
  • Setelah itu klik Add a Gadget atau Tambah Gadget.
  • Kemudian pilih elemen HTML/JavaScript.
  • Masukkan kode berikut.
<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=LETAKKAN URL PAGE ANDA DI SINI&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://zootodays.blogspot.com/2012/04/cara-memasang-widget-like-fanspage.html">Click this</a></span></div></div>

  • Sebelum di Save atau Simpan anda harus mengganti kata "LETAKKAN URL PAGE ANDA DI SINI" dengan URL halaman atau FansPage anda. Jika masih bingung apa itu URL anda dapat melihatnya seperti di gambar berikut.
  • Terakhir Klik Save atau Simpan.
  • Selesai.

9 comments

August 24, 2012 at 7:53 PM

Sobat kemarin saya mencoba postingan like facebook seperti postingan ini, tp ko' gak muncul ya tulisan facebooknya seperti punya sobat, saya jg sdh ada tp foto2nya tidak bs muncul di tempat yg saya inginkan, padahal smua sdh seperti yg di arahkan,jg panduan sobat, apa ada yg salah, mhn penjelasan ya, makasih

August 29, 2012 at 12:48 AM

Makasih gan saya berhasil,itu bermanfaat banget buat saya :)

November 30, 2012 at 8:42 AM

Salam Kenal Gan ..
Maap ni sblm ny, saya lg mw blajar buat blog utk saya pribadi.tapi, brhubung saya newbie, sya agk ksulitan mmhami bahsa" di blok tsb.
Stelah saya googling, ehhhhhhh...akhirnya sya sampai k http://riskimaulana.blogspot.com,
trus terang , sya kagum ama blog sobat.
Blh gk sya d berikan tutor, agar sya bisa mmbuat blog yg skeren ini.
Sblmnya, sya Trima kasih ats ksedian wktu sobat utk mmmbaca coment sya ini.
Dan lbh trima kasih lg, pabila sobat dpt mmbantu sya mmbuat blog yg sya inginkn.
Email : hardiansyah_raja@yahoo.com
Tks

December 11, 2012 at 5:19 AM

Izin nyoba gan, moga berhasil. Kunjungin blog ane juga ya. Makasih

December 24, 2012 at 8:32 PM

siippp
mampir ya gan http://tipsfranki.blogspot.com/

Anonymous
March 20, 2013 at 9:42 PM

di coba ya gan
jangan segan untuk mampir

>>> pagarijo.blogspot.com

June 16, 2013 at 8:38 PM

gan nompang promosi yah...
silahkan mampir di blog saya :D

cyberpadang.blogspot.com

March 21, 2015 at 12:43 AM

makasih mas,, langsung action

September 3, 2015 at 10:11 AM

sip

Post a Comment

BerKomentar Lah Dengan Baik Dengan Berkata Bermanusiawi Jangan Berkata Kasar Di Posting Ini Atau Akun Anda Akan Kami Hacking Jadi Berhati Hatilah Sebelom Berkomentar -":Salam HaCker ":-

Related Posts Plugin for WordPress, Blogger...

Blog Archive

Blog Archive

 
cursor: url("https://picasaweb.google.com/110667291707517219649/IMAGETUTORIAL2#5729338440284600194"), default;