Cara Sederhana Membuat Popup Like FP Facebook di Blog
Secara sederhana saya hanya membagikan apa yang menurut saya pantas untuk di bagikan sesuai kebutuhan blog dan biasanya sebelum membagikan nya dalam bentuk postingan maka akan di cuba dulu di halaman pribadi saya, jadi sekalian sebagai catatan sederhana saya untuk menyimpan semua catatan menarik biar tidak hilang begitu saja, walau sebenarnya file-file tersebut sudah di simpan di komputer tapi tetap saja menyimpannya sebagai catatan adalah alternatif yang tidak mudah hilang dan bisa di pertimbangkan.

Di postingan kali ini kita bagikan cara sederhana membuat menu popup yang otomatis muncul tepat halaman postingan kita di buka oleh siapa pun juga, menarik bukan jadi kalian bisa menyisipkan sesuatu di sana seperti ucapan selamat datang atau pun sejenisnya yang mungkin akan sangat membantu kalian menata halaman-halaman blog.

Cara sederhana nya buka dashboar blogger kalian kemudian klik menu tata letak pilih salah satu wedget html yang biasa muncul di setiap halaman postingan blog, langkah ini agar kalian tidak perlu merubah kode utama tamplate kalian sehingga lebih efesin di lakukan, bahkan oleh para pemula yang khawatir kalau-kalau membuat kode html tamplate utama jadi kacau.

Copy 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:25px;
width:25px;
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><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=elkiram&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/elkiram.co.id&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 style="text-align: center;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- halaman elkiram -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-2102727897964513"
     data-ad-slot="6413557351"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div><a class='close' href='#'>&times;</a>
</div>

Mungkin akan sedikit bermanfaat bukan , silahkan ganti yang berwarna hijau [ https://www.facebook.com/elkiram.co.id ] dengan alamat fans page facebook kalian sementara yang berwarna hijau [ elkiram ] ganti dengan nama akun twitter kalian. Kalau soal peletakkan nya silahkan ganti yang berwarna hijau [ left:50%; ] sesuai keinginan kalian, jika ingin di taruh di tengah biarkan saja 50% gan ... tapi terserah kalian berapa persen ingin merubah lokasinya.

Semoga ajah postingan kali ini bermanfaat hemmm berbagi itu memang menyenangkan sob, jangan lupa tinggalkan komentar atau sekalian juga baca tips tip kami oke duy