Tech Time: social box

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

Τρίτη 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

Πέμπτη 6 Ιουλίου 2017

Amazing jQuery Facebook Like Slide Out

Φίλες και φίλοι γειά σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο slide out Like για
το facebook!!Τοποθετείτε σαν κουμπί like στα αριστερά της σελίδας μας και όταν το κλικάρουμε
κάνει ανάδυση το slide out box από τον πάτο(footer) της σελίδας μας!

Δείτε εδώ το DEMO

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

Πηγαίνετε blogger-->

Διάταξη --> Προσθήκη gadget-->

HTML/JavaScript

και στο παράθυρο που θα ανοίξει-->

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

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

<a href="javascript:showHideNBTfl()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3ZPG2_olOfAu2WpV1LbTNsp4cGhg7WteT6suMDxs545bkd5vzxQI6-CdX2fyDDFELssZ1IVUkwM1liiEtsHRKdMd_78Cnjh3ikVKZ207b9IOg7FonXp6aiptvz7BX40IR0GP8G9JDT6AI/s1600/NBTLikeUs+1.png" alt="Member" title="Click to Follow" style="position: fixed; top: 150px; right: 0px; cursor: pointer; opacity: 0.5; " opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;"="" height="130px" width="35px" /></a> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <style type="text/css"> #NBTfl{ position:fixed; left:150px; z-index:+1000; } * html #NBTfl{position:relative;} .NBTflcontent{ NBTfloat:left; border:2px solid #676767; background:whitesmoke; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; padding:10px; } </style> <script type="text/javascript"> function showHideNBTfl(){ var NBTfl = document.getElementById("NBTfl"); var w = NBTfl.offsetWidth; NBTfl.opened ? moveNBTfl(0, -100-w) : moveNBTfl(20-w, 0); NBTfl.opened = !NBTfl.opened; } function moveNBTfl(x0, xf){ var NBTfl = document.getElementById("NBTfl"); var dx = Math.abs(x0-xf) > 25 ? 35 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; NBTfl.style.bottom = x.toString() + "px"; if(x0!=xf){setTimeout("moveNBTfl("+x+", "+xf+")", 10);} } </script> <div id="NBTfl" style="bottom: -401px; "> <div class="NBTfltab" onclick="showHideNBTfl()"> </div> <div class="NBTflcontent"> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUSERNAME FACEBOOK&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overNBTflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe> <div style="text-align: right;"> <a href="javascript:showHideNBTfl()"> <span style="color:#daa520;"><b>[Close]</b> </span> </a></div></span> <span style="font-size:10px;">Widget By: <strong><a href="http://www.newbloggertips.com/2013/02/add-amazing-jquery-facebook-like-slide.html"><span style="color: rgb(218, 165, 32);">NBT</span></a></strong></span> </a></a></div> </div> <script type="text/javascript"> var NBTfl = document.getElementById("NBTfl"); NBTfl.style.bottom = (-100-NBTfl.offsetWidth).toString() + "px"; </script>

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

USERNAME FACEBOOK- Εδώ βάζετε το username σας από το facebook!

150px-- Εάν αυξήσουμε το 150 το like κατεβαίνει προς τα κάτω, εάν το μειώσουμε ανεβαίνει
προς τα πάνω!

ΒΑΣΙΚΟ---> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

ΕΑΝ ΕΧΕΤΕ ΚΑΙ ΑΛΛΟ JQUERY CODE ΣΤΟ BLOG ΣΑΣ ΑΦΑΙΡΕΙΤΕ ΑΠΟ ΤΟΝ ΚΩΔΙΚΑ ΤΗΝ ΥΠΟΓΡΑΜΜΙΣΜΕΝΗ ΠΡΟΤΑΣΗ ΠΟΥ ΒΛΕΠΕΤΕ ΑΠΟ ΠΑΝΩ!

Υγ:Ενδέχεται σε κάποια πρότυπα (templates) και παρόλο την αφαίρεση το jquery να μην
λειτουργήσει!

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

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

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

Edit by

Παρασκευή 5 Μαΐου 2017

Google Plus Widget With Hover Effect

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα widget για την online
κοινότητα μας στην πλατφόρμα
της Google, το Google+

Έχει κουμπί προσθήκης για τους κύκλους μας στο Google plus
και διαθέτει και hover
effect όταν κάνουμε mouseover με τον κέρσορα μας!

Δείτε εδώ το DEMO

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

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

και στο παράθυρο που θα ανοίξει

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

<style>

.avdhootbloggerdemo{

margin: 10px auto;

background-color: #ffffff;

width: 260px;

padding: 10px 0 10px 10px;

height: 255px;

overflow: hidden;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

border: 10px solid #000000;

}

.avdhootbloggerdemo:hover {

border: 10px solid #054542;

background-image: linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);

background-image: -o-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);

background-image: -moz-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);

background-image: -webkit-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);

background-image: -ms-linear-gradient(bottom, rgb(5,69,66) 13%, rgb(19,186,189) 55%);

background-image: -webkit-gradient(

linear,

left bottom,

left top,

color-stop(0.13, rgb(5,69,66)),

color-stop(0.55, rgb(19,186,189))

);

}

// Professional google plus widget with hover effect by www.avdhootblogger.com //

</style>

<div class="avdhootbloggerdemo">

<div class="g-plus" data-action="followers" data-height="280" data-href="GOOGLE URL LINK" data-source="blogger:blog:followers" data-width="280"></div>

</div>

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

ΑΛΛΑΓΕΣ

Βάζετε το url που έχετε στο google plus και πατάτε Αποθήκευση!!

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

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

Edit by

Δευτέρα 27 Μαρτίου 2017

Social media widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε άλλο ένα
Social media widget για τα blog μας!Έχει ένα πολύ ωραίο window hover
effect όταν κάνουμε mouseover με τον κέρσορα μας, και μπορείτε να το
βάλετε σχεδόν παντού λόγου του μικρού μεγέθους του!

Δείτε εδώ το DEMO

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

<style>.avdhootwindow {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.avdhootwindow ul li{list-style:none;border-bottom:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.avdhootwindow li a {margin:5px 5px 0px 5px;padding:0px 0px 0px 0px;width:60px;height:60px;float:left;text-indent:-99999px;background: #191919;border:solid 1px #222121;-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;}.avdhootwindow li a.facebook {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtvnkDqMU3PXP4ZHSA5CWVtwG9f7jEWMBRuBUMg4E9zbEH3mICITUjWHq4O7S3Zo5ItftoFL4Dvr2Yj0vwzA-K6tN7dmOSBAOy9kLV1Sa9Ome3vanGTQmAMaLczEw4-YeVJOfFrCBRvRWK/s320/BS+facebook.png) no-repeat -0px -88px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;}.avdhootwindow li a.facebook:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtvnkDqMU3PXP4ZHSA5CWVtwG9f7jEWMBRuBUMg4E9zbEH3mICITUjWHq4O7S3Zo5ItftoFL4Dvr2Yj0vwzA-K6tN7dmOSBAOy9kLV1Sa9Ome3vanGTQmAMaLczEw4-YeVJOfFrCBRvRWK/s320/BS+facebook.png) no-repeat -0px -0px;}.avdhootwindow li a.twitter {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCTmDJAUnscXV0YxqRJJS9XD-FdkAeoDjPlr9HLLArBQ7a_TNM3qof3pvXt0Tag6EVHheYagUqElJT5IjGMgiL1gtbTHVNuw3mjt_6YTajyikFgUC7Jd43sZtlvJlOsZo0j2MPozmt9wkq/s320/BS+twitter.png) no-repeat -0px -88px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;}.avdhootwindow li a.twitter:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCTmDJAUnscXV0YxqRJJS9XD-FdkAeoDjPlr9HLLArBQ7a_TNM3qof3pvXt0Tag6EVHheYagUqElJT5IjGMgiL1gtbTHVNuw3mjt_6YTajyikFgUC7Jd43sZtlvJlOsZo0j2MPozmt9wkq/s320/BS+twitter.png) no-repeat -0px -0px;}.avdhootwindow li a.google-p {background:#191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-VZ8ITacMgcoYuy-yjKokDbKBOBcEV_4q505NBwfG4MFDAvRo2jC6KB24xpxcyOsuF27FV-Th3JKOlvoeOFhEKRN5UQendrGODylst8eDzrqTrU2GtO_8E-DAHQ8jx1dKWkHcluPxGj6S/s320/BS+google.png) no-repeat -0px -88px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;}.avdhootwindow li a.google-p:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-VZ8ITacMgcoYuy-yjKokDbKBOBcEV_4q505NBwfG4MFDAvRo2jC6KB24xpxcyOsuF27FV-Th3JKOlvoeOFhEKRN5UQendrGODylst8eDzrqTrU2GtO_8E-DAHQ8jx1dKWkHcluPxGj6S/s320/BS+google.png) no-repeat -0px -0px;}.avdhootwindow li a.rss {background:#191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7kZY5vM-li7Xs6hdoMtRouwuSMokhcTgP_uakHR6bcwG6HN28JfzU7tx9RzKTfXFHvr3xTX0j9ghSBqSoJLh-Sn9cXSLiKoqjbc8a34nRC5rxptrJQUNzkeTWwfzKBm03LM6O0Obot2DN/s320/BS+RSS+Feed.png) no-repeat -0px -88px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;}.avdhootwindow li a.rss:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7kZY5vM-li7Xs6hdoMtRouwuSMokhcTgP_uakHR6bcwG6HN28JfzU7tx9RzKTfXFHvr3xTX0j9ghSBqSoJLh-Sn9cXSLiKoqjbc8a34nRC5rxptrJQUNzkeTWwfzKBm03LM6O0Obot2DN/s320/BS+RSS+Feed.png) no-repeat -0px -0px;}</style><div class='avdhootwindow'><ul><li><a class='facebook' href='http://www.facebook.com/USERNAME FACEBOOK' target='_blank'>Facebook</a></li><li><a class='twitter' href='http://twitter.com/USERNAME TWITTER' target='_blank'>Twitter</a></li><li><a class='google-p' href='https://plus.google.com/USERNAME GOOGLE+' target='_blank'>Google Plus</a></li><li><a class='rss' href='http://feeds.feedburner.com/USERNAME FEED' target='_blank'>Rss</a></li></ul></div>

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

ΑΛΛΑΓΕΣ

Κάντε αντικατάσταση σε όλα τα USERNAME με τα αντίστοιχα δικά σας και πατήστε
Αποθήκευση!!Αυτό ήταν!

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

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

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

και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα-->
.......................................................................................................................... - See more at: http://cris-dio4.blogspot.gr/2013/10/wood-social-subscription-widget.html#sthash.jPFAJLaO.dpuf

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

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

Edit by

Πέμπτη 16 Μαρτίου 2017

social media subscription box widget for blogger

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση
θα δούμε ένα
social media subscription box widget
για τα blog μας!
Απλή εγκατάσταση
και αρκετά ελαφρύ, έτσι ώστε να μην καθυστερεί
καθόλου το άνοιγμα της
σελίδας μας!

Δείτε εδώ το DEMO

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

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

και στο παράθυρο που θα ανοίξει επικολλήστε

τον ακόλουθο κώδικα-->
..............................................................................................................................................................

<a href="YOUR RSS FEED URL" title="Subscribe to Feed" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisSRpuNy-aTrqj23B7uADPR1Bmtt3woQJEhSp7vdb8LQdtB148jcOMl-X39fBebaYrI1ouNamCUm612l1RH4oSjpsdbJtHVK0sx-ssMHZ7ZtCk3fvIcKw6eMPLX7Mfm4tOo-Qx2dZ5pFY/s1600/rss2.png "/><strong></strong> </a>
<a href="YOUR FACEBOOK URL" title="Like on Facebook" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDmSzN7_3inTTw4hYwcN36I_Y6Jj48aRIbTQML8OASV4kwU_aiSjVEkzOMCOGBJnOOw25jCM-GeFGsYK_jpYbTGlsLQtvg9FoquKbYEtC_26K_L7AkNW6uRmEhNAFse8CzCSfwNk-olIo/s1600/facebook2.png"/><strong></strong> </a>
<a href="YOUR TWITTER URL" title="Follow on Twitter" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw-dC8dBBSokji2cr8-cNHw_mgFqdYX1Wm6g6NZkkxRTPwvg4AnAH5ttLWWlMNpFuSicqlq2C0BmUWSB2hKdiiYKLKPLUJ9slLlqpG1BxYf4C1Ofy6A2k4FAQpWoTdE03hnAlsouM8yMA/s1600/twitter2.png "/><strong></strong> </a>
<a href="YOUR GOOGLE PLUS PROFILE" title="Add to Circle" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7PiBfIF40XfkPRBEbxPZQTiKn05hlAaK1MzN6JppUHwqxEszX2tuCXPVSPavHdUGRXll0BVI_HmEkbYVlm1L0NSqOhDTOaLxh05yn6X_pDXTZ4gAgh4DLsWYb9_pvBxzCJnDkC7y49G8/s1600/google-plus2.png "/><strong></strong> </a>
<a href="YOUR LINKEDIN URL" title="Follow on LinkedIn" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjquxLqxCO4l-6PstMzI5klrErWq97MEN19u5xcqEr9FtS7wNugyZE8Ixaca79mv8FTMMCcEjMnwIRuW4xAh4crWdX3u9VgyOxxwLgI5XMUzmujcBzkkKerScPCvas-TOQiSNDpa7vNlGQ/s1600/linkedin2.png "/><strong></strong> </a>
<a href="http://www.slideshare.net/YOURNAME" title="Follow on Slideshare" target="_blank"><strong></strong> </a>

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

ΑΛΛΑΓΕΣ

Αντικαταστήστε όλα τα urls με τις αντίστοιχες δικές σας διευθύνσεις που έχετε

στα social networks και πατήστε Αποθήκευση!Αυτό ήταν!

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

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

Edit by

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

Google Plus Followers box

Φίλες και φίλοι γεια σας, σήμερα θα δούμε ένα widget για την Google plus
κοινότητα μας και πιο συγκεκριμένα ένα Google Plus Followers box!Δείχνει
στους επισκέπτες - αναγνώστες του blog μας τους Followers που έχουμε στην
πλατφόρμα της Google και είναι παρόμοιο σαν τα boxs των twitter & facebook!

Δείτε εδώ το DEMO

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

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

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

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

<a href='http://probloggertricks.com'><img alt='Pro Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqTdS3Hz5EcCysfGhQJUrF53R4WOmEuuRezBhedild_T4MLCDgfMKpp5vkV68hv8KpS0_dc6LTvmEyXXC_mDvVz6h6ZyypDayMO5EHPEgMLxf4x7oKU7GpqPxV77D6SYMpdvu0ETo1kpM/s1600/Pro+Blogger+Tricks.png'/></a>
<div class="g-plus" data-action="followers" data-height="300" data-href="ΕΔΩ ΒΑΖΕΤΕ ΤΟ GOOGLE PLUS URL ΣΑΣ" data-source="blogger:blog:followers" data-width="300">
</div>
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();

</script>

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

ΑΛΛΑΓΕΣ

Απλά βάζετε το google plus url σας και πατάτε Αποθήκευση!

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

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

Edit by

Πέμπτη 20 Οκτωβρίου 2016

Animated Google Plus Follower Box Widget

Φίλες και φίλοι γεια σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο widget για την
Google Plus κοινότητα μας, βοηθώντας την ανάπτυξη της και την διάδοση της μέσου αυτού!

Η διαφορετικότητα του από τα άλλα παρόμοια widgets είναι, ότι όταν περνάει
ο κέρσορας από πάνω του,το Google
Plus Follower Box αλλάζει χρώμα κάνοντας τον αναγνώστη-επισκέπτη
του blog μας να το προσέξει θέλοντας και μη!

Δείτε εδώ το DEMO στην δεξιά sidebar

Για να το εγκαταστήσετε

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

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

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

<style>
.bloggerspiceGplus{
    margin: 10px auto;
    background-color: #FEFEFE;
    width: 260px;
    padding: 10px 0 10px 10px;
    height: 255px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: 10px solid #E50913;
}
.bloggerspiceGplus:hover {
    border: 10px solid #A0060E;
    background-color: #E50913;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
// Google Plus Widget by www.bloggerspice.com //
</style>
<div class="bloggerspiceGplus">
<div class="g-plus" data-action="followers" data-height="280" data-href="https://plus.google.com/ΕΔΩ TO GOOGLE PLUS ID ΣΑΣ" data-source="blogger:blog:followers" data-width="280"></div>
</div>

...................................................................................................................................................................
ΑΛΛΑΓΕΣ
ΕΔΩ TO GOOGLE PLUS ID ΣΑΣ- Εδώ βάζετε το δικό σας google id!

E50913-Eδώ αλλάζετε το χρώμα του εφέ δηλαδή το χρώμα του κουτιού που αλλάζει
όταν περνά από πάνω του ο κέρσορας!

Όποιος θέλει αλλάζει και τα άλλα χρώματα!

Μπορείτε να τα αλλάξετε απευθείας από τον Color picker εδώ!

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

Πηγή κώδικα
Thanks to Mohammad Fazle Rabbi

Edit by

Πέμπτη 12 Μαΐου 2016

Social Share Bar

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε μία εύχρηστη, ως
προς το μέγεθος Social Share Bar καθώς διαθέτει DropDown menu και δεν
πιάνει καθόλου χώρο!Μπορείτε να βάλετε αυτό το widget σε διάφορα μέρη της σελίδας
σας!!

Δείτε εδώ το DEMO

Η εγκατάσταση είναι πολύ απλή:

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

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

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

<style type="text/css">
.avdhoot-box {
display:inline-block;
font:normal bold 12px Arial,Sans-Serif;
position:relative;
width:300px;
background-color:#111;
text-align:left;
/* CSS3 Browser */
background-image:-webkit-linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
background-image:-moz-linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
background-image:-ms-linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
background-image:-o-linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
background-image:linear-gradient(top,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,.1) 100%);
/* IE only */
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#333333',endColorstr='#111111');
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
-webkit-box-shadow:inset 0 1px 1px 1px rgba(255,255,255,.1),0 1px 3px rgba(0,0,0,.7);
-moz-box-shadow:inset 0 1px 1px 1px rgba(255,255,255,.1),0 1px 3px rgba(0,0,0,.7);
box-shadow:inset 0 1px 1px 1px rgba(255,255,255,.1),0 1px 3px rgba(0,0,0,.7);
}
.avdhoot-box:before,
.avdhoot-box:after {
content:"";
display:block;
width:0;
height:0;
border:3px solid transparent;
border-width:5px 3px;
border-bottom-color:#999;
position:absolute;
top:25%;
right:5px;
z-index:4;
}
.avdhoot-box:after {
border-color:#999 transparent transparent;
top:auto;
bottom:25%;
}
.avdhoot-box input {
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
width:15px;
height:100%;
opacity:0;
z-index:10;
cursor:pointer;
}
.avdhoot-box label {
display:block;
line-height:45px;
color:rgba(255,255,255,.5);
padding:0 15px;
-webkit-transition:all 0s ease-out;
-moz-transition:all 0s ease-out;
-ms-transition:all 0s ease-out;
-o-transition:all 0s ease-out;
transition:all 0s ease-out;
}
.avdhoot-box label:before {
content:attr(data-default);
}
.avdhoot-box label:after {
content:"";
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
width:15px;
border-left:1px solid rgba(0,0,0,.4);
-webkit-border-radius:0 7px 7px 0;
-moz-border-radius:0 7px 7px 0;
border-radius:0 7px 7px 0;
-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.1),-1px 0 0 rgba(255,255,255,.1);
-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,.1),-1px 0 0 rgba(255,255,255,.1);
box-shadow:inset 1px 0 0 rgba(255,255,255,.1),-1px 0 0 rgba(255,255,255,.1);
}
.avdhoot-box input:hover + label {
color:white;
}
.avdhoot-box input:hover + label:after {
background-color:rgba(255,255,255,.04);
}
.avdhoot-box ul {
margin:0 0;
padding:0 0;
position:absolute;
top:100%;
left:14px;
right:14px;
background-color:#222;
border:1px solid #111;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4),0 5px 7px -2px rgba(0,0,0,.4);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.4),0 5px 7px -2px rgba(0,0,0,.4);
box-shadow:0 1px 2px rgba(0,0,0,.4),0 5px 7px -2px rgba(0,0,0,.4);
visibility:hidden;
opacity:0;
z-index:99;
}
.avdhoot-box li {
margin:0 0;
padding:0 0;
list-style:none;
float:left;
width:50%;
display:inline;
}
.avdhoot-box a {
display:block;
position:relative;
color:#999;
text-decoration:none;
text-shadow:0 0 2px black;
line-height:30px;
border-top:1px solid #111;
border-right:1px solid #111;
padding:0 15px 0 32px;
-webkit-box-shadow:inset 0 0 0 1px #333;
-moz-box-shadow:inset 0 0 0 1px #333;
box-shadow:inset 0 0 0 1px #333;
/* Opera note: An unstable box shadow will appear if you don't define the border radius less than 1 pixel. Weird! */
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.avdhoot-box a:nth-child(even) {
border-right-width:0;
}
.avdhoot-box a:before {
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:7px;
left:7px;
background-color:transparent;
background-repeat:no-repeat;
background-position:50% 0;
}
.avdhoot-box a:hover:before {
background-position:50% 100%;
}
.avdhoot-box .social-rss:before {background-image:url('img/social_rss.png');}
.avdhoot-box .social-facebook:before {background-image:url('img/social_facebook.png');}
.avdhoot-box .social-twitter:before {background-image:url('img/social_twitter.png');}
.avdhoot-box .social-google:before {background-image:url('img/social_google.png');}
.avdhoot-box a:hover {
background-color:rgba(0,0,0,.2);
color:#ccc;
}
/* On click, then... */
.avdhoot-box input:checked + label {
color:rgba(255,255,255,.4);
-webkit-transition-duration:.4s;
-moz-transition-duration:.4s;
-ms-transition-duration:.4s;
-o-transition-duration:.4s;
transition-duration:.4s;
}
.avdhoot-box input:checked + label:before {
content:attr(data-focus);
}
.avdhoot-box input:checked + label:after {
background-color:rgba(0,0,0,.2);
-webkit-box-shadow:inset 1px 0 1px rgba(0,0,0,.4),-1px 0 0 rgba(255,255,255,.1);
-moz-box-shadow:inset 1px 0 1px rgba(0,0,0,.4),-1px 0 0 rgba(255,255,255,.1);
box-shadow:inset 1px 0 1px rgba(0,0,0,.4),-1px 0 0 rgba(255,255,255,.1);
}
.avdhoot-box input:checked ~ ul {
visibility:visible;
opacity:1;
}
</style>
<div class="avdhoot-box">
<input type="checkbox" />
<label data-default="Social Share Bar!" data-focus="Select one of the social media service..."></label>
<ul>
<li><a class="social-rss" href="http://feeds.feedburner.com/USERNAME FEED" target="_blank">RSS Feed</a></li>
<li><a class="social-facebook" href="http://facebook.com/USERNAME FACEBOOK" target="_blank">Facebook</a></li>
<li><a class="social-twitter" href="https://twitter.com/USERNAME TWITTER" target="_blank">Twitter</a></li>
<li><a class="social-google" href="https://plus.google.com/USERNAME GOOGLE+" target="_blank">Google+</a></li>
</ul>
</div>

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

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

Edit by

Τετάρτη 11 Μαΐου 2016

Floating Facebook LikeBox Widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα Floating Facebook
LikeBox Widget για το facebook!Τοποθετείτε στην κάτω δεξιά πλευρά της
σελίδας μας και η διαφορετικότητα του με άλλα παρόμοια widgets, είναι ότι δεν
ανοίγει με στυλ slideout αλλά σαν βεντάλια στο περίπου..!

Δείτε εδώ το DEMO

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

για να το εγκαταστήσετε και εσείς:

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

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

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

<style>
.MD-widget2012 {
    background-color: #2d176e;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    bottom:-6px;
    position:fixed;
    right:0;
    z-index:3;
}
* html .MD-widget2012 { /**/
    position: absolute;
    left: auto;
    bottom: auto;
left: expression( ( -1 - fbpromo_makingdifferent.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( (-1 - fbpromo_makingdifferent.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );/**/
}
.flt {
    float:left;
}
.MD-widget2012 span a {
    color: #808080;
    text-decoration:none;
}
.MD-widget2012 span a:hover {
    text-decoration:underline;
}
.MD-widget2012 span {
    bottom: 12px;
    font: 8px "lucida grande", tahoma, verdana, arial, sans-serif;
    position: absolute;
    right: 6px;
    text-align: right;
    z-index: 99999;
}
</style>
<script type="text/javascript">function fn_sliderpromo() { if (document.getElementById("fbpromo_makingdifferent") != null && !fnGetCookie('FBPROMOMOVIES')) { showfbpromo(); } }YAHOO.util.Event.onContentReady("ft", fn_sliderpromo, "");function clearfbpromo() {    if (document.getElementById("fbpromo_makingdifferent") != null) {    document.getElementById("fbpromo_makingdifferent").innerHTML = "<a href='javascript:void(0);' onclick='showfbpromo();'><img alt='' class='flt' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs9sAYBFR6VMhP3jvUQ1Hbx0RJxQrQcZaCHmatx7bQMSr7H7qK2hXWePxpk5Nokl4sj-e4da-q5R-yWLxOIQ-56lJA-vJ0lcBBw3ZKlLK2JxIXrj2y1R10Xo555DVFuZ3Ub6-hkUu6fag3/s1600/vertical-right.png'/></a>";}}function showfbpromo() { if (document.getElementById("fbpromo_makingdifferent") != null)document.getElementById("fbpromo_makingdifferent").innerHTML = "<div style='width:280px;padding:8px 0px;background-color:#2d176e;font-family:arial;text-align:center;'><div style='color:#FFF;font-size:13px;font-weight:bold;'>ΕΔΩ ΜΠΑΙΝΕΙ Ο ΤΙΤΛΟΣ</div></div><iframe src='http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/USERNAME FACEBOOK&show_faces=true&connections=9&stream=false&header=false&' scrolling='no' frameborder='0' style='border:none;overflow:hidden; width:280px; height:265px;background:#9dd1ce;'></iframe><span>By <a href='http://www.makingdifferent.com/'>Making DIfferent</a> / <a href='http://www.makingdifferent.com/javascript-floating-facebook-likebox-widget-for-bloggerblog'>+Get This!</a></span><a href='javascript:void(0)' onclick='clearfbpromo();'><div id='fbpclose' style='position:absolute;left:0px;top:0px;margin-left:-18px;margin-top:-18px;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Cu3P4wKcS6qIAHZsJP-msBewNHE0dImsGoE4svavTiItSrJPk3pTn-XTxHohTc_E4oXSkgmvbttA6vXWJlJkIWIyzQlb2IwrSZ6mZqu83bRnPHg_B3glB-s3c9mqZMn11IxS7okcwLnO/s1600/%5Bwww.gj37765.blogspot.com%5DcloseButton.png' /></div></a>";}</script>
<div class="MD-widget2012" id="fbpromo_makingdifferent"><a href="javascript:void(0);" onclick="showfbpromo();"><img alt="" class="flt" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs9sAYBFR6VMhP3jvUQ1Hbx0RJxQrQcZaCHmatx7bQMSr7H7qK2hXWePxpk5Nokl4sj-e4da-q5R-yWLxOIQ-56lJA-vJ0lcBBw3ZKlLK2JxIXrj2y1R10Xo555DVFuZ3Ub6-hkUu6fag3/s1600/vertical-right.png'/></a></div>

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

ΑΛΛΑΓΕΣ

ΕΔΩ ΜΠΑΙΝΕΙ Ο ΤΙΤΛΟΣ -Εδώ βάζετε τον τίτλο που θέλετε να φαίνεται στο box!

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

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

Υγ:Από την πηγή που δίνω μπορείτε να πάτε και να αλλάξετε τα χρώματα του likebox
στην σελίδα του δημιουργού!

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

Πηγή κώδικα
thanks to makingdifferent.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

Εγγραφή σε: Αναρτήσεις ( 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 το οποίο μας δείχνει μαζεμένες σε μία σελίδα...

Συνέχεια...

Pages

Ads 468x60px

Web Tools...

Social Media

TRANSLATE

TRANSLATUM

My Banner!

ΤΡΟΠΟΙ ΕΠΙΚΟΙΝΩΝΙΑΣ

Ετικέτες Των Αναρτήσεων

Ετίκετες Αναρτήσεων

DOWNLOAD BROWSERS

Download Jdownloader

Download TeamViewer

Download Mtorrent

Download Skype

Download Dropbox

Πληροφορίες

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

Πέμπτη 6 Ιουλίου 2017

Παρασκευή 5 Μαΐου 2017

Δευτέρα 27 Μαρτίου 2017

Πέμπτη 16 Μαρτίου 2017

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

Πέμπτη 20 Οκτωβρίου 2016

Πέμπτη 12 Μαΐου 2016

Τετάρτη 11 Μαΐου 2016

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

Smart Defrag 2

Auto Scrolling Recent Posts

Free YouTube Uploader

Social media

Back to top button

Sitemap Widget

ΛΕΙΤΟΥΡΓΙΚΑ

Zoom in....

Download Viber

ΤΕΛΕΥΤΑΙΕΣ ΑΝΑΡΤΗΣΕΙΣ!

ΔΗΜΟΦΙΛΕΙΣ ΑΝΑΡΤΗΣΕΙΣ!

Like Us On Facebook

My FeedBurner!

ΧΡΗΣΙΜΑ ΠΡΟΓΡΑΜΜΑΤΑ

Πακέτα γλωσσών για τα Windows

Download Windows Movie Maker!