Tutorial Membuat Like Fanspage FB dan Follow Twitter Melayang pada Web/Blog Terbaru Tahun 2017

Welcome to Mata Air Ilmu | Center of Excellence

Tips dan Trik - Terima kasih buat sobat semua yang telah berkunjung pada Web yang sederhana ini, kali ini saya menulis artikel yang berjudul Tutorial Membuat Like Fanspage FB dan Follow Twitter Melayang pada Web/Blog Terbaru Tahun 2017. Fanspage terbang melayang ini lebih ringan dan sangat bermanfaat demi kemajuan sebuah Web/Blog, tentu penampilan Web/Blog kita akan lebih menarik. Contoh silahkan sobat gambar di bawah ini.

Mata Air Ilmu

Tutorial pemasangannya :

1. Login ke Web/Blog anda

2. Pilih menu Tata Letak

3. Kemudian Tambahkan Gadget dan Pilih HTML/Java Script

4. Langsung copy 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: #15f3ff;
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: #2015ff ;
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">Semoga Bermanfaat-Please Like & Share</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/MataAirIlmuCenterOfExcellence/&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=Anderta&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>

</div>

5. Di pastekan dan disimpan

6. Semoga berhasil dan Sukses

Keterangan : 
Yang berwarna Hijau: Ganti dengan kata-kata yang sobat inginkan
Yang berwarna Merah: Ganti dengan alamat fans page facebook anda

Yang berwarna Biru: Ganti dengan nama Twitter anda

Sumber: duniaafta.blogspot.co.id

Thanks You For Visiting | Semoga Bermanfaat

Share on Google Plus

About Mata Air Ilmu

Satrio Utama Nopenri (Rio Anderta)
Kontak:
FB: https://www.facebook.com/RioAnderta
Twitter: @Anderta
Instagram: rioanderta
Email: rioanderta90@gmail.com