Ads 468x60px

Featured Posts

  • Cougar

    Ενσωμάτωση υποτίτλων..

  • Lions

    Social network widget...

  • Snowalker

    Free Video to JPG Converter..

  • Howling

    Twitter Like box..Η λύση!!

  • Sunbathing

    JavaScript Image Slider ...

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

Παρασκευή, 15 Ιουνίου 2018

Grey Side Menu

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα κάθετο (vertical) 
big menu για την 
αριστερή η δεξιά sidebar του blog μας!Χωρίζεται σε 2 μέρη με
αρκετές κύριες κατηγορίες, 
απλό μενού χωρίς υποκατηγορίες και με hover effect
στο mouseover του κέρσορα μας!







Δείτε εδώ το DEMO


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

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

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

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
..............................................................................................................................................................
<style type="text/css">

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

</style>

<div class="urbangreymenu">

<h3 class="headerbar">ΤΙΤΛΟΣ 1</h3>
<ul>
<li><a href="ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li> 
 
<li><a href="ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>

</ul>

<h3 class="headerbar">ΤΙΤΛΟΣ 2</h3>
<ul>
<li><a href="ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>        
</ul>

</div>

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

ΔΙΕΥΘΥΝΣΗ URL--Εδώ βάζετε το link της διεύθυνσης σας!
ΤΙΤΛΟΣ-- Εδώ βάζετε τον τίτλο σας! Αποθήκευση και έτοιμοι!

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


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



 Edit by

Πέμπτη, 14 Ιουνίου 2018

MakeMKV

Φίλες και φίλοι γεια σας, σήμερα θα δούμε πως μπορούμε εύκολα και γρήγορα
να αντιγράψουμε, ριπάρουμε τα DVD δισκάκια μας σε μορφή αρχείου MKV και
να τα σώσουμε στον σκληρό μας δίσκο!Το πρόγραμμα που το κάνει εφικτό αυτό
είναι το MakeMKV και όπως είπα μέσω αυτού μπορούμε να μεταφέρουμε τις ταινίες
μας στον υπολογιστή!



Το MakeMKV είναι πανεύκολο στην χρήση του και με λίγα βήματα γίνεται η
αντιγραφή του DVD στο σκληρό δίσκο!


Μπορείτε να το κατεβάσετε από ΕΔΩ



 Απλό Setup είναι!


 Δείτε και ένα παράδειγμα στον εικονογραφημένο οδηγό:









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

Homepage


 Edit by

Δευτέρα, 11 Ιουνίου 2018

CSS3 menu with social bar and Google Custom search box

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα πολύ ωραίο
οριζόντιο widget menu με κώδικα CSS3 το οποίο εκτός από τα γνωστά Links -κατηγορίες-
που έχουν όλες οι μπάρες μενού
(menu bars)
διαθέτει επιπλέον και social 
network tabs
αλλά και ενσωματωμένη φόρμα αναζήτησης!




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

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

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

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
............................................................................................................................................................
 <style>
#bsCSSmenu{border:none 5px #000000;
-moz-border-radius-topleft: 15px;-moz-border-radius-topright:14px;-moz-border-radius-bottomleft:14px;-moz-border-radius-bottomright:14px;-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:14px;-webkit-border-bottom-left-radius:14px;-webkit-border-bottom-right-radius:14px;
border-top-left-radius:15px;border-top-right-radius:14px;border-bottom-left-radius:14px;border-bottom-right-radius:14px;-moz-box-shadow: 2px 3px 5px #000000;-webkit-box-shadow: 2px 3px 5px #000000;box-shadow: 2px 3px 5px #000000;
width:960px;
 margin: 0 0 0 0px;
 padding: 12px 0 8px 0;
 clear: both;
 background: #111111 left bottom no-repeat;
}
#bsCSSmenu .catList{
 padding: 4px 0 0 35px;
 float: left;
    margin-top:-3px;
}
#bsCSSmenu .pageList{
 padding: 8px 0px 0 0;
 float: right;
}
#bsCSSmenu ul li{
 float: left;
 margin: 0 18px 0 0 ;
}
#bsCSSmenu a{
 color: #fff;
    list-style:none;
    text-decoration: none;
}
#bsCSSmenu a:hover{
 color: #919191;
}
#bsCSSmenu li {
list-style:none;
text-decoration:none;
}
#bssearch{
 margin: -2px 20px 0 0;
 float: right;
}
#bssocial{
 margin-left: 100px;
}
<!--Menu by www.bloggerspice.com-->
</style>
<div class="bsmenustart" id="bsCSSmenu">
<ul class="catList">
<li class="bscat-item-1"><a href="ΔΙΕΥΘΥΝΣΗ URL">TITΛΟΣ</a></li>
<li class="bscat-item-2"><a href="ΔΙΕΥΘΥΝΣΗ URL">TITΛΟΣ</a></li>
<li class="bscat-item-3"><a href="ΔΙΕΥΘΥΝΣΗ URL">TITΛΟΣ</a></li>
<li class="bscat-item-4"><a href="ΔΙΕΥΘΥΝΣΗ URL">TITΛΟΣ</a></li>
<li class="bscat-item-5"><a href="ΔΙΕΥΘΥΝΣΗ URL">TITΛΟΣ</a></li>
<li class="bscat-item-6"><a href="ΔΙΕΥΘΥΝΣΗ URL">TITΛΟΣ</a></li>
<li class="bscat-item-7"><a href="ΔΙΕΥΘΥΝΣΗ URL">TITΛΟΣ</a></li>
<li class="bscat-item-8"><a href="ΔΙΕΥΘΥΝΣΗ URL">TITΛΟΣ</a></li>
</ul>
<div id="bssearch">
<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
<div>
<input name="cx" type="hidden" value="004972222991511809341:kobh4_l5t3m" />
<input name="ie" type="hidden" value="ISO-8859-1" />
<input class="googleSearchField" name="q" size="20" style="background-color: white; background-image: url(http://4.bp.blogspot.com/-1Uii8AVSHmA/UasEirYb9XI/AAAAAAAADQ8/mK-t0jydJpI/s1600/BS+Google+Custom+Search.gif); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border: 1px solid rgb(126, 157, 185); padding: 2px;" type="text" />
<input class="button" name="sa" type="submit" value="Search" /></div>
<input name="siteurl" type="hidden" value="bloggerspice.com/" /><input name="ref" type="hidden" value="" /><input name="ss" type="hidden" value="" /></form>
<script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en" type="text/javascript"></script>
    </div>
<div id="bssocial">
<a alt="Subscribe to RSS" class="bssocialicon" href="http://feeds.feedburner.com/USERNAME FEED" target="_blank" title="Subscribe to RSS" style="margin-left: 80px;"><img src="http://4.bp.blogspot.com/-GV5tBPml5W4/UasEi3SU2rI/AAAAAAAADRA/qrvW3HxfAQo/s1600/BS+RSS-icon+Menu.png" style=""></a>
<a alt="Follow Us" class="bssocialicon" href="http://twitter.com/ USERNAME TWITTER " target="_blank" title="Follow Us"><img src="http://4.bp.blogspot.com/-flfZva27Xjw/UasEjeAUj1I/AAAAAAAADRQ/VOor94MgHgk/s1600/BS+twitter-icon+menu.png" /></a>
<a alt="Become a Fan" class="bssocialicon" href="http://www.facebook.com/ USERNAME FACEBOOK " target="_blank" title="Become a Fan"><img src="http://2.bp.blogspot.com/-nWh261blWNY/UasEi1YvFEI/AAAAAAAADRE/iWbAORIPWuY/s1600/BS+facebook-icon+menu.png" /></a></div>
</div>
.................................................................................................................................................................
ΑΛΛΑΓΕΣ 

ΔΙΕΥΘΥΝΣΗ URL --Εδώ βάζετε το link της διεύθυνσης σας!

TITΛΟΣ --Εδώ βάζετε τον τίτλο που θέλετε!

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

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

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


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




Edit by

Παρασκευή, 8 Ιουνίου 2018

Εφημερεύοντα Φαρμακεία

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε μία εφαρμογή για
συσκευές με λειτουργικό σύστημα Android
το ''Εφημερεύοντα Φαρμακεία''!
Το τι κάνει είναι φανερό από τον τίτλο του και είναι μία πολύ χρήσιμη
εφαρμογή!


Έχει πλήρως ενημερωμένη λίστα για όλα τα φαρμακεία των νομών της Ελλάδας, και
μπορείτε να γράψετε την περιοχή και να διαλέξετε νομό που θέλετε για να φιλτράρετε τα αποτελέσματα 
όπως βλέπετε στην εικόνα:







η μπορείτε να ενεργοποιήσετε το GPS της συσκευή σας και να δείτε τα πιο
κοντινά φαρμακεία από το σημείο που βρίσκεστε όπως βλέπετε:







Αυτά και άλλα πολλά θα δείτε στην επίσημη σελίδα της εφαρμογής από όπου
και 




Μέγεθος:2 Μb

Έκδοση Αndroid: 2.3.3 και άνω


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



 Edit by

Πέμπτη, 19 Απριλίου 2018

Horizontal Iconic Menu

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα πολύ ωραίο και
πρωτότυπο οριζόντιο menu για τα blog μας!Η πρωτοτυπία του και η διαφορά του
με άλλα παρόμοια widgets είναι ότι στην αρχική του μορφή του, το menu
φαίνεται σαν κουμπί και μόλις "κλικάρετε" το κουμπί, αναπτύσσεται η μπάρα
με τις κατηγορίες!Σε αριστερή η δεξιά sidebar είναι δύσκολο να τοποθετηθεί
λόγω μεγέθους όταν αναπτύσσεται, εκτός αν έχετε μεγάλη sidebar η αφαιρέσετε
κατηγορίες από το menu!





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

για να το εγκαταστήσετε και εσείς:
 
Πηγαίνετε blogger--> Διάταξη -->

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

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

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

<style>

.iconicmenu {
    position: relative;
    height: 45px;
    overflow: hidden;
    }

.iconicmenu, .iconicmenu * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

.iconicmenu input[type="checkbox"] { /* checkbox used to toggle menu state */
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    }

.iconicmenu > label { /* Main label icon to toggle menu state */
    z-index: 1000;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    float: left;
    top: 0;
    left: 0;
    background: white;
    text-indent: -1000000px;
    border: 6px solid black; /* border color */
    border-width: 6px 0;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; /* transition for flipping label */
    }

.iconicmenu > label::after { /* inner stripes inside label */
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 18%;
    top: 19%;
    left: 0;
    border: 6px solid black; /* border color */
    border-width: 6px 0;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; /* transition for flipping label */
    }

.iconicmenu ul { /* UL menu inside container */
    margin: 0;
    padding: 0;
    position: absolute;
    margin-left: 40px;
    background: #eee;
    left: -100%; /* hide menu intially */
    height: 40px; /* height of menu */
    font: bold 14px Verdana;
    text-align: center;
    list-style: none;
    opacity: 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    -moz-perspective: 10000px;
    perspective: 10000px;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; /* transition for animating UL in and out */
    }

.iconicmenu li {
    display: inline;
    margin: 0;
    padding: 0;
    }

.iconicmenu ul label { /* label button inside UL to close menu */
    cursor: pointer;
    position: relative;
    height: 100%;
    text-align: center;
    }

.iconicmenu ul label::after { /* label button x */
    content: "x";
    display: inline-block;
    line-height: 14px;
    color: white;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    background: black;
    font-size: 18px;
    margin: 5px;
    margin-top: 10px;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    }

.iconicmenu input[type="checkbox"]:checked ~ label, .iconicmenu ul label:hover::after {
    -moz-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
    transform: rotatey(180deg); /* flip labels vertically onMouseover */
    }

.iconicmenu > label:hover, .iconicmenu > label:hover::after, .iconicmenu input[type="

checkbox"]:checked ~ label, .iconicmenu input[type="checkbox"]:checked ~ label::after {
    border-color: darkred; /* highlight color of main menu label onMouseover */
    }

.iconicmenu input[type="checkbox"]:checked ~ ul {
    left: 8px; /* Animate menu into view */
    opacity: 1;
    -moz-box-shadow: 1px 1px 5px gray;
    -webkit-box-shadow: 1px 1px 5px gray;
    box-shadow: 1px 1px 5px gray;
    }

.iconicmenu li a {
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    color: black;
    margin: 0;
    padding: 10px;
    padding-right: 15px;
    height: 100%;
    }

.iconicmenu li a:hover {
    background: black;
    color: white;
    }

/* ----------------------------- CSS Media Queries ----------------------------- */

/*
These rules control which portions of the menu gets shown when the screen size is below a certain width.
By default 2 stages are defined depending on browser screen width.
*/

@media screen and (max-width: 580px) { /* Hide toggle icon when menu is already open (increases usable menu space by 40px) */
    .iconicmenu input[type="checkbox"]:checked ~ label {
        display: none;
        }
    .iconicmenu input[type="checkbox"]:checked ~ ul {
        margin-left: 0;
        }
    }

@media screen and (max-width: 560px) { /* Convert horizontal menu to vertical drop down instead (friendly across all screen sizes) */
    .iconicmenu {
        overflow: visible;
        }
    .iconicmenu ul {
        height: auto;
        }
    .iconicmenu ul li {
        min-width: 200px;;
        display: block;
        }
    .iconicmenu ul li a {
        float: none;;
        text-align: left;
        }
    }


</style>

<!--[if lte IE 8]>
<style>

        .iconicmenu > label{
        border-width: 7px;
        background: #eee;
        }
      
        .iconicmenu:hover ul{
            left: 8px; /* show menu onmouseover in IE8 and below */
        }

</style>
<![endif]-->
<div class="iconicmenu">
<input type="checkbox" id="togglebox" />
<ul>
 
<li><a href="ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="
ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><a href="ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li>
<li><label for="togglebox"></label></li>
</ul>
<label class="toggler" for="togglebox">Menu</label>
</div>

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

ΑΛΛΑΓΕΣ 

ΔΙΕΥΘΥΝΣΗ URL--Εδώ βάζετε το link της διεύθυνσης σας!
ΤΙΤΛΟΣ-- Εδώ βάζετε τον τίτλο σας! Αποθήκευση και έτοιμοι!

Εάν θέλετε να αφαιρέσετε Link για να μικρύνει το μενού η δεν θέλετε τόσες
κατηγορίες, τότε από τον κώδικα αφαιρείτε αυτήν την σειρά:

<li><a href="ΔΙΕΥΘΥΝΣΗ URL">ΤΙΤΛΟΣ</a></li> .Για κάθε κατηγορία και μία σειρά!


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


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



 Edit by

Τετάρτη, 18 Απριλίου 2018

Notice Board widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε πως μπορούμε να
ενσωματώσουμε στην σελίδα μας ένα widget με το οποίο θέλουμε
να προβάλουμε - διαφημίσουμε κάτι που θέλουμε να προσέξουν οι αναγνώστες 
- επισκέπτες του blog μας, σε στυλ πίνακα (Notice board)!
Διαθέτει περιστρεφόμενο εφέ στο mouseover του κέρσορα μας και είναι ιδανικό
για να κάνει τους αναγνώστες μας να προσέξουν κάτι συγκεκριμένο που
θέλουμε!  



DEMO βλέπετε στην δεξιά sidebar του Tech Time εδώ, που έχω ενσωματώσει
την σελίδα μου στο Linkedin!


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

για να το εγκαταστήσετε και εσείς:
 
Πηγαίνετε blogger--> Διάταξη -->

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

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

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

 <div dir="ltr" style="text-align: left;" trbidi="on">
<style>
.Bloggerspice{animation:WAKloading 4s;-webkit-animation:WAKloading 4s;-o-animation:WAKloading 4s-moz-animation:WAKloading 4s;-ms-animation:WAKloading 4s;animation:WAKloading 4s;float:left;margin-left:5px;margin-top:5px;width:272px;height:179px;border: 10px solid #111111; border-radius:10px; padding:10px;-webkit-transition:all 4s ease-in-out;-moz-transition:all 4s ease-in-out;-o-transition:all 4s ease-in-out;transition:all 4s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background:#660099 url(ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΦΩΤΟΓΡΑΦΙΑ ΣΑΣ)no-repeat center;background-size:250px;}
.Bloggerspice:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);
border-radius: 10px;
border: 10px solid #111111;
}/*widget by  www.bloggerspice.com  */
</style>
<div>
<a class="Bloggerspice" href="ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗΣ ΣΑΣ"></a>
</div>
</div>

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

Βάζετε την διεύθυνση της εικόνα σας, και το url της διεύθυνσης που θέλετε στα 

αντίστοιχα σημεία του κώδικα και πατάτε Αποθήκευση!!

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


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



 Edit by

Τρίτη, 3 Απριλίου 2018

Drop down Box viewer

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα drop down box το
οποίο μας χρησιμεύει στο να παρουσιάζουμε ξεχωριστά θέματα μέσα από το blog
μας, παραμένοντας όμως σε αυτό!Εάν έχετε χώρο στο blog σας η θέλετε να
εμπλουτίσετε το template σας, και έχετε πολλά blogs, στατικές σελίδες, μεγάλα
κείμενα, φωτογραφίες υψηλής ανάλυσης κτλ κτλ τότε αυτό το drop down box θα σας
φανεί αρκετά χρήσιμο!Δεν καθυστερεί καθόλου το άνοιγμα της σελίδας σας,  γιατί παραμένει
κενό, μέχρι να κλικάρετε κάποια επιλογή!!







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

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

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

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

<!--CHANGE LINKS BELOW TO YOUR OWN-->
<a href="javascript:jumpto('ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΣΑΣ')">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</a> |
<a href="javascript:jumpto('
ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΣΑΣ')">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</a> | <a href="javascript:jumpto('ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΣΑΣ')">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</a> | <a href="javascript:jumpto('ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΣΑΣ')">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</a>
<script language="javascript">
<!--

//Drop-down Document Viewer II- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com

//Specify display mode (0 or 1)
//0 causes document to be displayed in an inline frame, while 1 in a new browser window
var displaymode=0
//if displaymode=0, configure inline frame attributes (ie: dimensions, intial document shown
var iframecode='<iframe id="external" style="width:95%;height:400px" src="http://www.yahoo.com"></iframe>'

/////NO NEED TO EDIT BELOW HERE////////////

if (displaymode==0)
document.write(iframecode)

function jumpto(inputurl){
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=inputurl
else if (document.all&&displaymode==0)
document.all.external.src=inputurl
else{
if (!window.win2||win2.closed)
win2=window.open(inputurl)
//else if win2 already exists
else{
win2.location=inputurl
win2.focus()
}
}
}
//-->
</script>

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

ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΣΑΣ - Εδώ βάζετε το url της διεύθυνση σας!

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

Εάν θέλετε να προσθέσετε και άλλα Links απλά επαναλαμβάνετε την σειρα:

<a href="javascript:jumpto('ΕΔΩ ΒΑΖΕΤΕ ΤΗΝ ΔΙΕΥΘΥΝΣΗ ΣΑΣ')">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</a>

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


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


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



Edit by

Δευτέρα, 2 Απριλίου 2018

PDF to Word

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ακόμα μία online 
υπηρεσία την ιστοσελίδα pdftoword.com η οποία μάς βοηθά να μετατρέψουμε
τα pdf αρχεία μας σε αρχεία word, power point, excell και το αντίστροφο!Κάποιες
φορές μπορεί να είναι αδύνατη η μετατροπή λόγω διαφόρων παραγόντων, αλλά αυτό
συμβαίνει ενίοτε ακόμα και σε εγκατεστημένα προγράμματα!



Η διαδικασία είναι πολύ απλή, απλά κάνουμε upload το αρχείο μας στην ιστοσελίδα




διαλέγουμε στο τι θέλουμε να το μετατρέψουμε, δίνουμε ένα ΕΓΚΥΡΟ email 
μας, και πατάμε 

                                 Convert it






Μόλις αρχίσει η μετατροπή βλέπουμε αυτή την ειδοποίηση





και μόλις τελειώσει η μετατροπή βλέπουμε






και στο email  που δώσαμε μας έρχεται το εξής:




Πατώντας το Get your File κάνετε download το αρχείο που μετατρέψατε!Μπορείτε
να κάνετε και έναν free λογαριασμό για να αποφύγετε και κάποιους περιορισμούς
αλλά και για μερικά extra!

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



 Edit by
Icon Icon Icon

spice up your blog