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 -->NB : kode yang berwarna merah ganti dengan kode Facebook Page sobat sedangkan warna hijau ganti dengan kata - kata yang sobat mau.
<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 -->
Update : pertanyaan dari sobat Saiful Anasz gimana cara dapetin kode yang merah cara dapetinnya silahkan ke sini
Anda sedang membaca artikel tentang Membuat Pop up Like Facebook hanya tampil di homepage dan anda bisa menemukan artikel Membuat Pop up Like Facebook hanya tampil di homepage ini dengan url http://share-tuts.blogspot.com/2012/10/membuat-pop-up-like-facebook-hanya.html. Anda boleh menyebarluaskan atau mengcopy artikel Membuat Pop up Like Facebook hanya tampil di homepage ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.
Ingin mempromosikan Blog, Produk, Bisnis, Jualan atau lainnya ? Sobat bisa memasangnya diBlog ini. Tunggu apa lagi mumpung masih ada slot untuk sobat. Silahkan hubungi ane dengan meng-Klik Disini
5 komentar:
Gan scrip-nya gak bisa.....
tolong dong di bantu...
@For-Indo45 makasih pemberitahuannya sob tuh script dah ane perbaiki :D
@Saiful Anasz Cara dapetinnya silahkan ke sini sob http://bc.vc/0ywuLp
siap deh klo gitu gan... klo untuk wordpress gimana gan ?
@Riki Rukmana wah kalau untuk wordpress ane kurang tau tuh sob
Peraturan Berkomentar :
1. KOMENTAR "PERTAMAXX, KEDUAXX, NICE GAN, NICE SOB" dan sejenisnya akan langsung Share-Tuts hapus
2. Berkomentar sesuai isi postingan.
3. Berkomentar dengan sopan, tidak SARA, kasar/porno.
4. Dilarang SPAM !
5. Dilarang menaruh iklan !
6. Apabila menaruh link hidup maka akan Share-Tuts ganti menjadi link Blog ini !
7. Apabila Anda ingin berkomentar dengan menyertakan link blog, silahkan gunakan profil OpenID.
Posting Komentar