Saturday, June 29, 2013

Cara Pasang Fans Page Facebook Auto-hide

Selamat Pagi Sobat Gitsu....
Kali ini saya akan berbagi trik seputar Blog nich gan...
Tapi bagi yang sudah tau di abaikan saja....hehe..;p
Bagi yg belum tahu silahkan di simak....:)

Cara pasang menu ini tidaklah sulit gan...
Tinggal Menambahkan Wigget baru di settingan blog agan...CEkidot...

Sebelumnya Anda Harus Memenuhi Syarat Berikut:
  1.  Anda harus mempunyai Akun Facebook
  2. Anda juga harus punya sebuah Halaman facebook/Fans Page Facebook (Cara Mebuat Bagi yang Belum Bisa)


Apa bila Anda sudah memiliki  syarat-syarat di atas,langsung saja ikuti langkah-langkah bagaimana Cara Pasang Fans Page Facebook Auto-hide di bawah ini:

Terdapat 2 Cara Memasang Fans Page Facebook Tersembunyi:

Cara Pertama:
  1. Masuk Akun Blog Anda;
  2. Masuk Elemen Template, lalu pilih Edit Widget, Selanjutnya Centang Expand Template Widget (Jika Tidak ada Langsung Masuk Saja Ke HTMLnya yang mau di edit)
  3. Cari kode <head> (tempat paling atas Cari dgn klik tombol F3), lalu copylah kode script dibwah ini tepat persis di atas kode <head> tadi;

    <script scr='https:ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  4. Simpan Temlpate yang sudah anda edit tadi.
NB: 
Apabila template anda sudah menyediakan kode script diatas, abaikan saja. Artinya anda tidak perlu memasukkan lagi kode script di atas ke dalam templae blog anda. Selanjutnya ikuti cara Kedua.

Cara Kedua: 
  1. Apabila cara di atas sudah selesai, maka masuklah ke Elemen Tata Letak, pilih Add Widegt/Tambah Gedget;
  2. Lalu pilih HTML/javascript;
  3. Selanjutnya copy kode script dibawah ini ke dalam Widget/Gedget baru yang anda tambahkan tadi;
    <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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIOZCGL4J3D9aViaRcKgz54JEtFmeh4sUlmI6YcM4yFp0zbzIy275xYJI4gUIx0ScvZBvt7xuUQsD2lXd3tBRBZ-0852yP6WgQWEbGlf643icaUhvI-MxjFNK919-DUdvcuXyVpt6J-3U/s1600/fans-page-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=https://www.facebook.com/pages/Gitsu.Family/215303538614172&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://bos-tutorial.blogspot.com/2013/02/cara-memasang-fans-page-facebook.html">Get Widget Here</a></span></div></div> 

    4.  Simpan Widget/Gedget baru yang anda buat tadi;
    5.  Lalu lihat Hasilnya.....:D

    NB:

No comments:

Call of Duty Black Ops 15th Prestige
Flag Counter
IP