Assalamu'alaykum Wr. Wb.
Bismillahirrohmaanirrohiim
Bismillahirrohmaanirrohiim
Terima kasih buat sobat semua yang telah berkunjung pada blog yang sederhana ini, kali ini saya menulis artikel yang berjudul Cara Membuat Like Facebook (Fans Page) dan Follow Twitter Terbang Melayang pada Blog. Fans page terbang melayang ini lebih ringan dan sangat bermanfaat demi kemajuan sebuah blog, tentu penampilan blog kita akan lebih menarik. Contoh silahkan sobat gambar di bawah ini.
Tutorial pemasangannya :
1. Login ke 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:#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">Semoga Bermanfaat</a></center>
<center><a class="murub">Jangan Lupa LIKE and FOLLOW ^_^</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/MataAirIlmuCenterOfExcellence/593290617349478&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=anderta&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>×</a>
</div>
/* 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">Semoga Bermanfaat</a></center>
<center><a class="murub">Jangan Lupa LIKE and FOLLOW ^_^</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/MataAirIlmuCenterOfExcellence/593290617349478&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=anderta&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>×</a>
</div>
5. Di pastekan dan disimpan
6. Semoga berhasil dan Sukses
Keterangan : yang berwarna hijau : salin dengan alamat fans page facebook anda
yang berwarna biru : salin sesuai keinginan anda
yang berwarna Merah : salin dengan nama Twitter anda
Sumber: jahetbungas.blogspot.com
Sumber: jahetbungas.blogspot.com
info yang bagus...
ReplyDeleteTerima Kasih Sobat
ReplyDeletealhamdulillah.. akhirnya ketemu juga cara membuat fans page melayang diblog, terima kasih sob ilmunya.. bermanfaat banget.. ^^
ReplyDelete@Muhammad Faris Al Fatih, aamiin semoga bermanfaat ^_^
ReplyDelete@wayan Cucubida,,,, Ok gan.
ReplyDeletesiap-siap ke TKP gan...
ReplyDeleteterima kasih atas postingannya...
Ok gan
ReplyDeleteU'r welcome... smg bermafaat aje...!
Thank's broww,
ReplyDeleteDitunggu Folbacknya yah sobat...?
Http://ini-ituaja.blogspot.com/
u're welcome bro,, ^_^
Deletetanks gan, !
ReplyDeletemampir juga ke blog ane : http://ofik-media.blogspot.com
u're welcome bro,, ^_^
DeleteThanks gan, udh ane praktekkan di blog ane.
ReplyDeleteu're welcome bro,, ^_^
DeleteKeren bro.....minta skripnya ya...pengen nyoba di blog ane juga
ReplyDeleteok bro,,, ^_^
Deleteterimah kasih ilmunya gan
ReplyDeletehttp://torascool.blogspot.com/
u're welcome bro,, ^_^
Deletewah, ane ndak berhasil. gmn ya gan?
ReplyDeletedicoba aj lg gan,,
Deletemngkn slh langkhy,,,... :-D
ini yang saya cari-cari, 100 % bekerja, kunjungan balik ya
ReplyDeleteOk (y)
DeleteIni Ga Cocok Sama Template Saya Ya -_-
ReplyDeletehttp://adaadaajaniblog.blogspot.com
mungkin aj gak,,
Deletetp coba dulangi aj langkahny" sapa tau ad yg salah.. maka nya dia gak bs
terimakasih banyak sob sangat membantu sekali..
ReplyDeletekembali kash sobat... happy blogging..
Delete