Cara Memasang Like Box Facebook Melayang Di Blogger

Pagi Sobat Blog, lama udah gak update poststingan ne, pagi ini saya ingin berbagi tentang Cara Memasang Like Box Facebook Melayang Di BloggerMembuat Like Box (FanPage) facebook merupakan cara jitu promosi blog dari sosial media. Cara ini terbukti dapat meraup banyak pengunjung suatu blog dalam waktu singkat. Kemudian Bagaimana penempatan Like Box (FanPage) yang tepat? Kebanyakan sobat blogger pastinya pusing dengan penempatan widget dan gadget anda, apalagi Like Box (FanPage) Facebook ini memerlukan space yang besar. Sebagai solusinya kita bisa membuat Like Box (FanPage) Facebook ini melayang pada Blog kita.

Langkah-Langkah Memasang Like Bok Facebook Melayang Di Blog :
1. Login Ke Blogger
2. Masuk Ke Tata Letak
3. Tambah Gadget dan Pilih HTML/Javascript
4. Copy Scrip Berikut dan Pastekan ke dalam Gadget yang baru tadi.
[code type="CSS"]<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"> $(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" href="https://www.blogger.com/null">Bantu Likenya Donk !!!</a></center> <center> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/BandiShippudenBlogs&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" style="border: none; height: 258px; overflow: hidden; width: 292px;"></iframe> </center> <!-- HTML End --> <div class="twitter"> <!-- Twitter --> <iframe class="twitterx-follow-button" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=bandishippuden&amp;show_count=&amp; show_screen_name=&amp;text_color=" style="height: 20px; width: 250px;" title=""></iframe> </div> <a class="close" href="#">×</a> </div>[/code] 5. Perhatikan Pada bagian Line Number 68, rubah tulisan :
[code]https://www.facebook.com/pages/Jasa-Setting-Warnet-Mikrotik-Dan-Squid-Proxy/191471514285961[/code] ganti dengan alamat fun page milik sobat.
6. Perhatikan Pada Line Number 74, Cari tulisan :
[code]screen_name=bandishippuden[/code] Rubah dengan nama twitter sobat.
7. Ketika Semua Selesai Klik Save dan lihat hasilnya.
Nah itu dia share saya pagi ini, semoga bisa menambah wawasan dan pengetahuan sobat blog.

Pagi Sobat Blog, lama udah gak update poststingan ne, pagi ini saya ingin berbagi tentang Cara Memasang Like Box Facebook Melayang Di Blogger. Membuat Like Box (FanPage) facebook merupakan cara jitu promosi blog dari sosial media.

Label:
Reaksi:

Posting Komentar

[blogger][facebook][disqus]

Bandi Shippuden

{facebook#https://facebook.com/mr.bandishippuden} {twitter#https://twitter.com/@bandishippuden} {google-plus#https://plus.google.com/u/0/+BandiShippuden} {pinterest#https://id.pinterest.com/bandishippuden/} {youtube#https://www.youtube.com/channel/UCz2pE2KCvbhk8oT4fImFR1A} {instagram#https://www.instagram.com/bandi_shippuden/}

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget