Ads 468x60px

Σάββατο 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 == &quot;&quot;)
{this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" 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!!!!

0 σχόλια :

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

Icon Icon Icon

spice up your blog


Giveaway of the Day
Άδεια Creative Commons
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .