Widget like fanspage facebook melayang saat ini adalah yang paling banyak di pasang pada blog-blog dan jarang meletakkan widget like fanspage facebook di sidebar, karena dengan meletakkan widget like fanspage facebook melayang di blog agan akan mempersimple tampilan blog Anda dan tentunya tidak memakan ruang di Blog Anda.
Apakah penting harus memasang widget like fanspage facebook melayang di Blog ?
Tidak juga, Anda bisa memasang widget like fanspage facebook di blog Anda dengan tampilan melayang saat di buka ataupun bisa memilih widget like fanspage facebook yang di letakkan di sidebar atau di tempat lain pada Blog Anda yang di rasa pantas untuk di pasangi widget like fanspage facebook tersebut.
Lalu bagaimana cara memasang widget like fanspage facebook melayang pada Blog ?
Memasang widget like fanspage facebook melayang di blog sangatlah mudah untuk penerapannya, hanya dengan menambahkan scrip ke dalam widget Blog Anda. Silahkan di simak dengan baik tutorial saya tentang Cara memasang Widget like fanspage Facebook melayang di blog dengan mudah tanpa ribet.
1. Login ke dalam Dashboard Blogger Kamu.
Setelah berada di Dashboard Blog, pilih "Tata letak".
4. Letakkan Scrip di bawah ke dalam kotak konten.
Copy+Paste Scrip di bawah ke dalam konten gadget Blog Anda. Lihat gambar agar lebih jelas, dan jika sudah ganti tulisan https://www.facebook.com/urlpagekamudisini dengan tulisan Url Link like Fanspage facebook kamu. Dan klik "simpan".
<style type='text/css'> /* Message Box */ #box-message { position:fixed !important; position:absolute; top:-1000px; left:50%; margin:0px 0px 0px -182px; width:300px; height:auto; padding:16px; background:#fff; font:normal Dosis, Georgia, Serif; color:#111; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } #box-message a.close { position:absolute; top:-10px; right:-10px; background:#fff; font:bold 16px Arial, Sans-Serif; text-decoration:none; line-height:22px; width:22px; text-align:center; color:#111; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; cursor:pointer; } #twitterx { background: #EEF9FD; padding: 10px; text-align:center; border: 1px solid #C7DBE2; border-top: 0; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type='text/javascript'> $(window).bind("load", function() { // Animate Top Value When Page Loaded Completed $('#box-message').animate({top:"50px"}, 1000); // Remove Mailbox When Close Button On Click $('a.close').click(function() { $(this).parent().fadeOut(); return false; }); }); </script> <div id='box-message'> <!-- HTML Start --> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/urlpagekamudisini?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe> </center> <!-- HTML End --> <a class='close' href='#'>×</a> </div>
Sekarang lihat hasilnya, mudah bukan cara memasang widget like fanspage facebook melayang di Blog, hasilnya pun juga keren.
Nah, jika Anda masih bingung dengan cara membuat widget like fanspage facebook melayang di blog pada tutorial di atas, silahkan tanyakan dengan cara memberikan komentar Anda di bawah Artikel ini. Terimakasih.
Tags. Cara mudah memasang widget Like Fanspage facebook melayang Di Blog
bagus sebenarnya tapi kadang menggangu pengunjung yang datang
ReplyDeleteiya nih gan,, tiap kali refres muncul lagi walaupun pengunjung tersebut udah ngasih like
Deletewah mudah ya cara prakteknya hihi :D
ReplyDeletesilahkan di terapkan gan klo mau pake cara ini
Delete