Παρακολούθηση μέσω ηλ. ταχυδρομείου με popup box

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Τον τελευταίο καιρό τα popup boxes έχουν γίνει πολύ της μοδός. Αναρτήσαμε κώδικες για πολλούς τομείς, όπως το Facebook, τις διαφημίσεις, τα menus, το Twitter, το chatbox κ.α. Σήμερα έχει την τιμητική του το gadget "Follow by email".
Αν το έχετε εγκαταστήσει από τα επίσημα gadgets του Blogger έχει καλώς, αν όχι κάντε το τώρα και με τον κώδικα που θα σας πω θα το κάνετε να φαίνεται κάτω δεξιά στη Σελίδα σας,όπως ΕΔΩ
Αφού λοιπόν έχετε τοποθετήσει το επίσημο gadget "Παρακολούθηση μέσω ηλ. ταχυδρομείου", επιλέξτε "Προσθήκη gadget - HTML/JavaScript" και επικολλήστε τον παρακάτω κώδικα:
<style type='text/css'>
/*<![CDATA[*/
.FollowByEmail {background-color: #464646;width: 220px;color: #fff;position: fixed;z-index: 999999;right: 10px;bottom: 0;}
.followOpened {-webkit-border-radius: 2px 0 0;-moz-border-radius: 2px 0 0;border-radius: 2px 0 0;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
.bttfollowButton {background: #464646;color: #CCC;font-size: 13px;line-height: 28px;padding: 0 10px;text-decoration: none;position: absolute;top: -28px;right: 0;display: block;-webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;height: 28px;}
.bttfollowButton span {background: url("http://3.bp.blogspot.com/-WnomwMXjkpo/T1Zqu-Oj-ZI/AAAAAAAAB8M/fMFrU7-k2vI/s1600/follow.png") no-repeat scroll 0 3px transparent;padding-left: 15px;}
.bttfollowButton:hover,.followActive {color: #fff !important;}
.bttfollowButton:hover span,.followActive span {background-position: 0 -37px !important;}
.followactive {background-color: #333;}
.follow-by-email-inner {padding: 15px;}
.FollowByEmail h2 {padding: 15px 15px 0;font-size: 18px;margin: 0 0 10px;font-weight: normal;}
.follow-by-email-inner p {margin: 0 0 10px;}
.follow-by-email-inner .follow-by-email-address {width: 95%;padding: 2px 4px;margin: 0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;border: 1px solid #444;color: #888;display: block;clear: both;}
.follow-by-email-inner form {text-align: center;}
.follow-by-email-inner td{display: inline-block;width:100%;text-align:center;}
.follow-by-email-inner .follow-by-email-address:focus {color: #000;border-color: #000;}
.follow-by-email-inner .follow-by-email-submit {cursor: pointer;padding: 2px 20px;background: #333;background: -webkit-linear-gradient(top, #333 0%, #111 100%);background: -moz-linear-gradient(top, #333 0%, #111 100%);background: -o-linear-gradient(top, #333 0%, #111 100%);background: -ms-linear-gradient(top, #333 0%, #111 100%);background: linear-gradient(top, #333 0%, #111 100%);color: #ccc;text-shadow: 0 1px 0 #000;border: 1px solid #282828;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;-webkit-box-shadow: inset 0 1px 0 #444;-moz-box-shadow: inset 0 1px 0 #444;box-shadow: inset 0 1px 0 #444;text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;margin: 1em 0 1em 0;}
.follow-by-email-submit:hover {background: #222;background: -webkit-linear-gradient(top, #333 0%, #222 100%);background: -moz-linear-gradient(top, #333 0%, #222 100%);background: -o-linear-gradient(top, #333 0%, #222 100%);background: -ms-linear-gradient(top, #333 0%, #222 100%);background: linear-gradient(top, #333 0%, #222 100%);color: #fff;-webkit-box-shadow: inset 0 1px 0 #4f4f4f;-moz-box-shadow: inset 0 1px 0 #4f4f4f;box-shadow: inset 0 1px 0 #4f4f4f;text-decoration: none;}
.follow-by-email-submit:active {background: #111;background: -webkit-linear-gradient(top, #111 0%, #222 100%);background: -moz-linear-gradient(top, #111 0%, #222 100%);background: -o-linear-gradient(top, #111 0%, #222 100%);background: -ms-linear-gradient(top, #111 0%, #222 100%);background: linear-gradient(top, #111 0%, #222 100%);color: #aaa;-webkit-box-shadow: inset 0 -1px 0 #333;-moz-box-shadow: inset 0 -1px 0 #333;box-shadow: inset 0 -1px 0 #333;text-decoration: none;}
.bttFollowFooter {text-align: center;font: normal 11px "Helvetica Neue", sans-serif;padding: 7px 0;margin: 0 0 -15px !important;border-top: 1px solid #3c3c3c;}
.bttFollowFooter a {color: #aaa;text-shadow: 0 1px 0 #262626;background: none;text-decoration: none;}
.bttFollowFooter a:hover {color: #fff;background: none;}
/*]]>*/
</style>
<script type="text/javascript" src="http://yourjavascript.com/3312361413/btt_rss_email.txt.js"></script>
Πατήστε αποθήκευση και έχετε μια νέα εμφάνιση στο παλιό σας gadget.

0 σχόλια:

Post a Comment

 
back to top