karna melalui facebooklah orang lain dapat mengetahui produk yang kita jual, blog kita dan lain-lain deh.
biasanya kita membuat suatu halaman khusus di facebook yang sering di bilang sebagai halaaman fans page/fans penggemar dan lain-lain lagi.
seperti pada blog oto website ini yang memiliki halaman fans page di facebook, nah yang kita bahas kali ini bukanlah tentang cara membuat halaman fans page di facebook karna dulu blog ini pernah membahasnya di Cara Cepat Membuat Halaman Fans Page di Facebook, tapi yang akan kita bahas kali ini adalah Cara Membuat Facebook Like Auto Hide Di Blog, sobat psti tau kan maksudnya kalo tidak tau sobat bisa lihat sendiri di gambar, atau melihatnya di bagian samping kanan blog ini(jika blog ini masih menggunakannya).
Cara Membuat Facebook Like Auto Hide Di Blog tidak jauh beda dengan Cara Membuat dan Memasang Like Box Facebook di Blog, bedanya cara ini agar facebook box like fans page kita terlihat lebih menarik dan tidak terlalu memakan banyak tempat di blog kita, ehm pasti udah pada ngertikan kan sob?!?
oke jika sobat berminat dengan memasasang facebook like auto hide di atas, sobat bisa ikuti langkah-langkah berikut, kemon . . . !!!
1.Pertama-tama silahkan sobat login ke blog sobat.
2.Pada Menu tab klick Rancangan ➮ Edit HTML
3.Pada kotak Edit Template cari kode <head> jika ingin lebih cepat mencarinya sobat bisa baca Cara Cepat Mencari Kode HTML.
4.Jika sudah ketemu sekarang letakkan kode berikut tepat di atas kode tadi
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
5.Sekarang simpan template.
6.Sekarang kembali klick Rancangan ➮ Tambah Gadget ➮ Pilih HTML/Java Script.
7.Copy kode script berikut dan letakkan di dalam Gadget kotak HTML/Java Script tadi,
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}
.likebox div{border:none;position:relative;display:block;}
.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.likebox span a{color: gray;text-decoration:none;}
.likebox span a:hover{text-decoration:underline;}
</style>
<div class="likebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/dekrif&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span>
</div>
</div>
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}
.likebox div{border:none;position:relative;display:block;}
.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.likebox span a{color: gray;text-decoration:none;}
.likebox span a:hover{text-decoration:underline;}
</style>
<div class="likebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/dekrif&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span>
</div>
</div>
Keterangan: ganti warna merah dengan url/alamat fans page sobat.
8.Simpan, dan lihat hasilnya!
Gimana mudah bukan? okelah sob sekian dulu untuk articles/postingan kali ini, semoga bermanfaat.
UPDATE
Saya juga telah membuat generator Facebook Like Auto Hide yang akan lebih mempermudah Anda, silahkan anda lihat dengan menekan tombol besar berikut.
thx, tutornya sgt bermanfaat...
BalasHapusmakasih om,, sangat bermanfaat..
BalasHapusterima kasih banyak atas infonya.,.
BalasHapusMKSih Gan infonya...
BalasHapus@All Oke Sama2 Sob!
BalasHapusTerima Kasih Tutorialnya.... Sangat Bermanfaat
BalasHapusThanks bnget OM .
BalasHapusOM baik deh . hehehe :D
kunjungi BLOG saya ya . :D
http://cheater-angel.blogspot.com/
Mkasih yg udh mau datang .
Thanks Gan...
BalasHapusInformasinya Sangat Berharga..
jangan lupa mampir di BLOG ane ya...
http://aditya-kenzie.blogspot.com/
gan untuk memasukkan url fan page di mn
BalasHapus@Nanda Cah JogjaSperti yg sya jlskn d atas, gnti teks wrna merah dengan url fans page Anda.
BalasHapusklo ingin yg pling gmpng bisa gunkn generator ini http://otowebsite.blogspot.com/2012/07/new-version-facebook-like-auto-hide-generator.html
thnk ya gan info nya kren..kunjngi jga ya dihttp:// agustinuschilalahi.blogspot.com
BalasHapussep dh gan
BalasHapusijin pasang di blogku sob..
BalasHapus@walfchildSlhkan, asal mnyrtkan link sumber, sbgai hak cipta.
BalasHapusIzin sedot...
BalasHapus@Muhammad HusainiSlhkan, asal mnyrtkan link sumber, sbgai hak cipta.
BalasHapusSupaya pengunjung tidak bingung kalo tutor begini sediakan kolom demonya sob.
BalasHapusweh uni dia tips yang saya cari... muanteb..
BalasHapustrim bang atas infonya
salam kenaal dari mautau.net
Thank gan,Sukses slalu... ;)
BalasHapusThanks Bro ... maju terus blognya ... :)
BalasHapusThanks... sangat bermanfaat. http://bugardnsehat.blogspot.com
BalasHapusthank's y bang,, sangat bermanfaat...
BalasHapuskunjungi juga http://netmediamu.blogspot.com
thanks tipsnya gan mampir ke blog ane
BalasHapushttp://www.ayo-baca.com
Cara Membuat google plus Like Auto Hide Di Blog ada ga mas....boleh ya.
BalasHapusSaya minta bantu.
@Hendry798Coba cek disini http://otowebsite.blogspot.com/2013/04/google-plus-badge-auto-hide.html
BalasHapusThank ya buat infonya ..
BalasHapusmampir ye ke situs ane
http://www.kampungjasa.com
ma kssih gan, udah nyampe 8 psg, namun mssih tersisah 6 psang
BalasHapusma ksih gan, sisa 6 psg biar cepat dikirim
BalasHapusma ksh gan, 6 pssang semua udah nyampe
BalasHapusmakasih gan bagus bener :3
BalasHapusberbagi link itu indah :*
http://dn-guide.blogspot.com/
tutorialnya mantep gan :) thx nambah ilmu.
BalasHapushttp://expetravel.blogspot.com/
(o)
makasih atas infonya
BalasHapusWWW.GIRIBIG.COM
http://adutburza.blogspot.com/ (ZONA CHEAT GAME)
Komentar ini telah dihapus oleh pengarang.
BalasHapusWah sangat bermanfaat sekali buat saya pribadi, saya yakin artikel ini juga bermanfaat banyak terhadap pembaca lainnya seperti yang saya alami.
BalasHapusTerimakasih bos atas infonya, sukses selalu ..!
Salam hangat dari admin BelajarSearchEngine
makasih infonya, ijin sedot ya om ^_^
BalasHapus