Oke Kali Ini Syarip Van Delay Akan Membahas Tentang:
Cara Membuat
Widget Fan Page Facebook Auto Hide di Blog bisa membantu
kawan-kawan blogger untuk menambah space / ruang pada template blog.
Sehingga space yang kosong bisa anda gunakan tempat iklan atau yang
lainnya. Kenapa demikian ? karena Fan Page Facebook tersebut bisa muncul
atau sembunyi lalu muncul kembali.
Penempatan Widget Fan Page Facebook Auto Hide di Blog tepat
berada di pojok kanan bawah pada halaman blog kita. Widget Fan Page
Facebook Auto Hide di Blog Muncul ketika mouse diarahkan ke bawah
atau ke atas halaman. Heheheh, Atas Bawah... apa dia malu yah ampe
muncul dan tidak muncul heheheh.
Untuk mempersingkat, inilah Cara Membuat Widget Fan Page Facebook
Auto Hide di Blog.
1. agan blogger silahkan Login Ke Dashbor Anda
2. Silahkan Agan Menuju > EDIT HTML > CENTANG EXPLAND WIDGET
Cari Kode <body> Untuk Mempermudah Mencarinya Silahkan Agan Menggunakan
CTRL+F
3. Masukkan Kode Dibawah Ini Tepat Dibawah Kode <body> :
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
4. Nah Untuk Bagian Empat Ini Gunanya Biar Fans Page nya Auto/hide
Silahkan Agan Menuju TATA/LETAK
Lalu Pilih HTML/JAVA Copy/paste kode berikut:
<script src="http://ojel88.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: #fff;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 5px ridge #80ff00; display: block;">
<div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: #000; padding: 0pt 2px; border: 1px solid #000; text-decoration: none; font-size: 10px; font-family: Verdana" href="#">Exit</a>
<strong style="color:#000;">Silahkan Anda Like/Suka</strong>
Silahkan Letakkan Kode /Script Fan Page Facebook Anda disini</div></div>
Catatan :
- Untuk yang berwarna biru silahkan anda ganti kata-kata yang anda inginkan.
- Untuk yang berwarna merah Silahkan Letakkan Kode /Script Fan Page Facebook
5. Nih Syarip Van Delay Bagi" Kode Buat Fans Page nya , Biar agan gk usah repot buat nya segala
Nih Kodenya :
<div class="fb-like-box" data-href="http://www.facebook.com/pages/Tips-Trick-Sarip/142976292479706?ref=tn_tnmn" data-width="292" data-height="250" data-colorscheme="dark" data-show-faces="true" data-stream="true" data-header="true"></div>Nb: untuk bertanda MERAH Silahkan Agan Masukkan Url Fans Page FB Agan ..
Untuk Bertanda Biru Silahkan Agan Atur Lebar/Tinggi Nya Sesuai Keinginan agan BLOGGER
6. Simpan dan Lihat Hasilnya
Nah Mudah Bukan . Capek Juga ya Nulisnya huh...huh
Tapi gk papa lah Yang Menting Sobat BLOGGER Sudah Mengerti..
Sebagai Imbalanya Silahkan Berikan KOMENTAR Anda Disini
Ditulis Oleh : SyariĪ ~ Tips dan Trik Blogspot
Sobat sedang membaca artikel tentang Cara Membuat Widget Fan Page Facebook Auto Hide di Blog. TuTorial Ku UnTuK Mu™ Memperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
wah mantab gan posting tutorialnya, kalo di blog ini contoh widget fan pagenya dimana ya sob.... salam kenal :b:
BalasHapus@adsloko: Terima Kasih Adsloko Sudah Mau Berkunjung,
BalasHapusKalo Di Blog Ini Fans Page Nya Bisa Lihat Di Sebelah Kiri Blog Nanti Akan Muncul Dan Hilang , Hehehe ^_^d
Salam Kenal Juga..!
cara ini bisa untuk iklan tidak gan?
BalasHapus@ISKANDAR : tentu bisa Untuk memasang iklan, Silahkan di coba :)
BalasHapus