Ads 468x60px

Featured Posts

  • Cougar

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

  • Lions

    Social network widget...

  • Snowalker

    Free Video to JPG Converter..

  • Howling

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

  • Sunbathing

    JavaScript Image Slider ...

Πέμπτη, 6 Δεκεμβρίου 2018

Blockquotes

Φίλες και φίλοι γεια σας, όλοι η σχεδόν όλοι ξέρετε τι σημαίνει το blockquote
μέσω του οποίου μπορούμε να τονίσουμε και να αναδείξουμε διάφορα μέρη
και σημεία μίας ανάρτησης!Οι τρόποι που μπορούμε να το
κάνουμε αυτό είναι πολλοί όπως: Μέσα σε παρένθεση, κείμενο με εικόνα,
παράγραφο μέσα σε text box και άλλοι πολλοί!


Σε αυτή την ανάρτηση θα δούμε μερικές παραλλαγές του blockquote που
μας επιτρέπουν να κάνουμε ότι είπαμε στον πρόλογο της ανάρτησης!

Οι κώδικες έχουν παραμετροποιηθεί έτσι ώστε να χρειάζεται να τους εγκαταστήσουμε
απλά μέσα στο Html section της ανάρτησης!



Κάτω από κάθε κώδικα υπάρχει το ανάλογο demo για να δείτε
την πλήρη ανάπτυξη τους!



ΚΩΔΙΚΑΣ ΠΡΩΤΟΣ...

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

  <style>
.post blockquote {
background: none repeat scroll 0 0 #FFFFFF;
border: 10px solid #FC8E42;
border-radius: 240px 240px 240px 240px;
color: #333333;
margin: 1em 140px 80px;
padding: 70px 70px;
position: relative;
text-align: center;
font: 1.5em/1.4 Cambria,Georgia,sans-serif;
font-weight: bold;
}
.post blockquote:before {
background: none repeat scroll 0 0 #FFFFFF;
border: 10px solid #FFBD54;
border-radius: 50px 50px 50px 50px;
bottom: -40px;
content: "";
display: block;
height: 50px;
position: absolute;
right: 100px;
width: 50px;
z-index: 10;
}
.post blockquote:after {
background: none repeat scroll 0 0 #FFFFFF;
border: 10px solid #5A8F00;
border-radius: 25px 25px 25px 25px;
bottom: -60px;
content: "";
display: block;
height: 25px;
position: absolute;
right: 50px;
width: 25px;
z-index: 10;
}
</style>


<blockquote>ΕΔΩ ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ</blockquote>
............................................................................................................................ 



ΚΩΔΙΚΑΣ ΔΕΥΤΕΡΟΣ...
 ...........................................................................................................
<style>
.post blockquote {
background: linear-gradient(#B8DB29, #5A8F00) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 10px 10px 10px 10px;
color: #FFFFFF;
margin: 30px 15px 5px;
padding: 15px 30px;
position: relative;
font: 1.6em/1.4 Cambria,Georgia,sans-serif;
font-weight: bold;
}
.post blockquote:after {
border-color: rgba(0, 0, 0, 0) #B5D928;
border-style: solid;
border-width: 50px 0px 0px 20px;
top: -50px;
content: "";
display: block;
left: 50px;
position: absolute;
width: 0;
}
</style> 


<blockquote>ΕΔΩ ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ</blockquote>
................................................................................................................ 


 
ΚΩΔΙΚΑΣ ΤΡΙΤΟΣ....
.......................................................................................................................
 <style>
.post blockquote {
padding:10px 15px;
margin: 5px 15px;
border: 1px solid #E1E1E1;
background-color: #F6F6F6;
font-size: 15px;
font-family: Times;
}
.post blockquote:before {
content: "\201C";
color: #F13937;
font-family: Times;
font-size:50px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
}
.post blockquote:after {
content: "\201D";
color: #F13937;
font-family: Times;
font-size:50px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
padding:15px 0px 0px 5px;
}
</style>

<blockquote>ΕΔΩ ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ</blockquote>
................................................................................................................ 




ΚΩΔΙΚΑΣ ΤΕΤΑΡΤΟΣ....
.......................................................................................................................

  <style>
.post blockquote {
overflow:auto;width:400px;height:auto;
font-family: "Consolas", "Courier New", Courier, mono, serif;
margin : 15px 35px 15px 15px;
padding : 2px 10px 5px 60px;
line-height:1.7em;
clear : both;
color:#000;
list-style-type : none;
background : #F5F3F3 url(http://3.bp.blogspot.com/-gNZ5r7KaLIE/T33PEnGXSJI/AAAAAAAABoo/cDcreY3-mPc/s1600/notepad1.gif) repeat-y top left;
border : 1px solid #ccc;
-webkit-box-shadow: 0px 0px 20px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 20px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 20px  rgba(0, 0, 0, .3);
}
</style>

<blockquote>ΕΔΩ ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ</blockquote>
................................................................................................................ 


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

Απλά γράφετε το κείμενο σας  στο-- ΕΔΩ ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ --
και πηγαίνεται στο Html Section της ανάλογης ανάρτησης και κάνετε επικόλληση
τον κώδικα!

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

Πηγή κώδικα


 Edit by

Τρίτη, 4 Δεκεμβρίου 2018

OOo4Kids: Office για τους μικρούς

Το OOo4Kids είναι μια παιδική σουίτα γραφείου βασισμένη στον κώδικα του openoffice!Απευθύνεται στους μικρούς μας φίλους ηλικίας 7-12 χρονών και ίσως και λίγο παραπάνω!


Ο σκοπός της εφαρμογής είναι να μάθει στα μικρά παιδιά τον τρόπο και την λειτουργία του Office, μέσα από ένα απλοποιημένο περιβάλλον!





Μπορείτε να το κατεβάσετε από ΕΔΩ διαλέγοντας την έκδοση λειτουργικού, και την γλώσσα που χρειάζεστε!





Όταν ανοίξει το βλέπουμε στην ακόλουθη εικόνα ότι διαθέτει 2 μπάρες εργασίας όπως δείχνουν
τα βελάκια!Η πάνω μπάρα έχει όλες τις ρυθμίσεις ως συνήθως, και η κάτω οριζόντια τις 
αντίστοιχες λειτουργίες του office:




"Κλικάροντας" την πρώτη επιλογή για να δημιουργήσουμε ένα κείμενο μας ανοίγει




όπως θα μας άνοιγε το αντίστοιχο word, ενώ εάν θέλουμε το αντίστοιχο excel" κλικάρουμε" 
την προτελευταία επιλογή και το βλέπουμε  έτσι:





Αναλόγως πράττουμε και με τις άλλες λειτουργίες της εφαρμογής!!Μία πολύ χρήσιμη και εύκολη εφαρμογή για να μάθουν η να πάρουν μία ιδέα τα μικρά παιδιά για τις λειτουργίες του office!!


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

Edit by

Τρίτη, 13 Νοεμβρίου 2018

Sitemap Widget for blogger blogs

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

πολύ ωραίο και χρήσιμο Sitemap widget 

το οποίο μας δείχνει μαζεμένες σε μία σελίδα όλες τις αναρτήσεις 

του blog μας χωρισμένες ανά κατηγορία 

όπως τις έχουμε στις ετικέτες μας!





Δείτε εδώ:




               DEMO1        DEMO2




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



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

Μενού-->Σελίδες-->

Νέα σελίδα-->Κενή Σελίδα,

προσθήκη κειμένου..,

και στην σελίδα που θα ανοίξει κλικάρετε το HTML part δίπλα από το

Σύνθεση και επικολλήστε μέσα τον παρακάτω κώδικα!


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

/* Sitemap page for blogger by TwistBlogg.Blogspot.Com */
<style type="text/css">
#twistblogg{
width:99%;  
margin:5px auto;
border:1px solid #05a0ff;  
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#c2eafe 0%,#05a0ff 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#05a0ff),color-stop(1,#c2eafe));
border:1px solid #37c2dd;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #a0a0a0;
-moz-box-shadow:3px 3px 1px #a0a0a0;-webkit-box-shadow:3px 3px 1px #a0a0a0;display:block;
}
.labl a{color:#fff;
}
.labl:first-letter{text-transform:uppercase;
}
.new{color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.50,#fff),color-stop(1,#C2EAFE));
}
.postname li{border-bottom: #ddd 1px dotted;
margin-right:5px
}
/*This is optional - For full width Sitemap*/
.sidebar, #bottom, #blog-pager, h2.post-title, .comments {
display: none !important;
}
#content { width: 100% !Important; }
@media only screen and (max-width: 1089px) and (min-width: 980px) { #content { width: 100% !Important; } }  @media only screen and (max-width: 979px) and (min-width: 768px) { #content { width: 100% !Important; } } @media only screen and (max-width: 767px) and (min-width: 480px) { #content { width: 100% !Important; } }  @media only screen and (max-width: 479px) { #content { width: 100% !Important; } }
</style>

<div id="twistblogg">
<script src="https://amanbhattarai4400.github.io/csshosting/sitemap.js" type="text/javascript"></script>
<script src="ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΟΥ ΜΠΛΟΓΚ ΣΑΣ /feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

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

ΑΛΛΑΓΕΣ

1ον: ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΟΥ ΜΠΛΟΓΚ ΣΑΣ  Εδώ βάζετε την διεύθυνση του blog σας!

2ον: Πηγαίνετε δεξιά στις επιλογές και στα Σχόλια αναγνωστών βάζετε το να
μην επιτρέπεται και πατάτε Τέλος!

3ον: Μπορείτε να αλλάξετε και τους χρωματισμένους κωδικούς χρωμάτων αν θέλετε!

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

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



Πηγή https://twistblogg.blogspot.com

Edit by 

Δευτέρα, 12 Νοεμβρίου 2018

Grayscale Css Image Gallery

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








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

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

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

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

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

<style>

ul.gallery{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.gallery li{
  display: block;
  width: 200px; /* width of gallery */
  height: 50px; /* portion of each gallery image that's shown initially */
  position: relative;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


ul.gallery li img{
  position: absolute;
  width: 100%;
  border: 10px solid #D8D2A2;
 -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
    filter: url(#grayscale);
  filter: grayscale(1);
    -webkit-transition: all .5s ease-in-out; /* CSS3 transition setting */
    -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


ul.gallery li:focus{ /* when a LI receives focus (clicked on) */
  z-index: 100;
    outline: none;
    -webkit-transform: rotate(3deg); /* rotate enlarged LI by 3 degrees */
    -moz-transform: rotate(3deg);
    transform: rotate(3deg);
    pointer-events: none; /* disable pointer events on enlarged LI so thumbnail(s) beneath it can receive those events */
}

ul.gallery li:nth-of-type(even):focus{ /* even LIs that received focus */
    -webkit-transform: rotate(-1deg); /* rotate enlarged LI by -1 degrees instead */
    -moz-transform: rotate(-1deg);
    transform: rotate(-1deg);
}

ul.gallery li:focus img{
  -webkit-transform: scale(2) translateX(80%); /* enlarge focused image and move horizontally */
  -moz-transform: scale(2) translateX(80%);
  transform: scale(2) translateX(80%);
  top: 10px; /* shift enlarged image downwards by 10px */
    outline: none;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
  -webkit-filter: grayscale(0); /* nullify grayscale effect */
  filter: none;
}

ul.gallery li:first-of-type:focus img{ /* first image within list of thumbnails that receives focus */
  top: 80px; /* move image down by 80px so it's not obscured by top of window edge */
}

svg{
    position: absolute;
    visibility: hidden;
}

</style>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
    <filter id="grayscale">
        <feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0
        0.3333 0.3333 0.3333 0 0
        0.3333 0.3333 0.3333 0 0
        0 0 0 1 0" />
    </filter>
</svg>
<ul class="gallery" title="Tab after clicking on a thumbnail to cycle though thumbnails">
<li tabindex="1"><img src="Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΌΝΑΣ ΣΑΣ" /></li>
<li tabindex="2"><img src="
Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΌΝΑΣ ΣΑΣ" /></li>
<li tabindex="3"><img src="
Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΌΝΑΣ ΣΑΣ" /></li>
<li tabindex="4"><img src="
Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΌΝΑΣ ΣΑΣ" /></li>
<li tabindex="5"><img src="
Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΌΝΑΣ ΣΑΣ" /></li>
<li tabindex="6"><img src="
Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΌΝΑΣ ΣΑΣ" /></li>
</ul>

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

ΑΛΛΑΓΕΣ

Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΌΝΑΣ ΣΑΣ --Εδώ βάζετε την διεύθυνση url από την δική σας
εικόνα!

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


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

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





Edit by

Παρασκευή, 9 Νοεμβρίου 2018

Pure CSS Expanded Social Network Widget

Φίλες και φίλοι γεια σας, σήμερα θα δούμε ένα  social network widget με ένα πολύ
ωραίο smooth expand hover effect!Είναι με κώδικα Css, δεν καθυστερεί το άνοιγμα
των blog μας, και τοποθετείτε κατά κύριο λόγο στην αριστερή sidebar, η άν έχετε χώρο,
κάτω στο footer των blog σας!



Δείτε εδώ το DEMO





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



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

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

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

<style>#NBT-SNS {width: 260px;margin: 5px 20px;padding:5px;}#NBT-SNS li {cursor: pointer;height: 48px;position: relative;list-style-type: none;}#NBT-SNS .icon {background: #D91E76 url('http://2.bp.blogspot.com/-Wh9jq4HrRN0/UOmHSqZDWDI/AAAAAAAAJVM/5fY5LrICi6c/s1600/NBT-Social_Button.png') 0 0 no-repeat;background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;color: #141414;float:none;height: 48px;line-height: 48px;margin: 5px 0;position: relative;text-align: left;text-indent: 90px;text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;transition: width .25s ease-in-out, background-color .25s ease-in-out;-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-moz-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-o-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;text-decoration: none;}#NBT-SNS span:hover {visibility: hidden;}#NBT-SNS span {display: block;top: 15px;position: absolute;left: 90px;}#NBT-SNS .icon {color: #fafafa;overflow: hidden;}#NBT-SNS .fb {background-color: rgba(45, 118, 185, .42);background-position: 0 -382px;}#NBT-SNS .twit {background-color: rgba(0, 161, 223, .42);background-position: 0 -430px;}#NBT-SNS .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -478px;}#NBT-SNS .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}#NBT-SNS .linked {background-color: rgba(0, 87, 114, .42);background-position: 0 -574px;}#NBT-SNS .ytube {background-color: rgba(170, 0, 0, .42);background-position: 0 -670px;}#NBT-SNS .rss {background-color: rgba(255, 109, 0, .42);background-position: 0 -718px;}#NBT-SNS li:hover .icon {width: 250px;}#NBT-SNS li:hover .icon {background-color: #d91e76;}#NBT-SNS li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}#NBT-SNS li:hover .twit {background-color: #00A1DF;background-position: 0 -46px;}#NBT-SNS li:hover .google {background-color: #A70000;background-position: 0 -94px;}#NBT-SNS li:hover .pint {background-color: #C00;background-position: 0 -142px;}#NBT-SNS li:hover .linked {background-color: #005772;background-position: 0 -190px;}#NBT-SNS li:hover .ytube {background-color: #A00;background-position: 0 -286px;}#NBT-SNS li:hover .rss {background-color: #EC5601;background-position: 0 -334px;}#NBT-SNS .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}</style><ul id="NBT-SNS"><li><a href="http://www.facebook.com/USERNAME FACEBOOK" class="icon fb">Like us on Facebook</a><span>Like us on Facebook</span> </li><li><a href="https://twitter.com/USERNAME TWITTER" class="icon twit">Follow us on Twitter</a><span>Follow us on Twitter</span> </li><li><a href="https://plus.google.com/GOOGLE PLUS ID" class="icon google">Follow us on Google+</a><span>Follow us on Google+</span> </li><li><a href="http://www.pinterest.com/USERNAME PINTEREST" class="icon pint">Follow us on Pinterest</a><span>Follow us on Pinterest</span> </li><li><a href="http://in.linkedin.com/USERNAME LINKEDIN" class="icon linked">Follow us on LinkedIn</a><span>Follow us on LinkedIn</span> </li><li><a href="http://www.youtube.com/user/USERNAME YOUTUBE" class="icon ytube">Follow us on Youtube</a><span>Follow us on Youtube</span> </li><li><a href="http://feeds.feedburner.com/USERNAME FEED" class="icon rss">Subscribe via RSS</a><span>Subscribe via RSS</span></li></ul></div><div style='clear: both;'></div> 

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

Αντικαταστήστε όλα τα USERNAMES με τα αντίστοιχα δικά σας που έχετε στα social media, προσέξτε
στην αλλαγή να είναι ανάμεσα σε /  "  το username δηλαδή έτσι: /username"  


και μόλις τελειώσετε πατήστε 

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


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


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



Edit by

Τετάρτη, 7 Νοεμβρίου 2018

Social bar with opacity effect

Φίλες και φίλοι γεια σας, σήμερα θα δούμε άλλη μία version των socials bars,
σχετικά απλή σε σχέση με άλλα socials widgets , με πολύ ωραία εικονίδια και με
opacity hover effect!
Έχει εικονίδια για Rss feed, facebook, twitter, youtube, google
plus,
 xωρίς κώδικες Css & jguery scripts!



Δείτε εδώ το DEMO



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

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

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

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
...............................................................................................................................................
<center>
<style>
a:hover {background-color: transparent;opacity:0.4;}
</style>

<a title="Rss Feed" href="http://feeds.feedburner.com/USERNAME FEED" rel="nofollow" target="_blank"><img border="0" src="https://lh4.googleusercontent.com/-TwlM3PUrH0M/UiC1DY5GXYI/AAAAAAAAH0Q/p9cU1-BP75g/s96/rss-feed-icon.png" /></a>

<a title="Find Us On Facebook" href="http://facebook.com/USERNAME FACEBOOK" rel="nofollow" target="_blank"><img border="0" src="https://lh6.googleusercontent.com/-josrjpqdDmc/UiC0_6m2qoI/AAAAAAAAHzA/33DCJ0uCbDU/s96/facebook-icon.png" /></a>

<a title="See our videos" href="http://www.youtube.com/user/USERNAME YOUTUBE" rel="nofollow" target="_blank"><img border="0" src="https://lh4.googleusercontent.com/-BiSdLVbLqk4/UiC1Hdw2AZI/AAAAAAAAH14/n1PeM5WyK6g/s96/youtube-icon.png" /></a>

<a title="Follow On Twitter" href="https://twitter.com/USERNAME TWITTER" rel="nofollow" target="_blank"><img border="0" src="https://lh6.googleusercontent.com/-L5L9mXHxBDU/UiC1FQ7gksI/AAAAAAAAH1I/h7gVUBs9NyA/s96/twitter-icon.png" /></a>

<a title="Add To Circles" href="https://plus.google.com/GOOGLE PLUS ID/posts" rel="nofollow" target="_blank"><img border="0" src="https://lh4.googleusercontent.com/-NxvAWioK3hE/UiIDTYgAJcI/AAAAAAAAH8k/koLjdxCpMd8/s96/google-icon.png" /></a>
</center>
..................................................................................................................................................
ΑΛΛΑΓΕΣ

Κάντε αλλαγή όλα τα usernames με τα αντίστοιχα δικά σας και το google plus id σας, και
πατήστε Αποθήκευση!Αυτό ήταν!

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


Πηγή κώδικα 


Edit by

Πέμπτη, 25 Οκτωβρίου 2018

CSS Pink Social Networking Widget

Φίλες και φίλοι γεια σας σε αυτήν την ανάρτηση θα δούμε μία social bar σε ροζ
χρώμα διαφορετική από όσες έχουμε δει μέχρι τώρα σε παλαιότερες αναρτήσεις
και λόγω χρώματος αλλά και λόγω εφέ καθώς διαθέτει και ένα πολύ ωραίο
οριζόντιο slide out!


Δείτε εδώ το DEMO   


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

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

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

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

<style>
#bssocialmenuslide {
  margin:0;
  padding:0;
  width: 30em;
  height: 4.5em;
  overflow:hidden;
  }
#bssocialmenuslide li {
  display:inline;
  list-style-type:none;
  }
#bssocialmenuslide li a {
  display:block;
  float:left;
  text-decoration:none;
  margin:0;
  }
#bssocialmenuslide li a img {
  opacity:0.7;
  margin:0.5em;
  border:0;
  float:left;
  }
#bssocialmenuslide li a span {
  display:none;
  }
#bssocialmenuslide li a:hover {
  background:transparent;
  }
#bssocialmenuslide li a:hover span {
  width:7em;
  color:#aaa;
  display:block;
  cursor:pointer;
  float:left;
  }
#bssocialmenuslide .h2 {
  margin:0 5px;
  padding:0;
  color:#fc0;
  font-variant:small-caps;
  font-size:1em;
  border:0;
  }                                                                                                                                       <!--www.bloggerspice.com-->
  </style>
  <ul id="bssocialmenuslide">
  <li>
    <a href="https://www.facebook.com/ΕΔΩ ΤΟ FACEBOOK USERNAME ΣΑΣ"><img src="http://1.bp.blogspot.com/-7r14xTQfaso/UYi5yJ0H7CI/AAAAAAAACwg/LrD1OWgWGeQ/s1600/BS+Facebook.png" alt="facebook" width="50" height="50" title="Facebook" />
     <span><br />
      <b class="h2">Facebook</b><br />
      Add to Facebook
     </span>
    </a>
   </li>
  <li>
    <a href="https://twitter.com/ΕΔΩ ΤΟ ΤWITTER USERNAME ΣΑΣ">
     <img src="http://3.bp.blogspot.com/-GbkS6eD0WPo/UYi5y6md4dI/AAAAAAAACww/ziaOv5oiNJY/s1600/BS+Twitter.png" alt="twitter" width="50" height="50" title="twitter" />
     <span><br />
      <b class="h2">Twitter</b><br />
      add to twitter
     </span>
    </a>
   </li>
   <li>
    <a href="https://plus.google.com/EΔΩ ΤΟ GOOGLE PLUS ID ΣΑΣ"><img src="http://1.bp.blogspot.com/-eve1b3fX6Ss/UYi5yFBcCNI/AAAAAAAACwY/ILlooqDWOnI/s1600/BS+Google+Plus.png" alt="Google plus" width="50" height="50" title="=Google plus" />
     <span>
      <br />
      <b class="h2">Google +</b><br />
      Add to Google +
     </span>
    </a>
   </li>
   <li>
    <a href="http://feeds.feedburner.com/EΔΩ ΤΟ FEED ΣΑΣ"><img src="http://4.bp.blogspot.com/-DAVYWR9Dxt8/UYi5yvUKkfI/AAAAAAAACws/oege3aDhZg8/s1600/BS+RSS.png" alt="Rss" width="50" height="50" title="Rss" />
     <span><br />
      <b class="h2">Rss Feed</b><br />
        Subscribe
     </span>
    </a>
   </li>
   <li>
  </li></ul>

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

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

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


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


Edit by

Τρίτη, 23 Οκτωβρίου 2018

Clean Master for Pc

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε το Clean Master το
οποίο είναι από τις δημοφιλέστερες mobile εφαρμογές για κινητά και tablets!
To Clean Master προχώρησε ένα βήμα παραπέρα και κυκλοφόρησε και έκδοση
για υπολογιστές!
Έτσι μας προσφέρει ακόμα μία πολύ χρήσιμη λύση για καθαρισμό αρχείων, 
μητρώου(registry), σκληρών δίσκων, ιστορικών κτλ!




Απλό Setup είναι!


 Μετά την εγκατάσταση "κλικάρουμε" το scan και η εκκαθάριση αρχίζει:




 και μόλις τελειώσει απλά πατάτε το Clean Now:




Αυτό ήταν! 

Υπάρχει και επιλογή Autoclean και φυσικά και άλλες για να το παραμετροποιήσετε
όπως εσείς θέλετε!



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

Homepage

Μέγεθος: 5.5 Mb

Απαιτεί: windows 7 και άνω
Επξεργαστή: 1 gz
Μνήμη Ram: 512

 Edit by

Δευτέρα, 22 Οκτωβρίου 2018

AppCleaner: Cleaner for windows

Φίλες και φίλοι γεια σας, σε αυτήν την ανάρτηση θα δούμε ένα πολύ καλό cleaner καθαριστικό το AppCleaner ,
το οποίο μοιάζει πολύ με το διάσημο πλέον ccleaner που έχουμε αναρτήσει ΕΔΩ!
 Είναι πολύ ελαφρύ,εύκολο στην χρήση του και δε θα χρειαστεί να το εγκαταστήσουμε,
γιατί θα κατεβάσουμε την portable έκδοση του απο ΕΔΩ όπως βλέπετε στην φώτο από κάτω!



Μόλις κατέβει διπλό κλικ στο αρχείο και μετά δείτε αναλυτικά τις ενσωματωμένες
 οδηγίες στις φωτογραφίες που ακολουθούν!!



















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

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

Homepage



Δείτε ΕΔΩ για τα portable!
 


Edit by
Icon Icon Icon

spice up your blog
1
Google+


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