Membuat Pop Up Like Facebook Page 2014 - Hay sobat 4byte, pada kali ini saya akan share tentang membuat pop up like fan pages facebook terbaru di blogspot yang sangat keren sekali. Tapi mungkin Script ini udah lama. tapi saya anggap baru karena jarang blogger indonesia yang menggunakan script ini. Sebelumnya yang baru menggunakan blog like fanpage adalah fitur dari facebook untuk halaman facebook. Nah script dibawah ini gunanya saat sobat membuka blog, akan muncul tampilan like fanpage yang bisa diclose. jadi, tidak dalam side bar. Okey, langsung saja nih, tapi buat sobat yang ingin mendapatkan pulsa gratis bisa dicoba di cara mendapatkan pulsa gratis. Berikut adalah screen shoot nya dibawah ini :
oke sob, dari pada banyak cingcong, nih ane kasih scriptnya
Taruh di "Tata Letak">>"Tambahkan Gadget">>"Tambahkan HTML/Script" dan masukkan kode diatas dengan mengganti warna hijau dengan URL Facebook Like<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js"></script>
<style>#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left;margin:auto;border:0;display:block;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxOverlay{background:#000;opacity:0.5 !important;}#colorbox{/*box-shadow*/-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4);}#cboxTopLeft{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2CDlrwvmLdoh5MRzY_XJLkv7SpOdFJpCf7nv3buIhcJGQYIzKTgp-lTPKA1XyJ07C0kxgsZHRZqXe18QWOZEnPI4yKsidhsxAkSk01zcIzgHoPAYnJSy9Ez51PIh5Tx4GMNhyphenhyphenM2x2Ge6m/s1600/controls.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiwN9xGrpl1Hlqmb5TCl0Htgjf-DE1X6g2biZHWSk2h9b-0Kt5uoToWkEL-aaOgnuWDeXn2S4avIxMUfxjJUAT4lGIiG_PYb-6JK5-Ki2z3Tdk_o2k3njpCIuwhR8oSkb_gInAAJ9TU1C4/s1600/border.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2CDlrwvmLdoh5MRzY_XJLkv7SpOdFJpCf7nv3buIhcJGQYIzKTgp-lTPKA1XyJ07C0kxgsZHRZqXe18QWOZEnPI4yKsidhsxAkSk01zcIzgHoPAYnJSy9Ez51PIh5Tx4GMNhyphenhyphenM2x2Ge6m/s1600/controls.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2CDlrwvmLdoh5MRzY_XJLkv7SpOdFJpCf7nv3buIhcJGQYIzKTgp-lTPKA1XyJ07C0kxgsZHRZqXe18QWOZEnPI4yKsidhsxAkSk01zcIzgHoPAYnJSy9Ez51PIh5Tx4GMNhyphenhyphenM2x2Ge6m/s1600/controls.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiwN9xGrpl1Hlqmb5TCl0Htgjf-DE1X6g2biZHWSk2h9b-0Kt5uoToWkEL-aaOgnuWDeXn2S4avIxMUfxjJUAT4lGIiG_PYb-6JK5-Ki2z3Tdk_o2k3njpCIuwhR8oSkb_gInAAJ9TU1C4/s1600/border.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2CDlrwvmLdoh5MRzY_XJLkv7SpOdFJpCf7nv3buIhcJGQYIzKTgp-lTPKA1XyJ07C0kxgsZHRZqXe18QWOZEnPI4yKsidhsxAkSk01zcIzgHoPAYnJSy9Ez51PIh5Tx4GMNhyphenhyphenM2x2Ge6m/s1600/controls.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2CDlrwvmLdoh5MRzY_XJLkv7SpOdFJpCf7nv3buIhcJGQYIzKTgp-lTPKA1XyJ07C0kxgsZHRZqXe18QWOZEnPI4yKsidhsxAkSk01zcIzgHoPAYnJSy9Ez51PIh5Tx4GMNhyphenhyphenM2x2Ge6m/s1600/controls.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2CDlrwvmLdoh5MRzY_XJLkv7SpOdFJpCf7nv3buIhcJGQYIzKTgp-lTPKA1XyJ07C0kxgsZHRZqXe18QWOZEnPI4yKsidhsxAkSk01zcIzgHoPAYnJSy9Ez51PIh5Tx4GMNhyphenhyphenM2x2Ge6m/s1600/controls.png) repeat-y -211px 0;}#cboxContent{background:#fff;overflow:visible;}#cboxLoadedContent{margin-bottom:5px;}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZDfJzuhkf05CYEqVWCiAT5ZjVyk2xxLdc9TM1YL0BRLpDcwj1URiEeqOYF4Y5Tuhxv4gzP_nXJ6B7rwRl12uz18h8RmR38SkoBfV-vshyphenhypheneRPIG81qlHKpGlF462ONuPGdEDpjEtYVldc4/s1600/loadingbackground.png) no-repeat center center;}#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNf1F3ivZdAFzYGjVhnoJrDvV3VDx63HcM-ghyphenhyphen7zMNcjYYlQvW0f-gVJPAWaWy9eTnWavPfC6iruDbhyphenhyphenNMz_Uux0tJeTB2g9Ev_WdPZOc-32PVREu547y1USynFXT4hceSu-ZINNXgatrw/s1600/loading.gif) no-repeat center center;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2CDlrwvmLdoh5MRzY_XJLkv7SpOdFJpCf7nv3buIhcJGQYIzKTgp-lTPKA1XyJ07C0kxgsZHRZqXe18QWOZEnPI4yKsidhsxAkSk01zcIzgHoPAYnJSy9Ez51PIh5Tx4GMNhyphenhyphenM2x2Ge6m/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px;}#cboxPrevious{left:0px;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0px;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0px;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0px;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}#btt{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#btt a, #btt a:hover, #btt a:visited{text-decoration:none;}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;line-height:25px;font-family:arial !important;}.mdbox-tagline{color:#999;margin:0;text-align:center;}#mdsubs-container{padding:35px 0 30px 0;position:relative;}a:link, a:visited{border:none;}.demo{display:none;}</style><script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -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:"600px", inline:true, href:"#btt"});
}
});
</script> <div style='display:none'><div id='btt' style='padding:10px; background:#fff;'><center><table align="center"background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtte2rbieZhnIffmQ6-A7YkoDp3fL9UwwBDUbFe5OXGlN-5caiDkVv0LNtCNjLVHZwUQkTddIGeSfWJSNNlAjPYS7AcxwWXiw7Q9UwgPrF0YWQ-l45-RcHRKQh-vhDHj2J5mKUee82M0e/s1600/background+image.png" border="0" height="300" style="width: 505px;"><tbody><tr><td height="345" width="505"><div align="right">
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/tanganhk&width=330&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:330px; height:255px;" allowtransparency="true"></iframe></div></td></tr></tbody></table></center><p style=" float:right; margin-right:35px; font-size:6px;" >Powered By <a style=" font-size:6px; color:#3B78CD; text-decoration:none;" href="http://gig4byte.blogspot.com" target='_blank'>BlogerTipsandTricks</a></p></div></div>
Tulisan yang berwarna hijau ganti dengan URL fanpage sobat.
Sebelumnya saya di gig4 byte telah memposting Bagaimana cara mengubah blog menjadi dofollow atau no follow
Tag :
Tidak ada komentar:
Posting Komentar