Cara Membuat Fanpage Like Box Generator

Sebelumnya saya telah posting Fanpage melayang di blog. Menurut saya apabila Fanpage Like Box  selalu muncul otomatis ketika pengunjung memb...

Sebelumnya saya telah posting Fanpage melayang di blog. Menurut saya apabila Fanpage Like Box  selalu muncul otomatis ketika pengunjung membaca article kita. Hal tersebut akan mengganggu pengunjung karena harus close fan page like box. Oleh karena itu saya membuat tutorial Cara Membuat Fanpage Like Box Generator. Hal ini tidak akan mengganggu pengunjung karena tampilannya berada di sebelah kanan blog dan bergerak secara generator bila di klik oleh pengunjung. Susah jelasinnya, Langsung aja pasang di blog sobat dan ikuti langkah-langkah berikut ini :

Masuk Ke Blogger.com, Selanjutnya Pilih Template dan Klik Edit HTML
Langkah selanjutnya Cari Kode </head>
Kemudian simpan kode di bawah ini tepat di atas kode </head> tersebut

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

Klik simpan Template

Catatan : Jika blog sobat sudah terpasang jQuery plugin maka abaikan langkah ini dan langsung menuju langkah berikutnya.

Pilih Layout atau Tata Letak dan Klik Add New Gadge

Selanjutnya pilih HTML Javascript dan copy paste salah satu script code di bawah ini pada kotak HTML Javascript tersebut. 

<!-- Netoops Blog Facebook Widget Start -->
<script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script>
<style type="text/css">
    .noopslikebox{background: url("http://2.bp.blogspot.com/-V9m2YyhmdGA/T0jC3jmhDlI/AAAAAAAAAJo/K67FFQge82Q/s1600/facebook_static+button-standard-netoopsblog.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 42px;width: 245px;z-index: 9999999;position:fixed;right:-250px;top:20%;}.noopslikebox div{border:none;position:relative;display:block;}.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}.noopslikebox span a{color: gray;text-decoration:none;}.noopslikebox span a:hover{text-decoration:underline;}
</style>
<div class="noopslikebox">
    <div>
        <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/muhammadiqbalBlog&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;">
        </iframe>
    </div>
    <a href='http://masdabang.blogspot.com'><img src='http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png'/></a>
</div>
<!--NetOops Blog Widgets@Masdabang.blogspot.com -->
<!-- NetOops Blog Facebook Widget End -->

<!-- Netoops Blog Facebook Widget Start --><script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script><style type="text/css">.noopslikebox{background: url("http://2.bp.blogspot.com/-U-Tqo1012zI/T0jC4dNlCSI/AAAAAAAAAJw/-U96ZzZhrp4/s1600/facebook_static+button2-netoopsblog.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 42px;width: 245px;z-index: 9999999;position:fixed;right:-250px;top:20%;}.noopslikebox div{border:none;position:relative;display:block;}.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}.noopslikebox span a{color: gray;text-decoration:none;}.noopslikebox span a:hover{text-decoration:underline;}</style><div class="noopslikebox"><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/muhammadiqbalBlog&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div><a href='http://masdabang.blogspot.com'><img src='http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png'/></a></div><!--NetOops Blog Widgets@masdabang.blogspot.com --><!-- NetOops Blog Facebook Widget End -->

<!-- Netoops Blog Facebook Widget Start --><script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script><style type="text/css">.noopslikebox{background: url("http://4.bp.blogspot.com/-zNRniWJphn8/T0jC5KwXwhI/AAAAAAAAAJ4/YFJcNdk9LzU/s1600/facebook_static+button3-netoopsblog.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 42px;width: 245px;z-index: 9999999;position:fixed;right:-250px;top:20%;}.noopslikebox div{border:none;position:relative;display:block;}.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}.noopslikebox span a{color: gray;text-decoration:none;}.noopslikebox span a:hover{text-decoration:underline;}</style><div class="noopslikebox"><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/muhammadiqbalBlog&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div><a href='http://masdabang.blogspot.com'><img src='http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png'/></a></div><!--NetOops Blog Widgets@masdabang.blogspot.com --><!-- NetOops Blog Facebook Widget End -->

<!-- Netoops Blog Facebook Widget Start --><script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script><style type="text/css">.noopslikebox{background: url("http://3.bp.blogspot.com/--YMTRGpGgko/T0jC5zdicwI/AAAAAAAAAJ8/7eE40O9rc1Q/s1600/fb_static+button.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 42px;width: 245px;z-index: 9999999;position:fixed;right:-250px;top:20%;}.noopslikebox div{border:none;position:relative;display:block;}.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}.noopslikebox span a{color: gray;text-decoration:none;}.noopslikebox span a:hover{text-decoration:underline;}</style><div class="noopslikebox"><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/muhammadiqbalBlog&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div><a href='http://masdabang.blogspot.com'><img src='http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png'/></a></div><!--NetOops Blog Widgets@masdabang.blogspot.com --><!-- NetOops Blog Facebook Widget End -->

Terakhir klik save dan Fanpage Like Box Generator telah terpasang di blog sobat. Sekian dulu postingan tentang Cara Membuat Fanpage Like Box Generator.