Ads 468x60px

Παρασκευή 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=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,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>
<!-- AddThis Button BEGIN -->
<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'/>
<!-- AddThis Button END -->
</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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=username feed;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=600,height=520&apos;);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 == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' 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://lh6.googleusercontent.com/-JcC7aQHTodM/UeA8xuInqRI/AAAAAAAAC_Y/dh1wcnTsLvk/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://lh3.googleusercontent.com/-rh6VRO2cye8/UeA9CZ4VkYI/AAAAAAAAC_k/uwLWEsysdXA/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 σας,
συνήθως είναι το τελευταίο, μοιάζει κάπως έτσι:
 
 
                                      

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

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


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



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



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


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





Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog


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