Share-Tuts | Share Segala Hal yang Diketahui
√ HomeMembuat Pop up Like Facebook hanya tampil di homepage

Membuat Pop up Like Facebook hanya tampil di homepage


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(&#39;visited=flase&#39;) == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = &quot;visited=true;expires=&quot; + expires.toUTCString();
$.colorbox({width:&quot;400px&quot;, inline:true, href:&quot;#mdfb&quot;});
}
});
</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;'>&#9660;</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&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;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

Share-Tuts | Share Segala Hal yang Diketahui Share-Tuts | Share Segala Hal yang Diketahui Share-Tuts | Share Segala Hal yang Diketahui Share-Tuts | Share Segala Hal yang Diketahui Share-Tuts | Share Segala Hal yang Diketahui Share-Tuts | Share Segala Hal yang Diketahui Share-Tuts | Share Segala Hal yang Diketahui

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

Related Posts :



Posted by: Share-Tuts
Share-Tuts, Updated at: 15.31

6 komentar:

For-Indo45 mengatakan...

Gan scrip-nya gak bisa.....
tolong dong di bantu...

Share-Tuts mengatakan...

@For-Indo45 makasih pemberitahuannya sob tuh script dah ane perbaiki :D

Unknown mengatakan...

hahahha....

sob cara dapetin code yang merah itu dmn??

Share-Tuts mengatakan...

@Saiful Anasz Cara dapetinnya silahkan ke sini sob http://bc.vc/0ywuLp

Riki Rukmana mengatakan...

siap deh klo gitu gan... klo untuk wordpress gimana gan ?

Share-Tuts mengatakan...

@Riki Rukmana wah kalau untuk wordpress ane kurang tau tuh sob

Posting Komentar