Cara Memasang Like Box Fanspage Facebook Melayang di Blog ~ NEWBIE SEASON

Sunday, July 17, 2016

Sunday, July 17, 2016TSunday, July 17, 2016

Cara Memasang Like Box Fanspage Facebook Melayang di Blog

Author: Unknown | Sunday, July 17, 2016 | No Comments |

Fanspage facebook atau halaman facebook adalah salah satu cara gratis yang dapat kita gunakan untuk mempopulerkan blog yang kita kelola dan agar halaman facebook tersebut berfungsi secara efektif tentu saja sebuah halaman fanspage facebook harus mendapatkan banyak like dan pengikut terlebih dahulu. Salah satu cara untuk mendapatkan banyak like atau pengikut adalah dengan cara memasang fanspage tersebut di blog. Berikut ini adalah langkah-langkah untuk membuat kotak widget like fanspage facebook beserta twitter melayang di blog.

Untuk dapat memasang fanspage facebook tentu saja anda harus memiliki akun facebook terlebih dahulu. Untuk cara pasang likebox fanspage facebook silahkan ikuti terus panduan pada artikel ini.

Cara Pasang Fanspage Facebook

Silahkan masuk ke facebook sobat terlebih dahulu kemudian klik link berikut

https://www.facebook.com/pages/create.php.

Pilih salah satu yang paling menggambarkan tema bisnis atau group anda, Lalu klik Memulai.

Selanjutnya akan muncul tampilan form seperti di bawa ini, Anda selesaikan semua langkahnya atau bisa juga di skip.

Setelah anda menyelesaikan form di atas maka hasilnya akan seperti gambar di bawah ini.

Sampai disini, artinya pembuatan sebuah fanpage udah selesai dengan alamat URL

https://www.facebook.com/newbiseason/

Salah satu cara efektif, mungkin dengan cara pasang Fanpage kita di Blog, untuk fitur ini di namakan LIKE BOX. Jadi pengunjung blog bisa melakukan LIKE dari Like Box yang di pasang di blog milik sobat.

Cara Pasang Widget Like Box Facebook Melayang di Blog

Silahkan login ke dashboard blogger kemudian pilih Layout atau Tata letak & klik Tambahkan Widget dan cari widget Html/Java Script

Paste kode script di bawah 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'>



<center><a class="murub">Silahkan klik LIKE untuk melanjutkan</a></center>

<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=

https://www.facebook.com/newbiseason/

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>



<br/>

<div class="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=_Guggieseason&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>

<div style="text-align: center;">

<a href="http://newbie-season.blogspot.co.id/" target="_blank">Get This Widget</a></div>

<a class='close' href='#'>×</a>

</div>

Silahkan Ganti Tulisan ini!
(Edit nya hati hati , jangan sampai ada kode yang kehapus)

Yang Berwarana Hijau : Tulisan atau pesan nya
Yang Warna Merah : Url Fanspage nya ( misalnya https://www.facebook.com/newbiseason/)
Yang warna Biru : username Twitternya ( misal @_Guggieseason maka tulis menjadi _Guggieseason)

Setelah itu klik Save. Maka hasil nya seperti gambar di bawah ini.

Demikian artikel singkat Cara Memasang Like Box Fanspage Facebook Melayang di Blog. Semoga artikel ini bermanfaat bagi Anda semua.

SEO

Sunday, July 17, 2016

Cara Memasang Like Box Fanspage Facebook Melayang di Blog

0 komentar:

Post a Comment

Popular Posts

Categories

About Me