Cara buat popup fanpages

686 views

Published on

cara-cara bina popup fanpages di blogspot

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
686
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Cara buat popup fanpages

  1. 1. Selamatmencuba… 1. PergiKe Blogger > Design 2. PilihChosee a gadget 3. Select HTML/javascript widget 4. Paste kod di bawah ( sila edit dululinknyayek)<style> /* Jquery Facebook Likebox Popup Version 2.0 by MBT MyBloggerTricks.com */ #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;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;opacity:0.5 !important;} #colorbox{ box-shadow:0 0 15px rgba(0,0,0,0.4); -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); }
  2. 2. #cboxTopLeft{width:14px; height:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 0;}#cboxTopCenter{height:14px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(http://2.bp.blogspot.com/-bMneOFi_UDo/Txohpge3Z9I/AAAAAAAAF0s/AbVgxX9pXtQ/s400/loadingbackground.png) no-repeatcenter center;} #cboxLoadingGraphic{http://3.bp.blogspot.com/-SKktU1-SCCw/TxohpRB19LI/AAAAAAAAF0Y/iwIo3LnjoE0/s400/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(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/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;}
  3. 3. /*-----------------------------------------------------------------------------------*//* Facebook Likebox popup For Blogger Version 2.0/*-----------------------------------------------------------------------------------*/#subscribe { font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;}#subscribe a,#subscribe a:hover,#subscribe a:visited { text-decoration:none;}.box-title { color: #F66303; font-size: 18px !important; font-weight: bold; margin: 10px 0;border:1px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px5px #CCCCCC;padding:10px;line-height:25px; font-family:arial !important;}.box-tagline { color: #999; margin: 0; text-align: center;}#subs-container { padding: 35px 0 30px 0; position: relative;}a:link, a:visited {border:none;}.demo {display:none;}
  4. 4. /* ---------MBT Subscribe Form---------- */ .box-title1 { border:1px solid #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; box-shadow: 5px 5px5px #CCCCCC; padding:10px; margin: 10px 0; } .enteryouremail{background: #fff !important;border: 1px solid #d2d2d2;padding: 0px 8px 0px 8px;color: #a19999; font-size: 12px;height: 25px; width: 165px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin:0px;} .submitbutton{background:#F66303;border: 1px solid #F66303;text-shadow: 1px 1px1px #333;box-shadow: 3px 3px3px #666;font:bold 12px Arial, sans-serif;color: #fff;height: 25px;padding: 0 12px 0 12px;margin: 0 0 0 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;cursor:pointer;} </style>
  5. 5. <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js></script><script src="http://mybloggertricks.googlecode.com/files/jquery.colorbox-min.js"></script><script type="text/javascript">jQuery(document).ready(function(){ if (document.cookie.indexOf(visited=true) == -1) { varfifteenDays = 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:"#subscribe"}); }});</script> <div style=display:none> <div id=subscribe style=padding:10px; background:#fff;> <h3 class="box-title">Receive all updates via Facebook. Just Click the Like ButtonBelow<center><p style="line-height:3px;" >▼</p></center></h3> <center><iframesrc="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Falamatfanpages&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0"style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe></center><div class="box-title1 "><center><h3 style="color:#F66303;">You can also receive Free Email Updates:</h3> <form action="http://feedburner.google.com/fb/a/mailverify" method="post"target="popupwindow"onsubmit="window.open(http://feedburner.google.com/fb/a/mailverify?uri=tntbystc, popupwindow,scrollbars=yes,width=550,height=520);return true"><input gtbfieldid="10" class="enteryouremail"name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value ='Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...'){this.value = '';}" type="text" /><input value="tntbystc" name="uri" type="hidden" /><inputvalue="Submit" class="submitbutton" type="submit" /></form>
  6. 6. </center></div><!--Please Do not Remove the Credits --> <p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px;color:#3B78CD; text-decoration:none;" href="http://www.mybloggertricks.com">BloggerWidgets</a></p> </div> </div>Apa yang bolehandaubahsuaiataukenaubah: Andabolehubahayatpadatulisan yang berwarnamerah *30adalahhariuntuk cookies diremovekanandabolehubahmengikutkesukaananda. Gantikanalamatfanpagesdenganalamatsebenar pages anda. Jikaalamat pages andaterlalupanjang, andabolehringkaskan di sini: Facebook.com/username Gantikantntbystcdengantajuk feed anda di feedburner.Apabilaselesaisemuanya..copydan paste ketempat yang sayanyatakan di atastadi…DoneAdios…..CikguNiezam

×