Membuat Kotak Fan Page Facebook Auto Hide

Cara Membuat Fans page Facebook Di Blog Auto hidden, sudah lama saya tidak mengisi blog infonetmu ini dengan tutorial blog, semenjak ikut kontes SEO dan pekerjaan baru saya di rumah menjadikan kurangnya waktu untuk mengupdate blog ini. karena permintaan dari temen kali ini infonetmu akan memberi tutorial blog secara singkat saja tentang Cara Membuat Fans page Facebook Di Blog Tersembunyi seperti contoh di blog ini.


Cara Membuat Fans page Facebook Di Blog

Nah, gambar diatas adalah kotak facebook fan page dari blog infonetmu yang bisa juga anda lihat keluar dan muncul pada samping kanan blog ini, semoga tidak mengganggu anda, cukup klik exit maka kotak tersebut akan sembunyi di samping kanan.

Langsung saja saya kasih kodenya saja,karena Cara Membuat Fans page Facebook Di Blog Tersembunyi yang auto hidden ini mudah kok,berikut caranya:
Pasang kode jquery ini pada template sobat dan letakkan diatas kode  </head> berikut kodenya gan



<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Setelah kode tersebut terpasang, langkah berikutnya adalah pemasangan kode facebook fanpage pada widget dengan menambahkan gadget.

  1.  Login ke blogger sobat
  2. Silahkan menuju tata letak
  3. Tambah gadget dan pilih html/javascript
  4. Lalu copy dan paste kode berikut
    <script src="http://infonetmu.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script><div id="fbslidebox" style="position: fixed; width: 330px; overflow: hidden; bottom: 20px; right: 10px; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7hYyWMOZnbhba6kmU7WoJasUqQXCpELwG1DvbkeSVh4_LGXJzvzQMC4_ABcQJUDbjfUPoPeE15Xdmpg56AMqEcv5JkmYIwSzijRVaFYPw2vj70h_lskzClsEwg5rV8hqVc0TvY3tnmMQF/s0/bo-bg-html.gif&quot;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid rgb(17, 17, 17); display: block;">
    <div style="width: 320px; padding: 10px; margin: 0pt auto; overflow: hidden;">
    <a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 3px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="http://www.blogger.com/post-create.g?blogID=4155701203275692831#">Exit</a>
    <strong style="color: rgb(102, 173, 61);">Jangan Lupa Klik Like Ya</strong>
    <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FInfonetmu&amp;width=300&amp;height=290&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=ff0000&amp;stream=false&amp;header=true&amp;appId=287998221248983" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe>
    </div></div>


  5. Lalu simpan
Keterangan:
Ganti kode yang berwarna merah dengan kode frame yang kamu dapat saat membuat fanpage facebook, buat yang belum punya kode warna merah tersebut silahkan menuju facebook dan buat fanpage dulu, maka nanti akan diberi kode itu.kamu juga bisa mengatur lebar dan tinggi kotak tersebut dengan menambahkan kode css seperti pada yang berwarna kuning diatas.

Demikian Cara Membuat Fans page Facebook Di Blog Auto Hidden semoga bermanfaat.

1 komentar :

Seorang blogger sejatinya selalu memberikan komentar yang terbaik serta membangun,terima kasih sobat atas kunjunganya.Sukses Selalu Blogger Indonesia