Pop Up like facebook/subscribe masih jarang digunakan oleh para Blogger. Biasanya para Noob Blogger akan menggunakan
Pesan Alert saat
pertamakali masuk blog. Sebenarnya, pesan seperti ini tidaklah bagus.
Karena setiap ke halaman manapun akan muncul, dan hanya berupa pesan
yang tampilannya tidak bisa dimodif. Setelah
Share-Tuts "Survey" di
Mbah Google akhirnya
Share-Tuts menemukan tutorial "Membuat Pop up widget Like facebook di blog".
Lalu
Share-Tuts praktekan dan ada hasilnya. Nah, karena itu
Share-Tuts tulis
tutorial yang mirip seperti tutorial yang
Share-Tuts temukan yang tentunya
hanya Intinya
Share-Tuts yang sama. Pop up di sini
tidak hanya bisa untuk like facebook saja, bisa yang lainnya. Seperti Subscribe, pesan, login, daftar, apa saja. Selebihnya lagi Widget ini dapat dimodif, tidak seperti
Pesan Alert.
1. Masuk ke akun blogger sobat.
2. Masuk ke halaman
"Template"
3. Klik "
Edit HTML" > klik "
Lanjutkan"
4. Copy dan Taruh kode berikut tepat diantara script "
<body> & </body>"
<!-- like facebook -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'/>
<script src='https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js'/>
<link href='https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=flase') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#mdfb"});
}
});
</script>
<div style='display:none'>
<div id='mdfb' style='padding:10px; background:#fff;'>
<h3 class='mdbox-title'>Receive all updates via Facebook. Just Click the Like Button Below<center><p style='line-height:3px;'>▼</p></center></h3>
<center>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsharetuts&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=124561797694574' style='border:none; overflow:hidden; width:292px; height:258px;'/>
</center><p style=' float:right; margin-right:35px; font-size:9px;'>Powered By <a href='http://www.share-tuts.bloogspot.com' style=' font-size:9px; color:#3B78CD; text-decoration:none;'>Share-Tuts</a></p>
</div></div>
</b:if>
<!-- like facebook -->
NB : kode yang berwarna
merah ganti dengan kode Facebook Page sobat sedangkan warna hijau ganti dengan kata - kata yang sobat mau.
Update : pertanyaan dari sobat
Saiful Anasz gimana cara dapetin kode yang
merah cara dapetinnya silahkan ke
sini