Pada pembahasan tentang Tutorial Blog kali ini. Saya akan membahas Bagaimana Cara Membuat Widget Like Fan Page Facebook Melayang di samping Blog. Mungkin tutorial ini sudah banyak yang membahas nya, tapi Saya akan mencoba menulis ulang kembali agar bisa memberikan mamfaat bagi yang belum mengetahui nya terutama bagi yang masih tahap pembelajaran seperti Saya ini dan juga sebagai pelengkap artikel tutorial blog pada Blog Saya ini. Ok, Sob. Cara proses pembuatan nya sangat mudah sekali. Dimana, Anda cukup mengcopy Code yang akan Saya berikan di bawah ini dan pastekan pada Blog Anda. Untuk Langkah- langkah nya, silahkan Anda perhatikan pada berikut ini :1.Silhakan Login ke Blogger.com, kemudian klik Design >> Add Gadget >> pilih HTML/Javascript
2.Kemudian copy paste script widget Like Facebook melayang di bawah ini:
<script src="http://my-blog-droni.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url("http://www.scri8e.com/white.gif") repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 3px solid rgb(54, 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(102, 102, 102); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Exit</a> <strong style="color: rgb(0, 0, 0);"><blink>Jangan lupa klik Like/Suka ya..Biar selalu mendapatkan update terbaru..</blink></strong>
<a href="URL Twitter Anda" title="Nama Akun Twitter Anda" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @Nama Akun Twitter Anda</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>CODE EMBED LIKE FAN PAGE ANDA<span style="font-size: x-small;">widget by : <a href="http://ahmad-roni.blogspot.com/" target="_blank" title="sofilmendo"><b><span style="color: black;">My Blog|D'roni</span></b></a></span></div></div>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url("http://www.scri8e.com/white.gif") repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 3px solid rgb(54, 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(102, 102, 102); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Exit</a> <strong style="color: rgb(0, 0, 0);"><blink>Jangan lupa klik Like/Suka ya..Biar selalu mendapatkan update terbaru..</blink></strong>
<a href="URL Twitter Anda" title="Nama Akun Twitter Anda" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @Nama Akun Twitter Anda</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>CODE EMBED LIKE FAN PAGE ANDA<span style="font-size: x-small;">widget by : <a href="http://ahmad-roni.blogspot.com/" target="_blank" title="sofilmendo"><b><span style="color: black;">My Blog|D'roni</span></b></a></span></div></div>
Note:
* Ganti url yang warna kuning dengan url URL Akun Twitter Anda sendiri.
* Ganti Nama Akun yang berwarna hijau dengan Nama Akun Twitter Anda.
* Masukkan Code Embed Fan Page Facebook Anda pada yang berwarna Merah.
3. Silahkan di Save.
Dengan selesai nya cara pembuatan Widget Like Fan Page Facebook Melayang di samping Blog. Maka dari itu selesai juga Saya untuk berbagi kepada Anda. Sekali lagi Saya ucapkan semoga Tutorial ini bermamfaat untuk Anda. Jika Anda menemukan beberapa kendala, mohon di tanyakan di Kotak Komentar di bawah ini.
