Ads 468x60px

Πέμπτη, 23 Ιανουαρίου 2014

Popup Facebook like, Twitter follow & Email Subscribe Box widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα  social Popup
widget που το βλέπουν οι αναγνώστες
- επισκέπτες του  blog μας με το που κάνουν είσοδο σε αυτό! Βγαίνει στο κέντρο της
σελίδας μας και τους προτρέπει να μας κάνουν like η να μας ακολουθήσουν στα
διάσημα social networks!Έχω
προσθέσει και Gif εικονίδιο στον κώδικα σαν πιο καλό effect!


Δείτε εδώ το DEMO




Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα--

..............................................................................................................................................................

<link type="text/css" rel="stylesheet" href="https://dl.dropbox.com/s/ungb93kxgu18i8w/NBTFB_Twitter_RSS_PopOut.css" /><style>#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: #32383d;background: #fff !important;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 5px 5px #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;}.box-title1 {border:1px solid #ddd;background: #fff !important;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #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:#32383d;border: 1px solid #32383d;text-shadow: 1px 1px 1px #333;box-shadow: 3px 3px 3px #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><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script><script src='https://dl.dropbox.com/s/cwtddhvie00mxk3/NBTFB_Twitter_RSS_PopOut.js'></script><script type='text/javascript'>jQuery(document).ready(function(){if(document.cookie.indexOf('visited=true')==-1){var fifteenDays=1000*60*60*24*00;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;'><center><h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<p style="line-height:4px;" ><b><img src="https://dl.dropboxusercontent.com/u/49409267/herel.gif?t=1299157067" width="60," height="80,/" /></b></p></h3></center><center><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FFACEBOOK USERNAME&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=175" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:175px;" allowtransparency="true"></iframe></center><div style="width:350px; border-top:1px solid #e6e6e6; margin:8px 5px 0px 0px; padding-top:5px;"><iframe data-twttr-rendered="true" title="Twitter Follow Button" style="width: 266px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.1347008535.html#_=1351358237637&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=TWITTER USERNAME&amp;show_count=true&amp;show_screen_name=true&amp;size=m" allowtransparency="true" frameborder="0" scrolling="no"></iframe><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></div><div class="box-title1 "><center><h3 style="color:#32383d;"><b>You Can also Receive Free Email Updates:</b></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=FEEDBURNER USERNAME', '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 == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="FEEDBURNER USERNAME" name="uri" type="hidden"/><input value="Submit" class="submitbutton" type="submit"/></form></center></div><p style=" float:right; margin-right:5px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://newbloggertips.com/2013/02/advanced-popup-facebook-like-twitter-follow-email-
subscribe-box-widget/">NBT</a></p></div></div>
.................................................................................................................................................................
ΑΛΛΑΓΕΣ

Βάλτε τα δικά σας usernasmes στα αντίστοιχα πεδία στον κώδικα και πατήστε

Αποθήκευση!Αυτό ήταν!

Καλή επιτυχία!!!


Πηγή κώδικα 
thanks to newbloggertips.com



Υγ: Επειδή ο κώδικας διαθέτει αρχεία jquery.min.js δυστυχώς σε κάποια πρότυπα
ίσως να μην λειτουργεί!!

Edit by

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog