Ads 468x60px

Παρασκευή, 6 Σεπτεμβρίου 2013

Subscription form update 1

Φίλες και φίλοι γειά σας μετά την πρώτη μας ανάρτηση πού αφορούσε την Subscription form
για το blog μας,τώρα σε αυτήν την ανάρτηση θα δούμε διάφορες παραλλαγές της που έχώ
ετοιμάσει!!Ο κώδικας παραμένει ο ίδιος και απλά θα αλλάξουμε τα εικονίδια!

Πάμε να δούμε τι έχουμε:

1:






https://lh3.googleusercontent.com/-d2Nkk1p6Abo/UiEsYJRlRLI/AAAAAAAAH68/6gZbmTl6eD8/s55/email27a.gif






2:






https://lh6.googleusercontent.com/-0fxjhzoSscU/UiEsYsr6XSI/AAAAAAAAH7I/nseZbfUp4TQ/s64/n2.gif








3:








https://lh6.googleusercontent.com/-6luawfpOmRw/UiUpL6HtI6I/AAAAAAAAIBo/O0S3IqnwYdo/s55/mail_post_to.png

4:






https://lh5.googleusercontent.com/-qTN7CpBIzTQ/UiUpLLij46I/AAAAAAAAIBk/-PNuO6cnyMU/s55/mail_forward%25281%2529.png

5:






https://lh5.googleusercontent.com/-CVq-Fx15Ncs/UiUpK7egOcI/AAAAAAAAIBQ/ywuCghoXVYw/s55/forward_email.png



Οι 2 πρώτες photos είναι gif  για αυτό έκανα και αναπαραγωγή ενώ στις άλλες είναι 
οπως τα βλέπετε απο πάνω!!

Η εγκατάσταση είναι η ίδια και για να γίνει αυτο...

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

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

 και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα--
..........................................................................................................................
<style>
.mbt-email{
background:url(ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗΣ ΤΗΣ ΦΩΤΟΓΡΑΦΙΑ ΣΑΣ) 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>
..............................................................................................................................................
ΑΛΛΑΓΕΣ

ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗΣ ΤΗΣ ΦΩΤΟΓΡΑΦΙΑ ΣΑΣ--Εδώ βάζετε την δική σας φώτο!
Διαλέγετε πιο url θέλετε από τα παραδείγματα πάνω η βάζετε το δικό σας!!

 ΕΔΩ ΒΑΖΕΤΕ ΤΟ FEED ΣΑΣ--Εδώ βάζετε την διεύθυνση του feed σας!!


Subscribe via Email--Όποιος θέλει αλλάζει και το κείμενο όπως έχω κάνει και στην
 τελευταία φόρμα!

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


Edit by vaiol!!!!

0 σχόλια :

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

Icon Icon Icon

spice up your blog