Σάββατο 31 Αυγούστου 2013
Subscription form
Φίλες και φίλοι γειά σας σήμερα θα δούμε μία ωραία Subscription form η οποία βοηθά
τους αναγνώστες μας,να μαθαίνουν τις τελευταίες αναρτήσεις μας μέσω του feed μας
από το feedburner μας!!Είναι από τις πιο χρήσιμες λειτουργίες που μας προσφέρει η Google
για τα blog μας!!Σε αυτήν την ανάρτηση θα την δόυμε σε απλή
μορφή ενώ θα ακολουθήσουν
και άλλες της παραλλαγές σε άλλες αναρτήσεις!!
Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει αυτο...
Πηγαίνετε blogger--> Διάταξη -->
Προσθήκη gadget-->HTML/JavaScript
και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα-->
..........................................................................................................................
<style>
.mbt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFoNMbEm3ihN3iv38xEzgvQwP0nkHjQ2EsYpV8U-FN3ma6UKmNDtPOTdI23-fIJoUoUH9ZEeYTxHDibw7qV270uWEAqFQWCV1xCE-thmZfnHnNKnwtdi074hb-P1KykmwBtV0WeG7o_XhB/s1600/email.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.mbt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.mbt-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<div class="mbt-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?
uri=ΕΔΩ ΒΑΖΕΤΕ ΤΟ FEED ΣΑΣ', 'popupwindow', 'scrollbars=yes,width=550,height=520');
return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "")
{this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" />
<input type="hidden" value="ΕΔΩ ΒΑΖΕΤΕ ΤΟ FEED ΣΑΣ" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>
.......................................................................................................................
ΑΛΛΑΓΕΣ
ΕΔΩ ΒΑΖΕΤΕ ΤΟ FEED ΣΑΣ--Βάλτε στα 2 σημεία τον κωδικό από το feed σας
και πατήστε Αποθήκευση!Αυτό ήταν!!!
Καλή επιτυχία!!!
DEMO
Πηγή κώδικα
Edit by vaiol!!!!
τους αναγνώστες μας,να μαθαίνουν τις τελευταίες αναρτήσεις μας μέσω του feed μας
από το feedburner μας!!Είναι από τις πιο χρήσιμες λειτουργίες που μας προσφέρει η Google
για τα blog μας!!Σε αυτήν την ανάρτηση θα την δόυμε σε απλή
μορφή ενώ θα ακολουθήσουν
και άλλες της παραλλαγές σε άλλες αναρτήσεις!!
Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει αυτο...
Πηγαίνετε blogger--> Διάταξη -->
Προσθήκη gadget-->HTML/JavaScript
και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα-->
..........................................................................................................................
<style>
.mbt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFoNMbEm3ihN3iv38xEzgvQwP0nkHjQ2EsYpV8U-FN3ma6UKmNDtPOTdI23-fIJoUoUH9ZEeYTxHDibw7qV270uWEAqFQWCV1xCE-thmZfnHnNKnwtdi074hb-P1KykmwBtV0WeG7o_XhB/s1600/email.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.mbt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.mbt-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<div class="mbt-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?
uri=ΕΔΩ ΒΑΖΕΤΕ ΤΟ FEED ΣΑΣ', 'popupwindow', 'scrollbars=yes,width=550,height=520');
return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "")
{this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" />
<input type="hidden" value="ΕΔΩ ΒΑΖΕΤΕ ΤΟ FEED ΣΑΣ" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>
.......................................................................................................................
ΑΛΛΑΓΕΣ
ΕΔΩ ΒΑΖΕΤΕ ΤΟ FEED ΣΑΣ--Βάλτε στα 2 σημεία τον κωδικό από το feed σας
και πατήστε Αποθήκευση!Αυτό ήταν!!!
Καλή επιτυχία!!!
DEMO
Πηγή κώδικα
Edit by vaiol!!!!
Εγγραφή σε:
Σχόλια ανάρτησης
(
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 σχόλια :
Δημοσίευση σχολίου