Pop Up like box

Pop up like box facebook ini cuma muncul sekali untuk satu pengunjung baru ,,,


dan gak akan muncul lagi setelah 30 hari ..

karena setiingan cookies nya udah di atur gitu .hahaha



gimana??



tertarik?

Download script

File:	popup like box.txt   6.5 KB
Description:
SHA1 Checksum:	9d95f677b8a763f84348c7c1dd1412273041a70d What's this?

Atau bisa langsung di copy

<br /> <div><div><style> </div><div>/* </div><div>   ColorBox Core Style: </div><div>   The following CSS is consistent between example themes and should not be altered. </div><div>*/ </div><div>#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} </div><div>#cboxOverlay{position:fixed; width:100%; height:100%;} </div><div>#cboxMiddleLeft, #cboxBottomLeft{clear:left;} </div><div>#cboxContent{position:relative;} </div><div>#cboxLoadedContent{overflow:auto;} </div><div>#cboxTitle{margin:0;} </div><div>#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} </div><div>#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} </div><div>.cboxPhoto{float:left; margin:auto; border:0; display:block;} </div><div>.cboxIframe{width:100%; height:100%; display:block; border:0;} </div><div>/*</div><div> </div><div>   User Style: </div><div>   Change the following styles to modify the appearance of ColorBox.  They are </div><div>   ordered & tabbed in a way that represents the nesting of the generated HTML. </div><div>*/ </div><div>#cboxOverlay{background:#000;opacity:0.5 !important;} </div><div>#colorbox{ </div><div>        box-shadow:0 0 15px rgba(0,0,0,0.4); </div><div>       -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); </div><div>        -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); </div><div>       } </div><div>  </div><div>#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-3AQJCfQWSBp_Kvb2Vv_V1A2gwRlevMphKS6AoHWr6Pef2Q2AdKlWVIE2CF7ATdMPLc-_bgzqUkNZhv5qQLwQDRUPwl2GGiyME_UZjLVHTt5h75eX9LShfsp0-Y0L_h9RpWJ2OZcL_Y/s1600/controls.png) no-repeat 0 0;} </div><div>#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie1ZOiwxA8DEywJPo7l4L7JkoEV4sTyrcTt0egBJ1w-fIFUSWGVwgNlfn_bZ9Ve_f2B1ha9hfGxNLxc6dIua3CbYkY0GQyTxntIzBfY3ZCod43m9GyoLqALzzezru7NyNgg8sG4v0ykNk/s400/border.png) repeat-x top left;} </div><div>     #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-3AQJCfQWSBp_Kvb2Vv_V1A2gwRlevMphKS6AoHWr6Pef2Q2AdKlWVIE2CF7ATdMPLc-_bgzqUkNZhv5qQLwQDRUPwl2GGiyME_UZjLVHTt5h75eX9LShfsp0-Y0L_h9RpWJ2OZcL_Y/s1600/controls.png) no-repeat -36px 0;} </div><div>     #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-3AQJCfQWSBp_Kvb2Vv_V1A2gwRlevMphKS6AoHWr6Pef2Q2AdKlWVIE2CF7ATdMPLc-_bgzqUkNZhv5qQLwQDRUPwl2GGiyME_UZjLVHTt5h75eX9LShfsp0-Y0L_h9RpWJ2OZcL_Y/s1600/controls.png) no-repeat 0 -32px;} </div><div>     #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie1ZOiwxA8DEywJPo7l4L7JkoEV4sTyrcTt0egBJ1w-fIFUSWGVwgNlfn_bZ9Ve_f2B1ha9hfGxNLxc6dIua3CbYkY0GQyTxntIzBfY3ZCod43m9GyoLqALzzezru7NyNgg8sG4v0ykNk/s400/border.png) repeat-x bottom left;} </div><div>     #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-3AQJCfQWSBp_Kvb2Vv_V1A2gwRlevMphKS6AoHWr6Pef2Q2AdKlWVIE2CF7ATdMPLc-_bgzqUkNZhv5qQLwQDRUPwl2GGiyME_UZjLVHTt5h75eX9LShfsp0-Y0L_h9RpWJ2OZcL_Y/s1600/controls.png) no-repeat -36px -32px;} </div><div>     #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-3AQJCfQWSBp_Kvb2Vv_V1A2gwRlevMphKS6AoHWr6Pef2Q2AdKlWVIE2CF7ATdMPLc-_bgzqUkNZhv5qQLwQDRUPwl2GGiyME_UZjLVHTt5h75eX9LShfsp0-Y0L_h9RpWJ2OZcL_Y/s1600/controls.png) repeat-y -175px 0;} </div><div>     #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-3AQJCfQWSBp_Kvb2Vv_V1A2gwRlevMphKS6AoHWr6Pef2Q2AdKlWVIE2CF7ATdMPLc-_bgzqUkNZhv5qQLwQDRUPwl2GGiyME_UZjLVHTt5h75eX9LShfsp0-Y0L_h9RpWJ2OZcL_Y/s1600/controls.png) repeat-y -211px 0;} </div><div>     #cboxContent{background:#fff; overflow:visible;} </div><div>         #cboxLoadedContent{margin-bottom:5px;} </div><div>         #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoj44IPnk2LS9F9xIjsZipSTmSZ3-xDrwmuIpa2_2e7FDAEBmeyz2rKBeIrDbW6RWFpeDqeWMepb7frm5C-kNSJb10Hdsy_9x5R7Rtj2yyl_y2rR4O-_yghC7Tj1pFKvYXqFDuY_DfhZ4/s400/loadingbackground.png) no-repeat center center;} </div><div>         #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4nWbvMEjJiV4L7px5sNFM05NSJ3JemlYeg-DItayKK3xR8nWMUVwDgs6QYesfVKY8IJcSw5kE2YTIBK-6epm0_4CK0-xE0IRqftr7UcYG7o5-E0KII6YkZTQ4gXR7tZrjlleh1JQ1UlA/s400/loading.gif) no-repeat center center;} </div><div>         #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} </div><div>         #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} </div><div>         #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-3AQJCfQWSBp_Kvb2Vv_V1A2gwRlevMphKS6AoHWr6Pef2Q2AdKlWVIE2CF7ATdMPLc-_bgzqUkNZhv5qQLwQDRUPwl2GGiyME_UZjLVHTt5h75eX9LShfsp0-Y0L_h9RpWJ2OZcL_Y/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} </div><div>         #cboxPrevious{left:0px; background-position: -51px -25px;} </div><div>         #cboxPrevious.hover{background-position:-51px 0px;} </div><div>         #cboxNext{left:27px; background-position:-75px -25px;} </div><div>         #cboxNext.hover{background-position:-75px 0px;} </div><div>         #cboxClose{right:0; background-position:-100px -25px;} </div><div>         #cboxClose.hover{background-position:-100px 0px;} </div><div>         .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} </div><div>         .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} </div><div>         .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} </div><div>         .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} </div><div> </div><div>/*-----------------------------------------------------------------------------------*/ </div><div>/*   Facebook Likebox popup For Blogger </div><div>/*-----------------------------------------------------------------------------------*/ </div><div>#subscribe { </div><div>    font: 12px/1.2 Arial,Helvetica,san-serif; color:#666; </div><div>} </div><div>#subscribe a, </div><div>#subscribe a:hover, </div><div>#subscribe a:visited { </div><div>    text-decoration:none; </div><div>} </div><div>.box-title { </div><div>   color: #F66303; </div><div>   font-size: 20px !important; </div><div>   font-weight: bold; </div><div>   margin: 10px 0; </div><div>border:1px solid #ddd; </div><div>-moz-border-radius:6px; </div><div>-webkit-border-radius:6px; </div><div>border-radius:6px; </div><div>box-shadow: 5px 5px 5px #CCCCCC; </div><div>padding:10px; </div><div>line-height:25px; font-family:arial !important; </div><div>} </div><div>.box-tagline { </div><div>   color: #999; </div><div>   margin: 0; </div><div>   text-align: center; </div><div>} </div><div>#subs-container { </div><div>    padding: 35px 0 30px 0; </div><div>    position: relative; </div><div>} </div><div>a:link, a:visited { </div><div>border:none; </div><div>} </div><div>.demo { </div><div>display:none; </div><div>} </div><div> </style></div><div><br /> </div><div><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> </div><div> </script> </div><div><script src="http://mybloggertricks.googlecode.com/files/jquery.colorbox-min.js"> </div><div> </script> </div><div><script type="text/javascript"> </div><div>  </div><div> jQuery(document).ready(function(){ </div><div>    if (document.cookie.indexOf('visited=false') == -1) { </div><div>        var fifteenDays = 1000*60*60*24*30; </div><div>        var expires = new Date((new Date()).valueOf() + fifteenDays); </div><div>        document.cookie = "visited=true;expires=" + expires.toUTCString(); </div><div>    $.colorbox({width:"400px", inline:true, href:"#subscribe"}); </div><div>        } </div><div> }); </div><div> </script> </div><div>     </div><div>  </div><div>        </div><div><div style="display: none;"></div><div><div id="subscribe" style="background: url(http://www.getfreeimage.com/pictures/brushed-silver-metallic-background-pic.jpg); padding: 10px;"></div><div><h3 class="box-title"></h3></div><div>DJ-Deny Jackrose on facebook<center><div style="line-height: 3px;"></div><div>▼</div></center></div><div></div><div><br /> </div><div><center></center></div><div><iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FDJ-Deny-Jackrose%2F166890053407159&width=292&height=290&colorscheme=light&show_faces=true&border_color&stream=false&header=true&appId=262820433785553" style="border: none; height: 290px; overflow: hidden; width: 292px;"></iframe></div><div> </div><div><br /> </div><div><div style="float: right; font-size: 9px; margin-right: 35px;"></div><div><a href="http://www.denyjackrose.blogspot.com.com/" style="color: #3b78cd; font-size: 9px; text-decoration: none;"></a></div></div><div></div></div><div></div></div></div>