Tech Time: Subscribe

Εμφάνιση αναρτήσεων με ετικέτα Subscribe. Εμφάνιση όλων των αναρτήσεων

Τρίτη 19 Ιουνίου 2018

Social Subscription Form

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα widget με μία
ακόμα version μίας Social Subscription form!Είναι από τα πιο δυνατά widget
που έχουμε στα blog μας, καθώς μπορεί να ενημερώνει τους επισκέπτες της σελίδα μας για τις
τελευταίες αναρτήσεις των blog μας μέσω του RSS Feed, και διαθέτει και
ενσωματωμένα social networks για να μας κάνουν follow οι επισκέπτες της
σελίδα μας!Το widget αυτό έχει ακόμα και ενσωματωμένo Search box!

Δείτε εδώ το DEMO

Για το εγκαταστήσετε και εσείς

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

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

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->
..............................................................................................................................................................

<style> 
/* ---Safe Tricks Social Media Widget--- */ 
#search {
border: 1px solid #DDD; 
background: white url(http://1.bp.blogspot.com/-t-XnlJf5iIE/Tu_lRFYsvkI/

AAAAAAAABqc/qtXhiIEeTpY/s1600/search.png) 99% 50% no-repeat; 
text-align: left; 
padding: 6px 24px 6px 6px; 
height:15px; mouse:pointer: 
} 
#search #s { 
background: none; 
color: #666; 
border: 0; 
width: 100%; 
padding: 0; 
margin: 0; 
outline: none; 
} 
.social-connect-widget {
background:#F5F4EF;
border:1px solid #E7E6DE;
padding:10px; 
border-radius:5px; 
-moz-border-radius:5px;
} 
.social-connect-widget:hover
{
border:1px solid #CBCBC2;
background:#FFF
} 
.social-connect-widget a
{
text-decoration:none;
font-weight:bold;
font-family:Arial,Helvetica,Sans-serif;
color:#4B4D4E
} 
.social-connect-widget a:hover
{
text-decoration:underline;
color:#F77C04
} 
.social-connect-widget img
{
vertical-align:middle;
margin-right:5px;
height:32px;
width:32;
} 
</style>

<div id="search" title="Type and hit enter"> <form action="/search" id="searchform"

 method="get"> <input id="s" name="q" onblur="if (this.value == &quot;&quot;)

{this.value = &quot;Search&quot;;}" onfocus="if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}" type="text" value="Search" /> </form> </div>
<br/><br/>
<div class="social-connect-widget" style="margin-top:0px;margin-bottom:10px;">

 <img alt="rss feed" src="https://lh3.googleusercontent.com/-Gp6ddPgOsGQ/

UflKXskniVI/AAAAAAAADLg/TyKkwnpJmgM/s32/rss.png" /><a href="http://feeds.

feedburner.com/USERNAME FEED" target="_blank">Subscribe to our RSS Feeds!</a>
</div>
<div class="social-connect-widget" style="margin-bottom:10px;"> <img alt="

follow us on twitter!" src="https://lh4.googleusercontent.com/-VI_uYqivuCA/

UflKZPKuogI/AAAAAAAADLs/bKBPSKPRVT0/s32/twitter.png" title="follow us on twitter!

" /><a href="http://twitter.com/USERNAME TWITTER" target="_blank">Follow Me on

Twitter!

</a>
</div> 
<div class="social-connect-widget" style="margin-bottom:10px;"> <img alt="be our

fan!" src="https://lh5.googleusercontent.com/-b3vt-JVuxo8/UflKXpk5piI/AAAAAAAADLk

/u-IbcQcxnR4/s32/facebook.png&#39; title=&#39;Be Our Fan" /><a href=

"http://www.facebook.com/USERNAME FACEBOOK" target="_blank">Follow Me on

Facebook!</a>
</div>
<div class="social-connect-widget" style="margin-top:0px;margin-bottom:10px;">

<img alt="google plus" src="https://lh6.googleusercontent.com/-3FUyQAWSRzc/

UflKXjrS1mI/AAAAAAAADLc/_PBLrrjQSps/s39/g-plus-logo.png" /><a href="

https://plus.google.com/u/0/USERNAME GOOGLE PLUS" target="_blank">Add Me on

Google+!</a></div>

.................................................................................

ΑΛΛΑΓΕΣ

Αντικαταστήστε όλα τα USERNAMES με τα αντίστοιχα δικά σας που έχετε στα
social networks, και πατήστε Αποθήκευση!Αυτό ήταν!

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

Πηγή κώδικα
thanks to safetricks.com

Edit by

Πέμπτη 8 Ιουνίου 2017

Αφαίρεση του Εγγραφή σε Αναρτήσεις (Atom) - Remove Subscribe To Post (Atom) From Blogger

Φίλες και φίλοι γεια σας,σε πολλά πρότυπα (templates) blogs ειδικά αν
χρησιμοποιήτε πρότυπο(template)της Blogger, κάτω στο footer της σελίδας του
προτύπου σας υπάρχει το ενσωματωμένο widget που βλέπετε πιο κάτω με το οποίο
μπορούν οι αναγνώστες μας να εγγράφονται:

Εγγραφή σε: αναρτήσεις (Atom)

Subscribe to: Posts (Atom)

Πολλοί όμως Bloggers(αν όχι όλοι) προτιμούν τα Rss Feeds για την παρακολούθηση των
αναρτήσεων τους,
πρώτον γιατί μπορούν να βάλουν το widget σε όποιο σημείο της σελίδας
τους επιθυμούν,
και δεύτερο είναι πολύ πιο καλαίσθητο στο μάτι, διότι μπορούν να το φτιάξουν
όπως θέλουν
(Παράδειγμα στην δεξιά sidebar του Tech Time)!

Για να αφαιρέσουμε από το template μας, το default widget πρέπει να γίνουν τα εξής:

Πρώτα από όλα πρέπει να κάνετε BACK UP TO TEMPLATE ΣΑΣ και μετά:

Αντιγράψτε τον ακόλουθο κώδικα
.................................................................................................................................................................

.feed-links { display:none !important; } ..................................................................................................................................................................

και...

Πηγαίνετε blogger-->Πρότυπο

Επεξεργασία HTML

κάνετε click μέσα στο template

και πατώντας Ctrl + F ψάχνεται

να βρείτε το: ]]></b:skin>

Μόλις το βρείτε επικολλήστε τον κώδικα

ακριβώς από ΠΑΝΩ ΤΟΥ

Πατήστε Αποθήκευση Προτύπου!

Αυτό ήταν!

Δείτε εδώ το DEMO

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

Πηγή κώδικα
thanks to bloggerspice.com

Edit by

Τρίτη 6 Ιουνίου 2017

Robotic Subscription Widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα νέο widget από τον
Mohammad Fazle Rabbi ο οποίος μας δίνει ένα social media subscription
widget με ενσωματωμένα social media tabs σε Robotic science fiction style,
ιδανικό για τέτοιου είδους blogs, αλλά και για διάφορα
άλλα!

Δείτε εδώ το DEMO

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

Προσθήκη 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;
}

.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;

</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

Πέμπτη 6 Απριλίου 2017

Community Popup Widget

Γεια σας,ένα πολύ ωραίο Popup Social Widget για τα blog μας θα δούμε σε αυτήν

την ανάρτηση το οποίο υπενθυμίζει στους αναγνώστες και επισκέπτες μας να μας

ακολουθούν στα διάσημα πλέον social media, facebook & twitter!

Εδώ θα το δούμε τοποθετημένο κάτω αριστερά και στον επισκέπτη, αναγνώστη μας
θα εμφανίζεται όταν πλοηγείται στην σελίδα μας προς τα κάτω και ο πρώτος κώδικας
είναι σε πράσινο χρώμα

όπως θα δείτε στο

Demo!

Η εγκατάσταση είναι απλή...

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

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

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->

.............................................................................................................. ..........................

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>   <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#IGsocialslide").show("slow");else $("#IGsocialslide").hide("slow");});function closeIGsocialslide(){$('#IGsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> <style type='text/css'> #IGsocialslide{ background:black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyMbZvrYtJdddc7gGq1gdoDvycOeOips788KWifgtElVLsXWBiCYKqwY19C5tG7g3dOmlcaXFmH3tX_6VPlu5AgBiVxm-mL_acmAlxVcNSblismUf3egscwuzyHgzZFzlXFvHNwkNQJBc/s1600/NBT_Green.png) left top repeat-x; border-radius:9px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:inset 0 0 4px #333; -webkit-box-shadow:inset 0 0 4px #333; box-shadow:inner 0 0 3px #333; padding:12px 14px 12px 14px; width:300px; position:fixed; bottom:13px; left:2px; display:none; z-index:3; height:65px;} </style> <div style="display: none;" id="IGsocialslide"> <a style="position:absolute;top:14px;right:10px;color:#D8C9C9;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeIGsocialslide();">X</a> <span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #868686;color:#F8F0F0;">Don't forget to join our community!</span><br /> <div style="float:left; margin:15px;"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebook Page Url&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div> <div style="float:left; margin:15px;"><a href="https://twitter.com/Twitter Username" class="twitter-follow-button" data-show-count="true" data-size="small" data-show-screen-name="false">Follow</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div> </div> <div class='clear'></div> </div>

..................................................................................................................................................

Δευτέρα 21 Νοεμβρίου 2016

Wood social subscription widget

Φίλες και φίλοι γεια σας, έχουμε δει σε παλαιότερες αναρτήσεις μερικά Subscription widgets μέσω
των οποίων οι αναγνώστες μας ενημερώνονται αυτομάτως με τα τελευταία νέα των blog μας!
Σε αυτήν την ανάρτηση θα δούμε ένα widget subscription form, όχι μόνο με feedburner αλλά και με
socials networks ενσωματωμένα, με ξύλινη επένδυση στα buttons και με hover effect!

Δείτε εδώ το DEMO

Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει αυτό...

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

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

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->
............................................................................................................................................

<style>
/*---Widget by www.bloggerspice.com---*/
img.beintouch:hover {
    background: none repeat scroll 0 0 #ffbc99;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #ffbc12;
}
.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8GdtD30o79xjwM7HndLH-13g7cIC86ILMH_8RCjsZOg5Hf8Ur031zeHSMajSgPpOvV9KXqWyh_OtYUxtRREb-n4xb-xzkl85xLztFALJNB_M7rC6o-ijzPLAKDMtpQDAiatlVUGkaNI/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #7E4E27;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px #7E4E27 inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 150px;
}
.ebutton {
    background: -moz-linear-gradient(-45deg, #3C1F0E 0%, #D28A47 30%, #F9E183 30%, #D28A47 55%, #3C1F0E 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000000;
}
/*---Widget by www.bloggerspice.com---*/
</style>
<table align="" width="290px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/USERNAME FACEBOOK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zRJr7T_LBWUZ2NSV-8fS5v6ZPS2i9Qno8lKJB0rSljP2YebDd6mapB5eo-qTZe2t_K78rIM5wI8gB0mvijJzFTJmqczfD46b8kEjsBBXRuUuMFCDSM_lPdMTkh2iJIXWC5yy3rb_b_Y8/s400/facebook.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/USERNAME TWITTER" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg30eFhDWJRQNWsaQE6nT1GJCpaETH-M7F7u5M_zEBgVS4tOn49sdDuZTmRzl66m7wi8M9siKuDihPkL7G3q4VBS2Uc_42Rs4dXiMkERbJJ_yeCcHJk6tJ9ZP_OFc2OMv_Hyjcfv-J8LwkO/s400/twitter.png" class="beintouch" /></a></td><td><a target="_blank" href="http://pinterest.com/USERNAME PINTEREST" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_yRKGR98XQRCsJ4OEaGdQznGs9kjm-nN0jYR_0yzqEoEz4PgkM3USYLz2qc1t7GqK5D1KB_Msv03ALFV2i8zGdsOJg3Y3hyfWq8FsEYNqelL2QVKCy3QMqSOVRo9woElxxtAVg9i2Y-Yj/s400/p.png" class="beintouch" /></a></td><td><a target="_blank" href="https://plus.google.com/GOOGLE PLUS ID/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK6NyerIO7fVxy0cvnglTfz5-VX4a5HMf5f_ZJEecAJLyi94B48-UlaVeJ6tY4cjTb8bgYccGuXS4q1E5kslXn3XRv2n5XQargv5t3u9TqtEM1nysY5-dIWaCOLpcEoQ6qAg53kBbPNyGQ/s400/google.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/USERNAME FEED" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj23s5Njiae6grjOWMPC4bf__A1rIV9IR6sMYsX59yoIxIXzSrbwhX-Kn2Om_t-vqXfxZW19y4i7yKETLG4xurRADuxvimbc4cEPnsfM0Jq4HNRJFaeeawDpkzkVSahgWwrCaDJwlhKFw-S/s400/rss.png" class="beintouch" /></a><a href="http://bloggerspice.com"></a></td></tr></tbody></table>
<div><b>Get  Fresh Pro Trick Daily via EMAIL </b></div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USERNAME FEED', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="BloggerSpice" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == "Enter your email...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Enter your email...";}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form>

..........................................................................................................................................................

ΑΛΛΑΓΕΣ

USERNAME--KANTE AΛΛΑΓΗ ΟΛΑ ΤΑ USERNAME ΜΕ ΤΑ ΑΝΤΙΣΤΟΙΧΑ ΔΙΚΑ ΣΑΣ ΠΟΥ

ΕΧΕΤΕ ΣΤΑ SOCIAL MEDIA!

Προσέξτε το feedburner το βάζετε 2 φορές!

GOOGLE PLUS ID- ΕΔΩ ΒΑΖΕΤΕ ΤΟ GOΟGLE ID ΣΑΣ!

Get Fresh Pro Trick Daily via EMAIL--Αν θέλετε αλλάζετε και την πρόταση και

γράφεται ότι θέλετε εσείς!

Μόλις τελειώσετε Αποθήκευση και είστε έτοιμοι!

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

Πηγή κώδικα

thanks to bloggerspice.com/

Edit by

Πέμπτη 10 Νοεμβρίου 2016

Feedburner Subscribe Box

Φίλες και φίλοι γεια σας, σήμερα θα δούμε ένα widget που περιλαμβάνει social
networks και μία Feedburner Subscribe form όλα μαζί σε ένα Feedburner Subscribe
Box!Έχει ενσωματωμένο ένα πολύ ωραίο hover effect και έχω προσθέσει και εικονίδιο
Gif!

Δείτε εδώ το DEMO

H εγκατάσταση του είναι πάρα πολύ απλή και για να γίνει αυτό

ακολουθείτε την γνωστή διαδικασία..

Blogger-->Διάταξη

Προσθήκη gadget-->Html javascript

και επικολλήστε τον ακόλουθο κώδικα:
...........................................................................................................................................................

<style>
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioK7uBcWTRJU6GhP-28A4RZH8uY87lh0is6IGaW7fNMVGo3JGkniKqNvE15GieK-Zj9S98ThdwuAtetFqwYFCnBaLFeYi5OCHc6CYdD1684gSKIMihdu_PwPSCSZzJI-9NHBFq3rbBEONN/s454/Sharing%2520Touch%2520Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}
.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}
</style>
<div class='touchme'>

<a class='rss' href="http://feeds.feedburner.com/USERNAME FEED" rel='external nofollow' target='_blank'></a>

<a class='googleplus' href="URL ΔΙΕΥΘΥΝΣΗΣ GOOGLE PLUS" rel='external nofollow' target='_blank'></a>

<a class='facebook' href=" URL ΔΙΕΥΘΥΝΣΗΣ FACEBOOK
" rel='external nofollow' target='_blank'></a>

<a class='twitter' href="https://www.twitter.com/USERNAME TWITTER" rel='external nofollow' target='_blank' ></a>
</div>
<style>
.tk-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQYTiSuQADVkg3eDZloCgZmmBpO34aSeWwqcClw2OORxvLtAXK3cyaFI7wcFmPSXOBtDcVrs_r5gUmNLCUUFcC8oPy9BxwWmgR-nSIu873rbNHykTajj3zelUTPLgAB0jApLuORcN24co/s55/email27a.gif) no-repeat 0px 5px ;
width:300px;
padding:0px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 1px 0;
color:#686B6C;
}
.tk-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;
}
.tk-emailsubmit:hover{
background:#3d87d0;
}
.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:150px;
color:#665;}
</style>
<div class="tk-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=USERNAME 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="USERNAME FEED" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="tk-emailsubmit" value="Submit" type="submit" />
</form>
</div>

...............................................................................................................................................................

AΛΛΑΓΕΣ

Κάντε αλλαγή και βάλτε τα δικά σας στοιχεία:Εκεί που λέει URL ΔΙΕΥΘΥΝΣΗΣ θα
βάλετε όλο το λινκ που έχετε στο αντίστοιχο social δίκτυο...

και εκεί που λέει USERNAME θα βάλετε μόνο το username που έχετε στο αντίστοιχο
social δίκτυο...

Όποιος θέλει αλλάζει και το εικονίδιο με δικό του:
https://dl.dropboxusercontent.com/u/49409267/Animation/EMAILS%20GIF/n2.gif

Αποθήκευση και έτοιμοι!

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

Πηγή κώδικα
thanks to techkgp.com

Edit by

Παρασκευή 21 Οκτωβρίου 2016

Wordpress Professional Email Subscription Widget

Φίλες και φίλοι γεια σας, σήμερα θα δούμε ένα ακόμα subscription email widget σε
στυλ wordpress!Έχω πει και στο παρελθόν ό,τι τα subscription widgets είναι από τα
πιο χρήσιμα widgets που έχουμε στα blog μας, καθώς μέσω αυτών μπορούν οι αναγνώστες μας
αυτόματα να μαθαίνουν τις τελευταίες αναρτήσεις μας!

Δείτε εδώ το DEMO

Η εγκατάσταση του είναι απλή και για να γίνει αυτό..

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

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

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->
................................................................................................................................................................

<div align="center" id="probloggertricks">
<div id="ig-subscription-optin" filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#55AAEE', endcolorstr='#003366',gradienttype=0 ); width: 265px;">
<h4 id="probloggertricks-title-text" style="color: 000; font-size: 20px;">
SUBSCRIBE OUR NEWSLETTER</h4>
<div id="probloggertricks-sub-title-txt" style="color: 000; font-size: 14px;">
Join us for free and get valuable content delivered right through your inbox.</div>
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USERNAME FEED', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="name" id="probloggertricks_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Enter Your Name" /><br />
<input class="email" id="probloggertricks_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="USERNAME FEED" /><input name="loc" type="hidden" value="en_US" /> <input id="probloggertricks_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form>
</div>
</div>
<style>
#ig-subscription-optin {margin: 0px;padding: 10px;height: auto!important;padding: 0px 10px 15px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQsb6syrz554Ivm8YxbU9CDDPeJqyhqx7kS470Ju52veUT-HebLnY3kInv8dq8AQfSZfF18tGB9AGDxcwUkz59MUULnuabs97eXmB-yLofHU1uXpM0SSk5kj_NWC3NxUfXDxWwXZJR1nxX/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioNAGeaZCJF7sNtOsIFR-eK4XrpJGZ_L7ezhZ8VHXmkaQpEREZFfhXLtQNGQkbKt3mpmHc3mgEV6PhJ93_AaP0sgXGPUfuenTlzsmJCwgnovDpNOrHemw1wC0zc6HaU3MDs7XCK5tBQ12j/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h4 {margin-bottom: 8px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: #0094D2;border: 1px solid #0094D2;color: red;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #f6640e; border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin input[type="submit"]:hover {color: #FFFC00;}</style>

................................................................................................................................................................
ΑΛΛΑΓΕΣ

USERNAME FEED ---Εδώ βάζετε το username που έχετε στο feedburner!

SUBSCRIBE OUR NEWSLETTER--Aλλάζετε αν θέλετε τον τίτλο!

Όποιος θέλει αλλάζει και το κείμενο με ένα δικό του:

Join us for free and get valuable content delivered right through your inbox

Αποθήκευση και έτοιμοι!

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

Πηγή κώδικα
thanks to probloggertricks.com

Edit by

Παρασκευή 15 Απριλίου 2016

Do You Like This Article:Share it

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα πολύ χρήσιμο
widget το οποίο τοποθετείτε στο τέλος κάθε ανάρτησης - άρθρου του blog μας
και επιτρέπει στου αναγνώστες μας εάν θέλουν να διαμοιράσουν (share) το άρθρο
από τα ενσωματωμένα socials tabs που έχει και υπενθυμίζει
στους αναγνώστες μας
να εγγραφούν στο feedburner μας για να λαμβάνουν τις τελευταίες αναρτήσεις
μας!

DEMO θα δείτε στο τέλος κάθε ανάρτησης εδώ στο Tech Time

ΕΓΚΑΤΆΣΤΑΣΗ:

Για αρχή κάντε BACK UP TO TEMPLATE ΣΑΣ και

αφού πρώτα βάλετε το

δικό σας USERNAME στα υπογραμμισμένα σημεία του κώδικα

Προσέξτε το username που έχετε στο feed μπαίνει 3 φορές!

αντιγράψτε τον ακόλουθο κώδικα και

....................................................................................................................................................................

<b:if cond='data:blog.pageType == "item"'>
<style>
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.sttext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtJ8BULCCvcOphcuBJuNzQ11svGjQsSV9dkhYZxMWxuxGcDr5F6LH2wetlSzNyzQjP6u-w82wQc21PGFvJywD_bFnWujXbfHghYeZJ04oug_jgtnBbG4Mn05A4cpHd16egYmCR3ZKbiu0/s28/box-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.STbutton{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#Box-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
background:#EEEEEE;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:555px;
}
#Box-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#Box-outer td{
padding:3px 0;
}
</style>
<div id='Box-outer'>
<div id='Box'>
<table width='100%'>
<span style='font-style: italic; font-size: 22px; font-family: arial,sans-serif, verdana; color:orange;'>Σας άρεσε το άρθρο? Διαδώστε το!</span>
<br/><br/>If you enjoyed this Post Please take 5 Seconds to share it and Join Us Our Latest Updates By Email and Social Networks.
<tbody>
<tr>
<td>

<div class='addthis_toolbox addthis_default_style '>
<br/>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>

</td>
</tr>
<tr align='left'>
<td> <p style='color:#665; font-style:italic; margin:0px 0px 5px 0px; '>Stay Connected With Free Updates!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=username feed;, 'popupwindow', 'scrollbars=yes,width=600,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='username feed'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sttext' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' type='text' value='Enter your email...'/>
<input alt='' class='STbutton' title='' type='submit' value='Submit'/>
</form>
</td>
<td>
<p style='color:#666; font-style:italic; margin:0px 0px 5px 0px;'>Follow us!</p>
<a href='http://feeds.feedburner.com/username feed' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7W-aPTM8fRz4L9lk_67a9I6rcjXC6Ap7JqyTJROOuvgwDz72fTkh5yK0cGBG_MWPIr1217HTqagIY5PT1vZDDqvgE15gjv_8DZqMsjsevvJqkB8zllOKHIC8iQF7kO_d-V7ThkoR_a2I/s40/box-rss.png'/></a>
<a href='http://twitter.com/username twitter' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBUBTIsGhhLlPMM0gE74i2ObKRihYKYAfHWAhwvlXG_Qeipx-PNxLjNc1cFxF5EXcKfQq1EBk5x-GzmLZNqi25M057eaZIxgWwjgvXAeu4ZD2nWfLe0AV10XT6EZrYP4UvUCxQ6TyT6Vo/s40/box-twt.png'/></a>
<a href='http://www.facebook.com/username facebook' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOBa2_9yA5JFQlUSkXicC2yadiaooKPxPuFikAGgZ0h3Lf-Hk3-AmjNMCFgiKkeICEL9RnmGF52ycyLhtyyQ3mmenip2KKrKKUYZI3NakYYawKAIOxkHllamqizIizQ56NjTEumFCudSQ/s40/box-fb.png'/></a>
</td>
</tr>
</tbody></table></div></div>
</b:if>

.................................................................................................................................................................

Αφού βάλετε τα δικά σας usernames όπως βλέπετε

Πηγαίνετε blogger-->Πρότυπο

Επεξεργασία HTML

κάνετε click μέσα στο template

και πατώντας Ctrl + F ψάχνεται

να βρείτε το:

<div class='post-footer-line post-footer-line-2'>

Μπορεί να υπάρχει 2-3 φορές στο template σας,

συνήθως είναι το τελευταίο, μοιάζει κάπως έτσι:

Μόλις το βρείτε κάντε επικόλληση τον κώδικα

ακριβώς από ΚΑΤΩ ΤΟΥ!

Πατήστε Αποθήκευση Προτύπου!

Αν δεν πετύχει με την πρώτη θα το δοκιμάσετε και στα άλλα σημεία, για αυτό

Backup το template σας ΠΑΝΤΑ

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

Πηγή κώδικα
thanks to safetricks.com

Edit by

Τρίτη 4 Φεβρουαρίου 2014

Social Subscription Widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε μία πλήρης Subscribe form!
Έχουμε δει και άλλα παρόμοια widgets σε παλαιότερες αναρτήσεις καθώς είναι από
τα πιο χρήσιμα widgets που πρέπει να έχουμε στα blog μας!Κάθε Subscribe form
έχει το κάτι διαφορετικό στο στυλ εμφάνισης μόνο, διότι πάνω κάτω στα social links
που περιέχουν είναι περίπου τα ίδια!

Δείτε εδώ το DEMO

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

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

και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα-->
..............................................................................................................................................................

ΑΛΛΑΓΕΣ

Αντικαταστήστε όλα τα USERNAMES και τα ID με τα αντίστοιχα δικά σας, στα
υπογραμμισμένα σημεία του κώδικα, ΠΡΟΣΕΞΤΕ κάποια τα βάζετε 2 φορές και πατήστε Αποθήκευση!Αυτό ήταν!

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

Πηγή κώδικα
thanks to trackmyblog.com

Edit by