Post Game

Cara Membuat Like Box FP Keren Melayang versi terbaru 2013

<style type=text/css>/* Message Box */#box-message {position:fixed !important;position:absolute; /* IE6 */top:-1000px;left:50%;margin:0px 0px 0px -182px;width:300px;height:auto;padding:16px;background:#f5f5f5;font:normal Dosis, Georgia, Serif;color:#111;border:2px solid #fff;-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:#f5f5f5;font:bold 16px Arial, Sans-Serif;text-decoration:none;line-height:22px;width:22px;text-align:center;color:#111;border:2px solid #fff;-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;}</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><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/fahrurroziBLOG18&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=112462558775142"scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe></center>
<!-- HTML End --><a class=close href=http://fahrurrozi18.blogspot.com>&times;</a></div>

• Ganti kode yang berwarna Merah dengan URL sobat sendiri.

Go to link Download

Cara Membuat Like Fanspage Facebook Follow Twitter Melayang di Blog Like Box

Go to link Download

Cara Membuat Buku Tamu Melayang Pada Blog

1. Langkah Pertama  pergi ke Cbox
2. Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
3. Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
4. Setelah sudah masuk edit sendiri Cbox anda sendiri

1. Masuk akun blogger siapa ajah boleh
2. Ke tata letak
3. Add gadget atau Tambah gadget
4. Edit html/javascript
5. Masukan html di atas
6. Selesai

Go to link Download

cara Membuat Widget Share Melayang Disebelah Kiri

Go to link Download

Cara Membuat Iklan Melayang Di Bawah Dengan Tombol Close Ide Cemerlang

<div id="floating_banner_top" style="position:fixed; bottom:0; background:none; width:1000px; height:80px; z-index:100; ">
<div style="width:1000px; height:20px; text-align:center;">
<a href="#" onclick="document.getElementById(floating_banner_top).style.display=none;return false;">
<img border="none" src="URL GAMBAR CLOSE"/>
</a>
</div>
<div style="width:1000px; height:80px; background:#FFFFFF;">

KODE IKLANYA DI SINI

</div>
</div>

http://www.damorelaw.com/images/wingdings/closeButton.gif

http://www.mckinseyquarterly.com/App_Themes/v2.0/img/en-US/txt_close_button.gif

http://www.bankhomesdirect.com/images/buttons/closeButtonGradient.gif

Go to link Download

CARA MEMBUAT LIKE FANS PAGE FACEBOOK MELAYANG DI BLOG

<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/pages/Ciputra-Ruslan/520279848009466?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=Ciputra_R&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class=close href=#>&times;</a>
</div>

Go to link Download

Cara Membuat FanPage Melayang dengan Waktu

Hello sobat blogger, kali ini saya mau share tentang tips Cara Membuat Like Box FanPage Melayang dengan Waktu. Postingan kali ini ditujukan untuk sobat blogger yang ingin meningkatkan jumlah penggemar fan page facebooknya. Sebenarnya banyak cara yang bisa dilakukan untuk meningkatkan jumlah fans page salah satunya yaitu dengan membuat like box fanpage melayang dengan waktu. Like box fanpage melayang yang akan kita bahas nanti dilengkapi timer/waktu untuk menutup sendiri ketika countdown timer-nya sudah habis.

Baiklah supaya sobat blogger tahu bagaimana hasilnya silakan liat demo di bawah ini:

Views:

Namun sebelum Anda memasang like box fanpage, pastikan Anda sudah memiliki halaman facebook fanpage, kalau belum lihat caranya disini!

Jika Anda sudah memiliki halaman facebook fanpage, langsung ikuti cara membuat like box fanpage melayang dengan waktu berikut :

1. Login akun blogger Anda. 
2. Pilih Template > Edit HTML. 
3. Kemudian cari kode </body> (saran saya agar mudah nyarinya copy aja code template blog sobat ke Notepad lalu cari kode tersebut pake fasilitas pencarian yang ada pada Notepad karena pengalaman saya kalau pake fasilitas pencarian di blogger kodenya yang gak ketemu atau bisa sobat langsung scroll aja ke bawah karena kode   </body>  letaknya ada di bagian paling bawah template blog), kalau kodenya sudah ketemu letakkan kode beriku ini tepat di atas </body> .

<!-- masnir.blogspot.com Likebox Pro FBFan Code Start -->

<style>

#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left; font-family: arial,sans-serif; font-size: 13px;}

#fblikepop body {background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;} .fbflush { cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;}

#fblikebg { display: none; position: fixed; _position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;}

#fblikepop #closeable { float: right; margin: 7px 15px 0 0;}

#fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important; font-family: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}

#fblikepop #actionHolder {height: 30px;overflow: hidden;}

#fblikepop #buttonArea {background: #F2F2F2;border-top: 1px solid #CCCCCC;padding: 10px;min-height: 50px;}

#fblikepop #buttonArea a {color: #999999 !important;text-decoration: none !important;border: 0 !important;font-size: 10px !important;}

#fblikepop #buttonArea a:hover {color: #333 !important;text-decoration: none !important;border: 0 !important;}

#fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;line-height: 22px;padding: 8px;background: #fff !important;}

#fblikepop #counter-display {float: right;font-size: 11px !important;font-weight: normal !important;margin: 5px 0 0 0;text-align: right;line-height: 16px;}</style>

<script src=http://www.google.com/jsapi/><script>google.load(&quot;jquery&quot;, &quot;1&quot;);</script>

<script src=http://connect.facebook.net/en_US/all.js#xfbml=1 type=text/javascript/>

<script type=text/javascript>

//<![CDATA[

kakinetworkdotcom01username="mas.nirwana11",

kakinetworkdotcom01title="JUST CLICK LIKE/UNLIKE TO CONTINUE",

kakinetworkdotcom01skin="01",

kakinetworkdotcom01time="115",

kakinetworkdotcom01wait="0",

kakinetworkdotcom01lang="en"

//]]>

</script>

<script src=http://yourjavascript.com/01503591022/masnir-fb-timer.js type=text/javascript/>

<script type=text/javascript>

//<![CDATA[

$(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});

//]]>

</script>

<!-- masnir.blogspot.com Likebox Pro FBFan Code End -->

Keterangan :
Pada tulisan yang berwarna kuning ganti dengan URL halaman fanpage Anda. 
JUST CLICK LIKE/UNLIKE TO CONTINUE  Silakan ganti sesuai keinginan.
115 adalah waktu yang diperlukan sampai fanpage tertutup sendiri.
closeable: true berarti Anda menyertakan tombol close pada fanpage, jika tidak ingin menampilkannya silahkan ganti dengan false.

Setelah selesai klik Save template.

Buka blog sobat lalu lihat hasilnya, jika langkahnya benar pasti berhasil kok. Mudah bukan?? Sekian postingan tentang Cara Membuat Like Box FanPage Melayang dengan Waktu. Thanks atas kunjungannya, semoga bermanfaat.

Go to link Download

Cara Membuat Header Blog Statis Melayang

<style type="text/css">
.fixed-header{
 overflow: hidden;
 position: fixed;
 z-index: 999999;
 top: 0px;
 left: 0px;
 right: 0px;
 height: 76px;
 background: #EEE;
}</style>

<div class="fixed-header" >
<center><h1>Type Your Blog Name Here</h1></center>
</div>

<div class="fixed-header" >
<center><h1>Type Your Blog Name Here</h1></center>
</div>

Go to link Download

Cara Membuat Tombol Keep Follow Melayang Dengan Hover Opacity Dan Zoom

<style type=text/css>
#keepfollow {position:fixed; bottom:98px; margin-right:0px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:0 0 2px 0;z-index:10;}
#keepfollow .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
.mouseover img
{
opacity:.60;
filter:alpha(opacity=60);
}
.mouseover img:hover
{opacity:1.0;
filter:alpha(opacity=100);
text-shadow: 0 0 10px rgb(251, 51, 51);color:RED;-moz-transform:scale(2.2);-webkit-transform:scale(2.2);-webkit-transition-duration: 1.5s;}
</style>

<div class=mouseover id=keepfollow title=keep follow>
<div style=clear: both;font-size: 16px;text-align:center;>
</div>
<div class=sbutton id=gplusone>
<div class=separator style=clear: both; text-align: center;>
<a href=http://www.facebook.com/ZamalsBlog target=new><img border=0 height=48 src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZpYIEp1_koTtMrCMIJB8B_5NZyf7AsTHmHD_F_IyOKjHYPVOQ3tosefHqe1W3f7pUvi6aZgyXBSLct0s9zfB118eFFjbv6tUCAJJDzbKJ1E93120DDxAW7wO9D6kf6argHNW1Y-t9fj0/s200/logo+facebook.JPG width=48/></a></div>
<br/>
<div class=separator style=clear: both; text-align: center;>
<a href=http://twitter.com/zamaludin_a target=new><img border=0 height=48 src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCDD4aS1Ri5rzTrpDcpb3n5tlNNgVjSA2QNZnavfy3IR_RIN2iZyrsCJPzExz0jwZn2SxKOnK8nhPTBY4037BLq5kaXpLyMpw5s8ChJ1_eNpH85T3xe2l6StY4DIQueF3MaQgzD_tQZM8/s200/logo+twitter.JPG width=48/></a></div>
<br/>
<div class=separator style=clear: both; text-align: center;>
<a href=http://feeds.feedburner.com/zamaludin target=new><img border=0 height=48 src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDbBm55CLxYNqjnl1hK3680dR_iGk7RfZXHhwgZKqVai_PMGwjnMNl5RrRn4dyUf4cu8oGKUu20iTeCqa0aJopx8ODLuJx83Tj_QdEFWtuAHvpm8Ve4HXcbB6qn-vZjmEE7KbpNM1mK6s/s200/logo+rss.JPG width=48/></a></div>
<br/>
</div>
</div>

Go to link Download

Cara Membuat Gambar Melayang

• Login ke : Dashboard--> Layout --> Edit HTML --> Proceed 
• Klik/centang "Expand Widget Templates"
• Scroll ke bawah dan cari kode :
  
  ]]></b:skin>

• Kemudian, taruh kode CSS di bawah ini, tepat di atasnya :

• Selanjutnya, cari kode : </body> 
• Taruh kode di bawah ini, SEBELUM kode </body>

1. Ganti "http://jill5iii7.blogspot.com/" and "http://masasha.net/wp-content/uploads/2012/11/mylee21-725x341.jpg" width="180" height="80" border="0" / dengan alamat URL dan URL gambar Anda.
2. "http://masasha.net/wp-content/uploads/2012/11/mylee21-725x341.jpg" width="180" height="80" border="0" /" adalah URL gambar.
3. "http://jill5iii7.blogspot.com/" adalah URL target dari gambar itu.

• Preview dahulu.
• Save template.

Go to link Download

Cara Membuat Facebook Like Box Melayang Dengan Timer Terbaru 2015

Membuat Facebook Like Box Melayang Dengan Timer

CSS/* Likebox PopUp with Timer */
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px;position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200; border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left; font-family: arial,sans-serif; font-size: 13px;}
#fblikepop body {background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;}
.fbflush { cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;}
#fblikebg { display: none; position: fixed; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;}
#fblikepop #closeable { float: right; margin: 7px 15px 0 0;}
#fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
#fblikepop #actionHolder {height: 30px;overflow: hidden;}
#fblikepop #buttonArea {background: #F2F2F2;border-top: 1px solid #CCCCCC;padding: 10px;min-height: 50px;}
#fblikepop #buttonArea a {color: #999999 !important;text-decoration: none !important;border: 0 !important;font-size: 10px !important;}
#fblikepop #buttonArea a:hover {color: #333 !important;text-decoration: none !important;border: 0 !important;}
#fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;line-height: 22px;padding: 8px;background: #fff !important;}
#fblikepop #counter-display {float: right;font-size: 11px !important;font-weight: normal !important;margin: 5px 0 0 0;text-align: right;line-height: 16px;}

• Kemudian Copy kode di bawah ini dan letakan di atas </body>

CSS<script type=text/javascript>
//<![CDATA[
 kakinetworkdotcom01username="253664224684238", //ID atau username fanpage
 kakinetworkdotcom01title="Join us at Facebook!", //Tulisan yang tampil di bar
 kakinetworkdotcom01skin="01", //Skin untuk gambar
 kakinetworkdotcom01time="50", //Mengatur berapa lama widget tampil (dalam detik)
 kakinetworkdotcom01wait="0", //Mengatu lama widget akan tampil ketika blog baru di buka
 kakinetworkdotcom01lang="en" //Kode bahasa yang digunakan widget (Indonesia = ID
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });}); //true ganti dengan false jika ingin menghilangkan tombol close
//]]>
</script>

• Lalu simpan Template sobat, kemudian lihat di blog sobat apakah cara ini berhasil atau tidak

Go to link Download

Cara Membuat Fanspage Facebook Melayang Pada Blog

Go to link Download

Posted by Unknown at 9:37 PM

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Labels: blog, cara, facebook, fanspage, melayang, membuat, pada