Cara Pasang Facabook Dan Twitter Melayang Terbaru 2017


Facebook dan twitter merupakan sosial media yang sangat berpengaruh terhadap sebuah situs atau untuk mememasarkan produk,semakin banyak followers subuah situs atau organisasi Ataupun juga perorangan maka semakin tinggi juga pipularitas yang di dapat.
Karna atau follower di facebook atau di twitter secara otomatis ketika kita posting sesuatu di media itu maka follower kita akan mendapatkan nontivikasi dari postingan kita.

Nah kali ini saya akan memposting artikel cara pasang facebook dan twitter di blog dengan efek melayang,jadi ketika ada visitor yang yang mengunjungi blog kita secara otomatis akan menampilkan like box facebook dan twitter kita dengan begitu kemungkinan di klik atau di Follow juga akan semakin tinggi hehe.

Ok langsung saja berikut ini caranya


  • Masuk ke blogger 
  • Pilih layout 
  • Tambahan widget ( pastikan widget nya di tambahkan di tampilan halaman utama jadi widget ini bisa tampil di versi mobile maupun destop.
  • Lalu pilih HTML/JavaScript
  • Untuk judul kosongkan saja.
  • Terakhir simpan kode berikutnya 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">Tulisan atau Pesan</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=
https://www.facebook.com/username pansfage facebook/
ref=hl&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" 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&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=_username twitter&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">

KETERANGAN :


  1. Ganti tulisan atau pesan yang mau di sampaikan
  2. Ganti username dengan username fanpage anda 
  3. Ganti dengan username twitter anda. 
Lalu simpan.
Selesai... Selamat mencoba 

blog views
Reactions:
Donate via PayPal

You Might Also Like:

ADD A COMMENT WITH YOUR FACEBOOK PLEASE WAIT FOR FACEBOOK COMMENT WILL SOON OPEN

ADD A COMMENT WITH DISQUS HIDE COMMENT

Disqus Comments

ADD A COMMENT WITH GOOGLE PLUS HIDE COMMENT

google Comments

Hello, how may we help you? Just send us a message now to get assistance.

Facebook Messenger ×