Cara Membuat Like Facebook (Fans Page) dan Follow Twitter Terbang Melayang pada Blog


Welcome to Mata Air Ilmu | Center of Excellence



Assalamu'alaykum Wr. Wb.
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.

Cara Membuat Like Facebook (Fans Page) dan Follow Twitter Terbang Melayang pada Blog


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&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 : 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
Thanks You For Visiting | Semoga Bermanfaat
Share on Google Plus

About Unknown

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

25 comments:

  1. alhamdulillah.. akhirnya ketemu juga cara membuat fans page melayang diblog, terima kasih sob ilmunya.. bermanfaat banget.. ^^

    ReplyDelete
  2. @Muhammad Faris Al Fatih, aamiin semoga bermanfaat ^_^

    ReplyDelete
  3. siap-siap ke TKP gan...
    terima kasih atas postingannya...

    ReplyDelete
  4. Ok gan
    U'r welcome... smg bermafaat aje...!

    ReplyDelete
  5. Thank's broww,

    Ditunggu Folbacknya yah sobat...?
    Http://ini-ituaja.blogspot.com/

    ReplyDelete
  6. tanks gan, !

    mampir juga ke blog ane : http://ofik-media.blogspot.com

    ReplyDelete
  7. Thanks gan, udh ane praktekkan di blog ane.

    ReplyDelete
  8. Keren bro.....minta skripnya ya...pengen nyoba di blog ane juga

    ReplyDelete
  9. terimah kasih ilmunya gan
    http://torascool.blogspot.com/

    ReplyDelete
  10. wah, ane ndak berhasil. gmn ya gan?

    ReplyDelete
    Replies
    1. dicoba aj lg gan,,
      mngkn slh langkhy,,,... :-D

      Delete
  11. ini yang saya cari-cari, 100 % bekerja, kunjungan balik ya

    ReplyDelete
  12. Ini Ga Cocok Sama Template Saya Ya -_-
    http://adaadaajaniblog.blogspot.com

    ReplyDelete
    Replies
    1. mungkin aj gak,,
      tp coba dulangi aj langkahny" sapa tau ad yg salah.. maka nya dia gak bs

      Delete
  13. terimakasih banyak sob sangat membantu sekali..

    ReplyDelete