Ads 468x60px

Featured Posts

Ενσωμάτωση Υπoτίτλων.. Δύτης αποθανατίζει θανάσιμο.. Ένα ταξίδι σε τόπους που δεν... All Player... Δείτε την ip address..

Παρασκευή, 7 Ιουλίου 2017

Free MP3 Ringtone Maker

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε πως μπορούμε
να δημιουργούμε ringtones από τα τραγούδια μας μέσω του Free MP3
Ringtone Maker!Ένα πολύ απλό και εύκολο πρόγραμμα που με
ελάχιστες κινήσεις δημιουργούμε τα ringtones μας!








1:Διαλέγεται το τραγούδι που θέλετε!




2:Το φέρνεται μέσω της μπάρας εργασίας εκεί που θέλετε να το κόψετε (cut)!





3:Μόλις τελειώσετε το σώνεται (save) στον υπολογιστή!

File size:     990 KB
Operating system: Windows 2000 or later






Homepage


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



Edit by

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

Amazing jQuery Facebook Like Slide Out

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









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



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

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

HTML/JavaScript

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

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


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

 <!-- Amazing Facebook Like Slide Out Widget For Blogger @NewBloggerTips.com -->  <a href="javascript:showHideNBTfl()"><img border="0" src="http://4.bp.blogspot.com/-YzvENSuE5q8/URbSi4Z1xqI/AAAAAAAALE4/MAKkVC0hH2Y/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;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>  <!-- Amazing Facebook Like Slide Out Widget For Blogger @NewBloggerTips.com --> 
................................................................................................................................................
ΑΛΛΑΓΕΣ

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

Reload page: Κουμπί

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε έναν πολύ απλό τρόπο
να κάνουμε  reload - ανανέωση της σελίδας μας, όχι μόνο με το βελάκι του browser
από την μπάρα διευθύνσεων ψηλά, αλλά και μέσου κουμπιού που θα εγκαταστήσουμε
στην σελίδα μας!

Δείτε εδώ το παράδειγμα:






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


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

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

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο  κώδικα--
.................................................................................................................................................
<center><input type="button" value="Reload Page" onclick="window.location.reload(true)" />
</center> 
............................................................................................................................................
ΑΛΛΑΓΕΣ
Απλά αλλάζετε αν θέλετε το Reload Page με έναν δικό σας τίτλο και πατάτε Αποθήκευση!

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


Edit by

Τετάρτη, 21 Ιουνίου 2017

Dashed Rich Navigation Menu Bar

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε και πάλι μια
παραλλαγή ενός widget  με navigation bar σε τρία χρώματα!Διαθέτει hover tooltip effect
όταν κάνουμε mouseover με τον κέρσορα μας, μπαίνει οριζόντια στην σελίδα μας, και
είναι και αυτό ελαφρύ με κώδικα Css!










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

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

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

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

..............................................................................................................................................................
<style type="text/css">
#menu2 ul {
list-style:none;
font-family: "Trebuchet MS", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2em;
border:1px solid #000;
border-left:none;
float:left;
clear:both;
margin:20px;
border:5px dashed #fff;
}
#menu2 ul li{
float:left;
}
#menu2 ul li a{
display:block;
text-decoration:none;
background-color:#f0f0f0;
padding:5px 10px;
color:#666;
width:140px;
}
#menu2 ul li a span{
display:block;
text-align:center;

}
#menu2 ul li a span.title{
}
#menu2 ul li a:hover span.title{
color:#000;
}
#menu2 ul li a span.text{
font-size:12px;
font-style:italic;
padding:0px 5px;
border:1px solid #f0f0f0;
}
#menu2 ul li a:hover span.text{

}
#menu2 ul li a:hover span.text{
border:1px inset #ccc;
background-color:#fff;
}

</style>


<div id="menu2">
<ul><li><a href="URL">
<span class="title">ΤΙΤΛΟΣ</span>
<span class="text">ΚΕΙΜΕΝΟ</span>
</a>
</li>
<li><a href="URL">
<span class="title">ΤΙΤΛΟΣ</span>
<span class="text">ΚΕΙΜΕΝΟ</span>
</a>
</li>
<li><a href="URL">
<span class="title">ΤΙΤΛΟΣ</span>
<span class="text">ΚΕΙΜΕΝΟ</span>
</a>
</li>
<li><a href="URL">
<span class="title">ΤΙΤΛΟΣ</span>
<span class="text">ΚΕΙΜΕΝΟ</span>
</a>
</li>
</ul>
</div>
...........................................................................................................................................
ΑΛΛΑΓΕΣ
URL -- Εδώ βάζετε το λινκ της διεύθυνση σας
ΤΙΤΛΟΣ --Εδώ βάζετε τον τίτλο του εικονιδίου
ΚΕΙΜΕΝΟ -- Εδώ βάζετε την λέξη που θα φαίνεται στο αναδυόμενο εφέ  

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


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


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




 Edit by

Τρίτη, 20 Ιουνίου 2017

One Click to Auto Select Code from Blockquote

Φίλες και φίλοι γεια σας, σήμερα θα δούμε ένα πολύ ωραίο τρικ με το οποίο
θα μπορούν οι αναγνώστες - επισκέπτες του blog μας, με ένα κλικ να μαρκάρουν
- σημειώνουν τους κώδικες των αναρτήσεων μας, και να τους αντιγράφουν χωρίς
να χρειάζεται να "σκρολάρουν" με το κουμπί του ποντικιού πατημένο συνεχώς!



Demo μπορείτε να δείτε κάνοντας κλικ στον κώδικα της ανάρτησης πιο κάτω



Για να δουλέψει το τρικ χρειάζεται 2 βήματα:

Πρώτον:
Ο κώδικας πρέπει να μπαίνει μέσα σε παράθεση(blockquote )


Δεύτερον:


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

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


<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;blockquote&quot;);
for (var i = 0; i &lt; pres.length; i++) {
pres[i].addEventListener(&quot;click&quot;, function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
 }, false);
}
</script>






και...

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


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

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

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

να βρείτε το: </body>


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

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


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


Αυτό ήταν!


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


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




Edit by

Παρασκευή, 9 Ιουνίου 2017

Your javascript hoster

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε έναν τρόπο πως
μπορούμε να κάνουμε εύκολα γρήγορα και χωρίς πολύπλοκες ρυθμίσεις
upload σε κάποιον Hoster τα Javascripts αρχεία μας(Js - jquery )Υπάρχουν
πολλοί τρόποι και hosters για upload όπως πχ: Google Drive - Dropbox -Box
κτλ, και σήμερα εδώ θα δούμε την ιστοσελίδα:








Με το που μεταφερθούμε  στην ιστοσελίδα βλέπουμε:




όπου το βελάκι 1 μας δείχνει την Αναζήτηση για να βρούμε το Js αρχείο από τον
υπολογιστή μας!

Το βελάκι 2 μας δείχνει ότι πρέπει να δώσουμε ένα έγκυρο email μας και..

το βελάκι 3 μας δείχνει ότι πρέπει να πληκτρολογήσουμε σωστά τον Captcha
κωδικό!!

Αφού τα κάνουμε όλα αυτά και πατήσουμε upload μας δείχνει μία ειδοποίηση ότι
πρέπει να περιμένουμε λίγο και όταν μπούμε στο email μας:



Βλέπουμε από το βελάκι 1 το original αρχείο μας, και από το

βελάκι 2 ότι μας δίνουν και έτοιμο τον κωδικό να τον κάνουμε απευθείας 
επικόλληση στο blog μας!

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



 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>


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

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


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


Αυτό ήταν!




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


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




Edit by

Τετάρτη, 7 Ιουνίου 2017

Horizontal Rollover Text Menu

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα πολύ ωραίο menu
για τα blog μας!Είναι με κώδικα Css δεν καθυστερεί καθόλου το άνοιγμα του blog
μας, οριζόντιο με λίγες ενότητες και έχει ένα πάρα πολύ ωραίο rollover effect!!



Δείτε εδώ το DEMO


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

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

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

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

ul{
margin:0;
padding:0;
}

li{
display:inline;
list-type:none;
}

a.glidebutton{
display: inline-block;
position: relative;
color: #4A4A4A; /* default color */
background: #ececec; /* default bg color */
text-decoration: none;
font: bold 14px Arial; /* font settings */
letter-spacing: 2px; /* font settings */
overflow: hidden;
height: 30px; /* height of each button */
text-align: center;
border-radius: 5px; /* border radius */
-moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

a.glidebutton > span:first-child{ /* first span inside button */
position: relative;
display: block;
height: 100%;
padding: 6px; /* padding of button */
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

a.glidebutton > span:first-child:after{ /* CSS generated content */
content: attr(data-text); /* Duplicate text of span markup */
display: block;
width: 100%;
height: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: inherit;
position: absolute;
top:100%;
left:0;
}

a.glidebutton:hover{
color: black; /* color of button on hover */
background: #72cb47; /* bg color of button on hover */
box-shadow: 0 0 4px green inset;
}

a.glidebutton:hover > span:first-child{
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
</style>
<ul>
<li><a class="glidebutton" href="URL ΔΙΕΥΘΥΝΣΗΣ ΣΑΣ"><span data-text="Home">Home</span></a></li>
<li><a class="glidebutton" href="
URL ΔΙΕΥΘΥΝΣΗΣ ΣΑΣ"><span data-text="New">New</span></a></li>
<li><a class="glidebutton" href="
URL ΔΙΕΥΘΥΝΣΗΣ ΣΑΣ"><span data-text="Revised">Revised</span></a></li>
<li><a class="glidebutton" href="
URL ΔΙΕΥΘΥΝΣΗΣ ΣΑΣ"><span data-text="Αναρτήσεις">Αναρτήσεις</span></a></li>
<li><a class="glidebutton" href="
URL ΔΙΕΥΘΥΝΣΗΣ ΣΑΣ"><span data-text="Επικοινώνια">Επικοινώνια</span></a></li>
<li><a class="glidebutton" href="
URL ΔΙΕΥΘΥΝΣΗΣ ΣΑΣ"><span data-text="Τα νέα μας">Τα νέα μας</span></a></li>
</ul>
......................................................................................................................................................................
ΑΛΛΑΓΕΣ 
URL ΔΙΕΥΘΥΝΣΗΣ ΣΑΣ-- Εδώ βάζετε όλα τα links των διευθύνσεων σας.... 


και αλλάζετε τους τίτλους με τα κόκκινα γράμματα με τους δικούς σας!Προσέξτε
κάθε τίτλος μπαίνει 2 φορές όπως βλέπετε!
Μόλις τελειώσετε  πατήστε Αποθήκευση και είστε έτοιμοι!

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


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



Edit by

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

Navigation Menu Bar Widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα πολύ ωραίο και 
πρωτότυπο navigation bar widget!Μπαίνει οριζόντια στην σελίδα μας, είναι ελαφρύ
με κώδικα Css, δεν καθυστερεί το άνοιγμα της, και διαθέτει hover tooltip effect 
όταν κάνουμε mouseover με τον κέρσορα μας!













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

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

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

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


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

#menu3 ul {
list-style:none;
font-family: Helvetica, Arial, sans-serif;
font-size: 44px;
font-weight: bold;
letter-spacing: -2px;
line-height: 1.2em;
border-top:4px solid #000;
border-bottom:4px solid #666;
float:left;
clear:both;
margin:20px;
}
#menu3 ul li{
float:left;
}
#menu3 ul li a{
display:block;
text-decoration:none;
background-color:#ccc;
padding:10px 10px 5px 10px;
color:#666;
width:170px;
}
#menu3 ul li a span{
display:block;
text-align:center;

}
#menu3 ul li a span.title{

}
#menu3 ul li a:hover span.title{
color:#000;
}
#menu3 ul li a span.text{
padding:0px 5px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: -1px;
line-height: 2em;
text-align:right;
margin-top:-20px;
color:#f0f0f0;
font-weight:bold;
background-color:#000;
visibility:hidden;
}
#menu3 ul li a:hover span.text{
visibility:visible;
}
</style>

<div id="menu3">
<ul>
<li><a href="URL">
<span class="title">ΤΙΤΛΟΣ</span>
<span class="text">ΚΕΙΜΕΝΟ</span>
</a>
</li>
<li><a href="URL">
<span class="title">ΤΙΤΛΟΣ</span>
<span class="text">ΚΕΙΜΕΝΟ</span>
</a>
</li>
<li><a href="URL">
<span class="title">ΤΙΤΛΟΣ</span>
<span class="text">ΚΕΙΜΕΝΟ</span>
</a>
</li>
<li><a href="URL">
<span class="title">ΤΙΤΛΟΣ</span>
<span class="text">ΚΕΙΜΕΝΟ</span>
</a>
</li>
</ul>
</div>
...........................................................................................................................................
ΑΛΛΑΓΕΣ
URL -- Εδώ βάζετε το λινκ της διεύθυνση σας
ΤΙΤΛΟΣ --Εδώ βάζετε τον τίτλο του εικονιδίου
ΚΕΙΜΕΝΟ -- Εδώ βάζετε την λέξη που θα φαίνεται στο αναδυόμενο εφέ  

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


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


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




 Edit by
Icon Icon Icon

spice up your blog