Cara pasang Widget Fanpage di blogspot

Cara pasang Widget Fanpage di blogspot - widget atau gadget pada sebuah blog akan membuat tampilan blog menjadi lebih indah namun dapat mempengaruhi kecepatan loading blog tersebut. Sebelum gan 'n sis memasang widget fanpage di blogspot atau website ada baiknya mempertimbangkan dahulu untuk kondisi blog gan 'n sis. Apabila sudah yakin, berikut ini cara pasang widget fanpage di blogspot. Contoh tampilan widget yang akan share seperti ini : 

1. Daftar dan buat Fanpage gan 'n sis di Facebook.
2. Login Blogger => Layout => add a Gadget.
3. Pilih HTML/Javascript
4. Copy Codingan berikut : 

<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><a class="murub">Like Jika Berrmanfaat</a></center><center><iframe src="//www.facebook.com/plugins/likebox.php?href=<b>https://www.facebook.com/sopandiiart<i></i></b>?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 --><br/><div class="twitter"><!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=<b>sopandii<i></i></b>&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div><div style="text-align: center;"><a href="<i>http://sopandii.blogspot.com/2015/08/cara-pasang-widget-fanpage-di-blogspot.html</i>" target="_blank">Get This Widget</a></div><a class='close' href='#'>×</a></div>

Ganti url https://www.facebook.com/sopandiiart dengan url fanpage gan 'n sis yang sudah dibuat di langkah pertama.
Ganti ID name=sopandii dengan ID Twitter gan 'n sis.

Klik Save dan lihat tambilan blog gan 'n sis setelah di pasang widget fanpage.

Cukup mudah bukan untuk pasang widget fanpage di blogspot ?  Sekian postingan yang dapat ana sampaikan. Kurang lebihnya mohon dimaafkan :D