-OPEN-
Posted by : fakhri Jumat, Agustus 16, 2013

saya akan ngepost "CARA MEMBUAT LIKE BOX MELAYANG" gk usah basa basi langsung aja ke TKP


SS :

  • Dashbord > Tata Letak > Gadget
  • Pilih HTML Java Script 
  • Masukan Script dibawah ini
<style type='text/css'>
/* Message Box */
#box-message {
box-shadow: 0 0 5px #0860CA;
position:fixed !important;
position:absolute;
z-index:999999;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#000;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #0860ca;
-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 {
box-shadow: 0 0 5px #0860CA;
position:absolute;
top:-10px;
right:-10px;
background:#000;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#0860CA;
border:2px solid #0860CA;
-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">Like Ya</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Chakimomis/475619229176050&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=kyriiell&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
</div> 
  • ganti warna BIRU dengan kata yang anda suka
  • ganti warna MERAH dengan fanspage anda
  • ganti warna HIJAU dengan twitter anda
Save / Simpan 

dan lihat hasilnya bagus kan ^_^ , sekian dulu dari saya wasalamualaikum

{ 12 komentar... read them below or Comment }

  1. thanks gan post nya , sudah saya coba jadi keren

    BalasHapus
    Balasan
    1. ya sama sama gan

      thanks udah visit blog saya

      Hapus
  2. ini dia yang saya cari ..
    thanks udah share sob.

    jgn lupa mampir balik yaa ^^

    BalasHapus
    Balasan
    1. sama sama sob , saya sudah mampir balik

      thanks udah visit blog saya ^_^

      Hapus
  3. manteffff gan :)
    tp ane blm punya fanspage :D

    BalasHapus
    Balasan
    1. sip , bikin dulu fanspagenya baru dicoba tuh

      Hapus
  4. sip gan , commentback done !

    thanks udah visit blog saya ^_^ , kapan" dateng lagi ya ! ^_^

    BalasHapus
  5. thanks infonya gan.....




    comment back sob >http://akisada-ryo.blogspot.com/2013/08/cara-meningkatkan-visitor-komentar-di.html

    BalasHapus
  6. hehe ini yang saya cari2 xD
    tapi sedikit menggangu sih bagi saya kalo pake yang melayang xD
    commentback pak http://reza31.blogspot.com/

    BalasHapus
  7. gw pake sebelum lu share :v
    tapi.. nice tutor lah :3
    komenback : http://www.free-trick.com/2013/08/cara-membuat-tombol-demo-dan-download.html

    BalasHapus
  8. mantep nih tutor nya. tapi sayang belom punya fp :D
    di bookmark dulu deh..

    koment back kawan..
    http://lutfimoduscrew.blogspot.com/

    BalasHapus

=============================
Selamat Datang Di Momis-Creation Blog
=============================
Thanks For Visiting ~ <==
===============================================================
Kalau Mau Berkomentar Ada Baiknya Baca Peraturannya Dulu Sebelum Berkomentar !

Rules : <==
1. Blog Ini Udah Diatur Tanpa Verifikasi Kata Jadi Jangan Spam Ya <==
2. No Sara Dan Sejenisnya <==
3. Jangan Pake Live Link <==
4. Berkomentar Dengan Kata Yang Sopan <==
5. Silahkan Patuhi Rulesnya <==
===============================================================

- Copyright © 2013 Monster-Ark - Original Template by Jones Djogan - Design by Maho -