Τρίτη 6 Ιουνίου 2017
Robotic Subscription Widget
Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα νέο widget από τον
Mohammad Fazle Rabbi ο οποίος μας δίνει ένα social media subscription
widget με ενσωματωμένα social media tabs σε Robotic science fiction style,
ιδανικό για τέτοιου είδους blogs, αλλά και για διάφορα
άλλα!
Αντικαταστήστε όλα τα ID - username με τα αντίστοιχα δικά σας, που
έχετε στα αντίστοιχα social networks, και πατήστε Αποθήκευση!
ΠΡΟΣΕΞΤΕ κάποια urls όπως βλέπετε το FEEDBURNER ID
είναι παραπάνω από μία φορά!
Καλή επιτυχία!!!
Πηγή κώδικα
thanks to http://www.bloggerspice.com/
Edit by
Mohammad Fazle Rabbi ο οποίος μας δίνει ένα social media subscription
widget με ενσωματωμένα social media tabs σε Robotic science fiction style,
ιδανικό για τέτοιου είδους blogs, αλλά και για διάφορα
άλλα!
Δείτε εδώ το DEMO
Πηγαίνετε blogger--> Διάταξη -->
Προσθήκη gadget-->HTML/JavaScript
και στο παράθυρο που θα ανοίξει
επικολλήστε τον ακόλουθο κώδικα-->
..............................................................................................................................................................
Προσθήκη gadget-->HTML/JavaScript
και στο παράθυρο που θα ανοίξει
επικολλήστε τον ακόλουθο κώδικα-->
..............................................................................................................................................................
<div dir="ltr" style="text-align: left;" trbidi="on">
<style>
#BloggerSpice-newsletter{ width:290px;background:#048BA3; color:#fff; padding:20px; font-size:14px; margin-bottom:20px; -moz-box-shadow: 2px 2px 2px #000000;-webkit-box-shadow: 5px 5px 5px #000000;box-shadow: 5px 5px 5px #000000;border:double 5px #000000;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#BloggerSpice-newsletter .BloggerSpice-title { margin-bottom:10px;margin-top:-10px; }
.BloggerSpice-title{margin-left: 8px;font-size:25px;width:270px, font-weight:bold; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:1px 8px 2px 8px;text-align:center;border:1px solid #151819;color:#fff;background:#000000;display:inline-block;}
#BSFS {width:116px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
position:relative;left:135px;}
.BSsubmit {margin-left:50px;margin-top:-5px;margin-bottom:-50px;border: none;color: #fff;text-transform: uppercase; font-size: 13px;padding: 5px 18px 5px;background: #111111;border-radius: 30px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;font-weight: bold;-webkit-transition: background .2s linear;
-moz-transition: background .2s linear;-ms-transition: background .2s linear;-o-transition: background .2s linear;transition: background .2s linear;cursor: pointer;
}
<!--www.bloggerspice.com-->
.BSsubmit:hover { background:#111111;}
#BSsearch ,#BSEmailHolder{background:#052D37;color:#fff;font-size:14px;border:none;
box-sizing:border-box;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;outline:none;padding:0px 15px; height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#BSsearch.inactive ,
#BSEmailHolder.inactive {color:#b5b7b8;}
#BSEmailHolder {width:100%;}
#BSmembers-count { font-size:12px; font-weight:bold;text-align:center;width:150px;margin:0 0 -36px 0 ;display:inline-block;
<!--www.bloggerspice.com-->
</style>
<div id="BloggerSpice-newsletter">
<div class="BloggerSpice-title">
Daily Email Updates <img img="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuZiWrJp1KlYPgWpV3wtym75FesSBrKHxq3dbKqU_2heMHDuO148hbsCy_aDymdiUYs2x5hp7GByZkXpi7GUuwQhcemLy7S_NhH7A9qeVu1oYHc7ZqgbL-yMsnXmmvQyIg8L91jNgI4A9M/s1600/BS+Robo.png" /></div>
<div class="BloggerSpice-nl-text">
<center>
Subscribe to Get Latest Updates Free</center>
</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USERNAME FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="inactive footer-text-field" id="BSEmailHolder" name="EMAIL" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Your email address" />
<input name="uri" type="hidden" value="BloggerSpice" />
<input name="loc" type="hidden" value="en_US" />
<br />
<div id="BSmembers-count">
<table border="0">
<tbody>
<tr>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/USERNAME FACEBOOK" target="_blank" title="Find Us On Facebook">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6wn1YT0VyTaBx99iysYVwsIO70DYF-8dTDIiYweKO_2Qz8UANp03z82Z8alCkyUG-JH9oupEaqtjSEz0jrRZt25guf9z0uGNcl7YTKtffCi9p1zIrzT6N4YtT00jVjTVYQYHKagkZ0DVu/s1600/BS+FB.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://twitter.com/USERNAME TWITTER" target="_blank" title="Follow Me On Twitter">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7MMpKst_1GS60Szg57COuW3SgeCd_ZLft2f6lJTFeOVUTLz0ptzi_AGUsTgBlM3yIPlQX1Y4QPSvMXs8lzx1gT2N1ciC8EtD9VIrs-tTa1oB1v_z_vJPZvyoNACy3MYVoZD6jtM-PGqJR/s1600/BS+Twitter.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/USERNAME FEEDBURNER" target="_blank" title="Subscribe Via RSS">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6fU6qH2euR29Pe-_Ph0pRXm9zxOi-vNT8d131n192taCLZ_ulVNSTQ5OoAxZmd-LpV72iAA8ecFjzO-WWEZQSuxruH-NEe2949S6JMh305oJzU67aPcz5YB4pbu_-fZdWrUF1_siS_X5D/s1600/BS+RSS.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="LINKEDIN URL" target="_blank" title="See my Linkedin">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaN7VASsVnaCLBXBwERRqEzEsY6yltPRbi43Fjyzo4fnFOQhJl1TAHEf0QGDse-6_UAiVVUrqBn0C_DlVc-pUKJu36Zm-5LgT47YqFffK9knd_vAAewdxGPz5yrcFnRHUm4UJxHi4nGCOC/s1600/BS+LinkID.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://youtube.com/USERNAME YOUTUBE" target="_blank" title="youtubr subscribe">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdST4Bq1f9kh0XLNmFEuh6e8k6I1qepCHOAZyaOmh1Abuc4oENpYIcIQkiQAViTbolwQYPwobe3yxnDOOGnmI81x4DCu3JoVF3zM7B6g3mkIROdwU0FV0kLVCEEnt8qdxbiWY_yJaeIEy1/s1600/BS+uTube.png" style="height: 25px; width: 25px;" /></a>
</td></tr>
</tbody></table>
</div>
<input class="BSsubmit" id="BSFS" type="submit" value="Subscribe" />
<br />
<div class="clr">
</div>
</form>
</div>
</div>
..................................................................................................................................................................
ΑΛΛΑΓΕΣ
Αντικαταστήστε όλα τα ID - username με τα αντίστοιχα δικά σας, που
έχετε στα αντίστοιχα social networks, και πατήστε Αποθήκευση!
ΠΡΟΣΕΞΤΕ κάποια urls όπως βλέπετε το FEEDBURNER ID
είναι παραπάνω από μία φορά!
Καλή επιτυχία!!!
Πηγή κώδικα
thanks to http://www.bloggerspice.com/
Edit by
Εγγραφή σε:
Σχόλια ανάρτησης
(
Atom
)
Smart Defrag 2
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Smart Defrag 2 ένα από τα καλύτερα προγράμματα ανασυγκρότησης των σκληρών μας δίσκων...
Auto Scrolling Recent Posts
Γειά σας ένα πολύ ωραίο widget με οριζόντιο Auto Scrolling για να παρουσιάζουμε τις πρόσφατες αναρτήσεις μας...
Free YouTube Uploader
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Free YouTube Uploader το οποίο μας επιτρέπει...
Social media
Γειά σας τα gadgets και widgets για τα social media δεν έχουν πλέον τελιωμό και σε αυτήν την ανάρτηση θα δούμε...
Back to top button
Γεία σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ γνωστό και χρήσιμο gadget το οποίο μας βοηθά έτσι ώστε...
Sitemap Widget
Γειά σας,σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο και χρήσιμο Sitemap widget το οποίο μας δείχνει μαζεμένες σε μία σελίδα...
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .
0 σχόλια :
Δημοσίευση σχολίου