Friday, May 31, 2013

Cara Membuat Like FansPage Melayang Di Tengah


Selamat siang menjelang sore sobat blogger,,
Berhubung kerjaan saya tidak terlalu padat maka saya akan berbagi dengan sobat tentang Trik Ngeblog lagi,,,gimana sobat setuju kan??? heheheh....

Sobat blogger sebelum saya jabarkan lebih jelas lagi tentang trik ngeblog, alangkah lebih baik lagi kalau sobat blogger isi Buku Tamu dulu di sebelah kiri atas.Selain itu saya selaku admin minta tolong buat sobat untuk bantu LIKE FP untuk kemajuan blog ini dan juga sebagai tanda JEJAK sobat.

Kali ini saya mau berbagi "Cara Membuat FansPage Melayang Ditengah Blog ".Mungkin diantara sobat yang masih pemula seperti saya ada yang belum mencobanya atau sobat mau Save dulu itu terserah sobat.

Langkah-langkahnya sbb :

 1.Masuk ke Akun Blog
 2.Pilih Dashbor ===>> Tata Letak ===>> Tambah Gadget ===>> Pilih Html/javascript ==>>Copi paste Kode 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">Jangan Lupa Like this ya SOBAT</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Tips-n-Trik-Belajar-Blogcom/212198605591874?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=dhiaz_sakha&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
</div>

NB : * warna merah silahkan ganti dengan Teks sobat
        * warna hijau silahkan sobat ganti dengan URL Fanspage sobat
        * warna biru nama twitter silahkan ganti punya sobat

Demikaianlah postingan hari ini semoga bermanfaat dan berguna buat sobat.Kalau sobat masih bingung silahkan di tulis di kotak komentar. terimakasih

Silahkan di baca dan kunjungi Artikel Menarik lainya di bawah ini:

1. Cara Mengahpus powered by blogger
2. Cara Edit Kotak Komentar menjadi Cantik dan keren
3. Trik Gratis XL All Paket
Comments
12 Comments

12 comments:

  1. mantap blognya... tetapi banyak animasi blog yg mengganggu gan... khususnya tulisan yg melingkali mouse....

    ReplyDelete
    Replies
    1. @gunklaten :makasih bang,,atas masukanya,,nanti akan saya perbaiki lgi..

      Delete
  2. mantap gan tutorialnya..ijin nyoba gan.

    ReplyDelete
    Replies
    1. makasih bang,,silahkan di coba mumpung gratisss....

      Delete
  3. Replies
    1. @eko :sama-sama bang,,,sukses juga buat agan..

      Delete