Masih berhubungan dengan artikel sebelumnya yaitu "Mengapa Harus Fans Page Facebook?". Menurut saya sebuah blog kurang lengkap bila belum memiliki Halaman Penggemar Facebook (Facebook Fans Page). Anda bisa melihat sendiri di berbagai web/blog yang sudah terkenal. Mereka biasanya memiliki Facebook Fans Page masing-masing.
Pada artikel kali ini saya akan memberikan cara untuk menyembunyikan Facebook Fans Page dengan animasi jQuery. Bagaimana? Anda tertarik untuk mencobanya? Namun sebelumnya anda harus mempunyai Facebook Fans Page terlebih dahulu. Jika Anda belum membuatnya, silakan baca artikel saya sebelumnya yang berjudul "Cara Membuat Facebook Fans Page dan Memasang Like Box di Blogspot".
Nah, sekarang kita langsung praktekkan saja. Ikuti langkah berikut.
Jangan lupa klik >>>
..::: Terkait :::..
Pada artikel kali ini saya akan memberikan cara untuk menyembunyikan Facebook Fans Page dengan animasi jQuery. Bagaimana? Anda tertarik untuk mencobanya? Namun sebelumnya anda harus mempunyai Facebook Fans Page terlebih dahulu. Jika Anda belum membuatnya, silakan baca artikel saya sebelumnya yang berjudul "Cara Membuat Facebook Fans Page dan Memasang Like Box di Blogspot".
Nah, sekarang kita langsung praktekkan saja. Ikuti langkah berikut.
- Seperti biasanya, pertama-tama, Masuk Blogger > Rancangan > Edit HTML.
- Kedua, cari kode </head> (gunakan Ctrl + F Untuk mempermudah pencarian).
- Ketiga,Copy Dan paste Kode Di bawah Ini Tepat sebelum kode </head>, Jika Anda sudah pernah memasang jQuery ini, maka langsung ke langkah 5 saja. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
- Jangan lupa klik Simpan Template.
- Sekarang ke Rancangan > Elemen Lama > Tambah gadget > Html/JavaScript.
- Copy script di bawah ini lalu pastekan ke HTML/JavaScript yang Anda buka tadi.
- Dan terakhir , klik Simpan.
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".sektimlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.sektimlikebox{background: url("http://www.talesoftalisman.com/2012/images/fb110.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:200px;}
.sektimlikebox div{border:none;position:relative;display:block;}
.sektimlikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.sektimlikebox span a{color: #808080;text-decoration:none;}
.sektimlikebox span a:hover{text-decoration:underline;}
</style><div class="sektimlikebox" style=""><div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=URL-Facebook anda disini&width=245&height=330&colorscheme=dark&show_faces=true&border_color=FFFFFF&stream=false&header=false" scrolling="no" frameborder="0" style="background:#FFF; border:none; overflow:hidden; width:245px; height:330px;" allowtransparency="true" ></iframe><span><Script Language='Javascript'>
<!--document.write(unescape('%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%73%65%6B%74%69%6D%2D%61%72%65%61%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%32%2F%30%34%2F%63%61%72%61%2D%6D%65%6D%62%75%61%74%2D%66%61%63%65%62%6F%6F%6B%2D%66%61%6E%73%2D%70%61%67%65%2E%68%74%6D%6C%22%3E%4D%61%75%20%57%69%64%67%65%74%20%49%6E%69%20%43%6C%69%63%6B%20%44%69%73%69%6E%69%3C%2F%61%3E'));//-->
</Script></span></div></div>
//<!--
$(document).ready(function() {$(".sektimlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.sektimlikebox{background: url("http://www.talesoftalisman.com/2012/images/fb110.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:200px;}
.sektimlikebox div{border:none;position:relative;display:block;}
.sektimlikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.sektimlikebox span a{color: #808080;text-decoration:none;}
.sektimlikebox span a:hover{text-decoration:underline;}
</style><div class="sektimlikebox" style=""><div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=URL-Facebook anda disini&width=245&height=330&colorscheme=dark&show_faces=true&border_color=FFFFFF&stream=false&header=false" scrolling="no" frameborder="0" style="background:#FFF; border:none; overflow:hidden; width:245px; height:330px;" allowtransparency="true" ></iframe><span><Script Language='Javascript'>
<!--document.write(unescape('%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%73%65%6B%74%69%6D%2D%61%72%65%61%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%32%2F%30%34%2F%63%61%72%61%2D%6D%65%6D%62%75%61%74%2D%66%61%63%65%62%6F%6F%6B%2D%66%61%6E%73%2D%70%61%67%65%2E%68%74%6D%6C%22%3E%4D%61%75%20%57%69%64%67%65%74%20%49%6E%69%20%43%6C%69%63%6B%20%44%69%73%69%6E%69%3C%2F%61%3E'));//-->
</Script></span></div></div>
...:: Sektim-Area ::...
Blogger
- Tutorial Cara Membuat Animasi Loading Page Blog dengan jQuery
- Ayo Pasang Meta Tag SEO Super Lengkap!
- Tips Menyembunyikan Chat Box (Buku Tamu) dengan Animasi jQuery
- Trik Membuat Navigasi Breadcrumb Terindex Google
- Tutorial Membuat Tombol Navigasi Halaman Blogger
- Tutorial Cara Menambahkan Gambar I Love Indonesia ke Web/Blog
- Cara Membuat Daftar Isi di dalam Spoiler (Script)
- Tips SEO ala Sektim
- Tampilan Baru Blogger - 7 Template Official Dynamic Views Blogger
- Tutorial Cara Membuat Buku Tamu (ShoutBox) Terbuka Otomatis Tanpa Diklik
- Tutorial Cara Menambahkan Tombol/Script Google +1 di Blogsite
- Tutorial Cara Membuat Widget/Tombol Share via Facebook pada Blog
- Script/Cara Membuat Widget Twitter Follow Us/Facebook Melayang di Blogsite
- Menambahkan Script Share This Post di Blogsite
- Kumpulan Gadget untuk Mempercantik Blogsite Kamu
Tips n Trik
- Download Facebook Chat Messenger Untuk Windows
- Trik Cara Menghapus Facebook Timeline (Mengembalikan Tampilan Facebook yang Dulu/Lama)
- Tutorial Cara Membuat Animasi Loading Page Blog dengan jQuery
- [AntiDeepFreeze 0.4] Tutorial Cara Menjebol/Bypass Deep Freeze 4, 5, 6 dan 7
- Tips Cara Menghapus Browsing History Google
- Ayo Pasang Meta Tag SEO Super Lengkap!
- Kenapa Harus Fans Page Facebook?
- Tips Menyembunyikan Chat Box (Buku Tamu) dengan Animasi jQuery
- Tutorial Cara Install Modem SmartFren ac682 di Linux Ubuntu
- Tutorial Cara Install Modem SmartFren ce682 di Linux Ubuntu
- 20 Tips Sukses Belajar Pemrograman
- Trik Menaikkan Alexa Page Rank dengan Mudah
- Trik Membuat Navigasi Breadcrumb Terindex Google
- Tutorial Membuat Tombol Navigasi Halaman Blogger
- Kumpulan Facebook Chat Emoticon Lengkap + Extra
- Tutorial Cara Install Super Boot Manager di Ubuntu
- Tips Mempercantik GRUB Dengan BURG di Ubuntu
- Tutorial Cara Mengatasi Masalah Bad Sector Harddisk
- Tips Cara Mengedit Halaman Web Sebelum Dicetak (Print)
- Tips Melindungi Akun Facebook Anda dari Hacker
- Cara Praktis Terbaru Memasang Kotak Komentar di Blog
Facebook
- Download Facebook Chat Messenger Untuk Windows
- Trik Cara Menghapus Facebook Timeline (Mengembalikan Tampilan Facebook yang Dulu/Lama)
- Kenapa Harus Fans Page Facebook?
- Kumpulan Facebook Chat Emoticon Lengkap + Extra
- Tips Melindungi Akun Facebook Anda dari Hacker
- Cara Praktis Terbaru Memasang Kotak Komentar di Blog
- Cara Membuat Facebook Page dan Memasang Like Box di Blogspot
- Facebook dan Twitter di Desktop Dengan FlipToast
- Facebook Photo Zoom
- Pokki - Aplikasi Web Praktis All in One
- 15 Tipe Pengguna Facebook
- Tutorial Cara Mendapatkan email @facebook.com
- Tutorial Cara Membuat Widget/Tombol Share via Facebook pada Blog
- Tutorial Cara Mengganti Tema Facebook
- fTalk - Facebook Chat Client Terbaik dan Ringan Untuk Anda