0 Membuat Fanspage Facebook di Blog Auto Hiden

Samsoekoe - Lagi - lagi asap putih yang selau ane hisap dan segelas kopi yang menemani dalam postingan ini membuat nyman dalam segala hal. Dan akan mengangkat sebuah pengetahuan untuk agan - agan yang masih awam dalam dunia blog. Agan - agan pasti sudah tahu tentang fanspage donk. Ini adalah halaman dari facebook untuk meambah kesukaan di halamanya. Berikut ini ane akan memberikan sedikitnya tentang widget yang bisa di taruh di blog.

Langsung saja bagaimana caranya kuq bisa ya....

disini ane akan memberikan langkah - langahnya, mohon disimak ya..

Pertama mari kita masuk ke Dasbor blog kita. Kemudian masuk di TEMPLATE dan klik EDIT HTML kemudian jangan lupa EXPAND WIDGET TEMPLATE.

Selanjutnya cari kode </head>, dan copas kode jequery di bawah ini diatas kode </head>, biar lebih cepat pencarian silahkan menggunakan ( ctrl + f  )

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

Setelah kode tersebut terpasang dan di save, kemudian pemasangan kode facebook fanspage pada widget dengan menambahkan gadget.

Kemudian silahkan menuju TATA LETAK dan TAMBAH GADGET kemudian pilih HTML/JAVASCRIPT, lalu copas kode dibawah ini.

<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/AVvXsEhn8P4UGiWlUSY893L3GwLRaYFiR6cuvUqVXEFa211prt0eir6lJXkAWa4Zu6h5AY1NGBIwdcFAr2_srKkHGOgJTnX6EP4J8ELAh0jeRR16zPVRwgP50aB52w3pzSyt0M4SjETf5YklaAz0/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>

Lagkah selanjutnya bisa disave deghh..

*Keterangan:

Ganti kode yang berwarna kuning dengan kode frame yang agan dapet saat membuat fanspage facebook. Bagi agan tang belum punya kode berwarna kuning itu silahkan membuat kode fanspage terlebih dahulu. Dan kiga agan ingin mengatur lebar dan tinggi kotak tersebut dengan menambahkan kode css seperti ini 320px; dan ganti ukuran selera agan semua.

Demoga sedikit tulisan ane bisa memacu semangat agan - agan yang ingin sekali terjun didunia BLOGGER,  semoga sukses dan salam samsoekoe.