Cara Membuat Likebox Fanspage Melayang di Blog

Hai sob, kali ini saya akan membagikan sebuah Tutorial blogger. Yaitu Cara membuat Likebox di Blog dengan format melayang. Likebox ini sangat bermanfaat bagi Blogger yang mempunyai Fanspage dan Ingin mempunyai banyak Likers. Cara yang satu ini sangat mudah. Tak usah memerlukan kode yang diambil dari facebook, tak usah membuka dan mengedit Template, dan juga bagi sobat yang mempunyai twitter dan ingin dipromosikan di blog. Ini bisa jadi solusi yang hemat tempat karena disertakan juga dalam
Likebox ini. Jadi intinya simple saja membuat Likebox. Oke langsung saja sobat baca nih tutorial step by step dibawah.

1. Pastikan sobat telah memiliki Fanspage Facebook. kalau sobat belum mempunyainya, silahkan Buat DISINI

2. Masuk ke Blogger > Tata Letak > Tambahkan Gadget.

3. Pilih HTML/Javascript

4. Judul dikosongkan, Masukkan kode dibawah ini.

<<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 kami di Facebook juga yah sob</a></center> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/IndonesianSharing/188848471259224;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=AdhamzPratama&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div> <a class='close' href='#'>×</a> </div> "border="1"/> </a>

nb: jika kode tak bisa di copy, caranya

- klik tombol Copy Code

- drag tulisan ke Ms Word.

-Yang berwarna Biru silahkan ganti dengan kata-kata yang sobat kehendaki.

-Yang berwarna Merah silahkan ganti dengan Link Fanspage sobat. Usahakan disertakan dengan ID fanspage sobat ( seperti https://www.facebook.com/IndonesianSharing/188848471259224 )

-Yang berwarna Merah Muda silahkan ganti dengan ID Twitter Sobat.

5. Simpan Gadget, dan lihat hasilnya.

Contoh Likebox yang dipasang di blog ini

Jika ada kesulitan silahkan Berkomentar. Terimakasih, semoga bermanfaat :D

tag: Cara membuat Fanspage melayang di blog, Cara membuat Likebox melayang dengan mudah, Cara mudah membuat likebox dengan twitter melayang, Cara membuat Facebook melayang di blogger, Cara menambahkan gadget Likebox melayang, Tutorial memasang likebox fanspage facebook melayang di blog. Likebox Facebook Melayang, Likebox melayang. Cara membuat Fanspage Facebook.