search here and find more articles

Welcome To Infokita.Website


cara membuat fanspage melayang pada blog

CARA MEMBUAT FANSPAGE MELAYANG PADA BLOG

      infokita- Oke kali ini admin akan memeberikan sediki tps ayau tutorial tentang bagaimana cara menambahakan atau membuat fanspage facebook melayang pada blog. Hal ini cocok sekali apabila seseoarang ingin mempercantik atau memperindah tampilan blog nya.


     Apa itu fanspage / fanspage ialah sebuah halaman facebook biasanya yang di mana fungsi nya hampir sama seperti groub. Namun fanspage ini lebih ke arah milik pribadi di mana seseorang bisa memiliki halaman tersendiri dan mengajak teman-teman nya untuk mengikuti atau me nge like halaman nya

    
     Sebelum kita praktik kita bahas dulu tentang apasih kegunaan pop up atau fanspage melayang di blog ini ? kegunaan nya antara lain sebagai berikut
1. pop up ini bisa membuat blog sobat menjadi lebih bagus cantik keren dalam tampilan.
2. pop up ini juga bisa membuat siapa saja yang mengunjungi blog kita akan mudah mengetahui halaman atau fanspage facebook yang kita miliki.

adapun kekurangan dari pop up ini sendiri ialah.

1. bisa menyebabkan blog kita menjadi lelet atau low dalam loading.
2,dapat mengganggu kenyamanan pengunjung blog kita.

    Oke itu semua sobat tinggal memilih ingin memasang pop up atau tidak di blog sobat. jika ingin memasang langsung ikuti saja langkah - langkah berikut ini :


1.pastikan sobat semua sudah memiliki FP facebook nya ya..














2.bila sudah copy kan code 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">Kalau Bermanfaat, Silahkan like FP ini ya!!!</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/andriansahzulfi?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=andriansahzulfi&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="http://sarjanaberaksi.blogspot.com/2014/12/cara-membuat-fanspage-facebook-melayang.html" target="_blank">Get This Widget</a></div>
<a class='close' href='#'>&times;</a>
</div>


catatan : text berwarna
hijau    :silahkan sobat ganti dengan pesan-pesan yang ingin sobat buat
merah  : ganti dengan alamat FP sobat
biru     :silahkan ganti nama twiter sobat misal : @andriansahzulfi tilis saja : andriansah zulfi

3.selanjut nya masuk ke blog sobat dan pilih "TATA LETAK"



















 4.Selanjut nya tambahkan "gedget" dan pilih  "HTML/Java Scrip"

5.kemudian copy code di atas dan simpan
.

6.silahkan lihat hasil nya di blog sobat .... enjoy gan.


    Nahh biila sobat sudah selesai sampai tahap no 6 maka sobat tinggal melihat hasil nya di blog sobat.Oke mungkin sekian sedikit tuorial dari admin bila ada yang kurang jelas silahkan tinggal kan komentar sobat di sini oke...selamat mencoba dan semoga berhasil

created by : http://sarjanaberaksi.blogspot.com

0 komentar

click to leave a comment!

 

Formulir Kontak

Nama

Email *

Pesan *