Cara membuat LikeBox dan widget Follower Bersembunyi

Sudah lama tidak bergulat di dunia Blog nih :-D . nah mumpung di bulan Ramadhan yang Penuh berkah ini, saya akan coba memberikan sedikit tutorial Membuat LikeBox dan Widget Follower bersembunyi (lagi maen tak umpet kaleee :-P). Kalo kalian pingin tau seperti apa wujudnya? yaa ada tuh di Pojok Kanan Bawah di Layar Monitor anda :-). udah tau kan? Pengen kayak gitu? 0:) Yaudah yuu capcuss (maaf agak ngondek :-P) dan Jeng jeng .. ini dia tutorial nya ;-)


1. Langkah Pertama
Login ke Blogger dengan akun Google anda (inget jan pake punya orang yaahh :-P) sudaah??


2. Langkah Kedua
Jika di sudah berada di Menu Dashboard, Pilih/Klik Design yang ada dideretan menu blog..

screenshoot:

3. Langkah Ketiga
Lalu klik/ Pilih Add Gadget untuk menambahkan Widget ini ..

screenshoot:

4. Langkah Keempat
Pilih HTML/Javascript, Klik pada (+) yng telah diberi tanda Lingkaran

screenshoot:

5. Langkah Kelima
Isi Kolom konten HTML/JavaScript - nya, dengan kode dibawah ini:

<script src="http://andreykusanagi.googlecode.com/files/pop-up.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url(&quot;http://www.scri8e.com/white.gif&quot;) repeat scroll 0% 0% transparent;-moz-border-radius: 15px 15px 15px 15px; border: 3px solid rgb(255, 51, 0); display: block;"><div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;"><a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 2px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Keluar</a><strong style="color: rgb(0, 0, 0);">Jangan lupa Like dan Follow yah :-)</strong><br/>
<a href="https://twitter.com/AthoSoft" title="athosoft blog" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @AthoSoft®</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Blog-AthoSoft/239998359452096&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=212&amp;appId=128536653899046" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:212px;" allowtransparency="true"></iframe></div></div>

screenshoot:

Setelah Selesai Klik Save

Nah, udah ngikutin semua Langkah diatas? gampang kok ... :-)

Oiya,
Tulisan yang di Highlight Warna Merah: Ganti Dengan Alamat Twitter Sobat :-)
Tulisan yang di Highlight Warna Hijau: Ganti dengan Username Kalian contoh: Follow @Username_Anda
Tulisan yang di Highlight Warna Kuning: Ganti Dengan Alamat Fanspage Facebook Kalian
Tulisan yang di Highlight warna Ungu: adalah kode warna untuk Border nya anda bisa dapatkan disini
Tulisan yang di Highlight warna Biru: adalah jenis Bordernya; contoh: double, groove, solid, dashed, dotted 

dan Ingat, Kegagalan memang Menyakitkan, tetapi akan lebih Menyakitkan lagi kalau kita belum Mencoba. dan Lebih baik Hampir Gagal daripada Hampir Sukses

Selamat Mencoba !!! :-) | Ingin Tukar link di Blog ini? Klik disini