Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

Πρόσθεσε Reply Button σε κάθε σχόλιό σου - Add a Reply Button to your comments


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Καλησπέρα,

εδώ και λίγο καιρό έχω βάλει μια νέα λειτουργία στα σχόλια. Αν προσέξτε κάθε σχόλιο έχει δίπλα ένα [Reply]. Αν θέλετε να δείτε πως ακριβως δουλεύει σας αφήνω να δημοσίευσετε test comments σε αυτην την ανάρτηση. Αφήστε ένα σχόλιο και μετά αφήστε άλλο ένα, πατώντας το [Reply], για να δείτε πως δουλεύει. Και αν σας αρέσει, δείτε παρακάτω πως θα το βάλετε κι εσείς!


Για να ενσωματώσετε αυτό το hack στο Blog σας, ακολουθήστε τα παρακάτω βήματα:

1) Login στον blogger account
2) Πανόπτης
3) Σχεδίαση ή Διάταξη
4) Επεξεργασία html
5) Επέκταση προτύπων γραφικών στοιχείων
6) Με το ctrl+F βρείτε τον παρακάτω κωδικό:

<data:commentPostedByMsg/>

Κάτω από τον παραπάνω κώδικα επικολλήστε τον παρακάτω:

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>[Reply]</a></span>

Επεξεργασία του παραπάνω κώδικα:

α) Καταρχίν εκεί που λέει YOUR-BLOG-ID αλλάξτε το με το ID του blog σας. Το ID σας μπορείτε να το βρείτε πολύ εύκολα. Αρκεί να κοιτάξετε στην url σας και θα το δείτε, όπως φαίνεται και στη φώτο:


β) Εκεί που λέει [Reply], μπορείτε να το αλλάξετε και να βάλετε κάτι άλλο π.χ.: "Απαντήστε σε αυτό το σχόλιο".

γ) Μπορείτε να βάλετε και εικόνα αντί για το [Reply]. Απλά διαγράψτε το [Reply] και στη θέση του βάλτε τον παρακάτω κωδικό:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsXfzzc-JcVcu5MrE4RCmplFLnEdO1DwaJX0RKKSKy2SRnqWrCXFkimIBQZZwb2WTKhxLE5zaNE-Xd4R0lLAOQFiAQwkbXuXqCrFEjYU32FDwyYou9rKPuvHFb_RBLjXvJZdM8VLS6Pt8X/s1600/reply%5B1%5D.gif"/>

Μπορείτε να βάλετε όποια εικόνα θέλετε, αντικαθιστώντας τα κόκκινα γράμματα με το url της.

7) Πατήστε Προεπισκόπηση να δείτε αν θα γίνει δεκτός ο κώδικας και αν είναι όλα οκ, πατήστε Αποθήκευση!

Ελπίζω να σας αρέσει :)

Αφήστε ένα σχόλιο να δω κι εγώ αν οι κωδικοί είναι οκ ή είναι λάθος.

Μην ξεχάσετε να το αναρτήσετε στο facebook wall σας, πατώντας το παρακάτω κουμπί:


ΔΗΜΟΣΚΟΠΗΣΗ ΝΟΥΜΕΡΟ 3


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Η ΔΗΜΟΣΚΟΠΗΣΗ ΕΛΗΞΕ ΣΤΙΣ 12 IOΥΛΙΟΥ 2010, ΚΡΑΤΗΣΕ 28 ΗΜΕΡΕΣ ΚΑΙ ΨΗΦΙΣΑΝ ΕΠΙΣΚΕΠΤΕΣ ΤΟΥ JOHNPATRA BLOG


Δειγματοληψεία: 86 άτομα (από μία φορά ο καθένας)

Σχόλιο:

Δεν μου προκάλεσαν έκπληξη τα αποτελέσματα της ψηφοφορίας. Περίμενα λίγο χαμηλότερο ποσοστό στην πρώτη επιλογή και λίγο μεγαλύτερο στην τρίτη, αλλά μετά σκέφτηκα ότι είμαστε ένα τεχνολογικό site, επομένως είναι απολύτως λογικά αυτά τα αποτελέσματα. Κι εγώ την επιλογή ένα ψήφισα. Η δεύτερη κι η τέταρτη επιλογή έχουν πολύ χαμηλά ποσοστά, και θεωρώ ότι αυτοί που ψήφισαν τη τέταρτη επιλογή ανήκουν κυρίως στην τρίτη και αυτοί της δεύτερης επιλογής είναι θέμα χρόνου πότε θα κάνουν την πρώτη τους συναλλαγή και θα ανήκουν στην πρώτη επιλογή.

Δεκτή η συζήτηση για το θέμα της δημοσκόπησης με σχόλια.


Προσθήκη εικόνας για background (φόντο) - Add background image


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Πραγματικά είναι απίστευτα έυκολο να βάλετε μια εικόνα της επιλογής σας για φόντο (background) στο blog σας. Το μόνο δύσκολο είναι να βρείτε την εικόνα που θέλετε.
Λοιπόν βρείτε πια εικόνα θέλετε να έχετε για background. Αν θέλετε να τις αλλάξετε τις διαστάσεις, κάντε το από το Resizepic. Αφού έχετε επιλέξει ποια εικόνα θέλετε για φόντο στο blog σας, ακολουθήστε τα παρακάτω βήματα:

1. Σύνδεση στον λογαριασμό σας
2. Σχεδίαση
3. Στοιχεία σελίδας
4. Προσθήκη gadget
5. HTML/JavaScript
6. Επικόλληση του παρακάτω κωδικού:


<style type="text/css">body {background-image:url(ΕΔΩ_ΤΟ_URL_ΤΗΣ_ΕΙΚΟΝΑΣ_ΣΑΣ);background-attachment:fixed;}.bkgspc {margin-top:10px;font-size:11px;font-family:Arial;}.bkgspc </style><div class="bkgspc" align="center">Visit <a href="http://www.johnpatra.com/" target="_blank">Johnpatra.com</a></div>

Απλά εκεί που γράφω "ΕΔΩ_ΤΟ_URL_ΤΗΣ_ΕΙΚΟΝΑΣ_ΣΑΣ", βάζετε το url της εικόνας που επιθυμήτε και μετά αποθηκεύετε.


Βάλτε τους κωδικούς σας -html codes, scripts- σε ειδικά σχεδιασμένα κουτιά


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Γεια σας,

όσοι από εσας με επισκέπτεστε από παλιά, σίγουρα θα έχετε προσέξει ότι τοποθετώ τους κωδικούς μέσα σε ειδικά διαμορφωμένα κουτιά. Αυτό το κάνω για να ξεχωρίζει ο κώδικας από τα υπόλοιπα και για λόγους αισθητικής.
Όσοι ακόμα δεν έχετε καταλάβει τι εννοώ, απλά κοιτάξτε παρακάτω. Βλέπετε που έχω βάλει τους html κωδικούς μέσα σε κάτι ειδικά κουτάκια?

Σήμερα θα σας δείξω πως να το κάνετε κι εσείς αυτό.


Προσέξτε (!!!):

Αυτή η ανάρτηση δεν έχει καμία σχέση με αυτην την ανάρτηση: http://www.johnpatra.com/2009/10/html-blog-post-html-code.html (επισκεφτείτε την!)

Το Html code converter κάνει τους html κώδικες ορατούς. Η σημερινή ανάρτηση δεν έχει καμία σχέση με αυτό. Η σημερινή ανάρτηση, απλά δείχνει έναν ωραίο τρόπο για να εμφανίζονται ωραία οι κωδικοί αυτοί μέσα σε πλαίσια.

Απο την στιγμή που θέλετε να κάνετε ορατούς τους html κωδικούς, θα τους μετατρέπετε πάντα.

Επίσης μέσα σε αυτά τα πλαίσα-κουτιά δεν είναι απαραίτητο να βάζετε μόνο scripts. Μπορείτε να βάζετε ότι θέλετε.


Λοιπόν κάντε σύνδεση στον blogger account σας, και από τον πανόπτη μας, πατάμε στην καρτέλα "Σχεδίαση" (γιατί το αλλάξανε αυτό? εγώ ακόμα Διάταξη το λέω :).

Πατήστε "Επεξεργασία html".

Με την βοήθεια του ctrl+F, βρείτε τον παρακάτω κωδικό:

]]></b:skin>

Αφού τον βρείτε, επικολλήστε αμέσως από πάνω του, τον παρακάτω CSS κωδικό:

.codeview {
font-family: Arial, Helvetica, sans-serif;
color: #CC0000;
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
border-top : 2px solid #cccccc;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 2px solid #cccccc;
background-color: #FFFFFF;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

Αποθήκευσε το πρότυπό σου.

Πατήστε τώρα στην καρτέλα που λέει "Ρυθμίσεις".

Στις υποκαρτέλες πατήστε στη "Διαμόρφωση".

Κυλήστε με το ποντίκι σας κάτω-κάτω.

Εκεί που λέει "Πρότυπο Ανάρτησης", βλέπετε που έχει δίπλα ένα πλαίσιο.

Λογικά αυτό το πλαίσιο θα σας είναι άδειο, εκτός αν χρησιμοποιείτε το read more ή έχετε βάλει κάτι άλλο. Τέλοσπάντων δεν μας ενδιαφέρει αν είναι άδειο ή γεμάτο.

Λοιπόν μέσα σε αυτό το πλαίσιο επικολλήστε τον παρακάτω κωδικό:

<div class="codeview">
Βάλετε ανάμεσα στους δύο κωδικούς ότι θέλετε να εμφανίζεται μέσα στο κουτάκι.
</div>

Αποθηκεύστε τις ρυθμίσεις σας.

Είστε σχεδόν έτοιμοι.

Από εδώ και πέρα κάθε φορά που θα πηγαίνετε να γράψετε μια ανάρτηση (όταν γράφετε μια νέα ανάρτηση να βρισκόσαστε στην καρτέλα "Επεξεργασία html" και όχι στην καρτέλα "Σύνθεση"), θα βλέπετε τους κωδικούς που σας είπα να αποθηκεύστε πριν στις ρυθμίσεις>διαμόρφωση. Αν δεν θέλετε να βάλετε κάποιο κωδικό απλά τους σβήνετε και συνεχίζετε να γράφετε την ανάρτηση. Αν θέλετε όμως να βάλετε κάτι που να φαίνεται μέσα στο κουτάκι, το βάζετε ανάμεσα στους δύο κωδικούς. Φυσικά σβήνετε τα δικά μου λόγια, τα "Βάλετε ανάμεσα στους δύο κωδικούς ότι θέλετε να εμφανίζεται μέσα στο κουτάκι.". Αυτά τα έχω γράψει για να σας βοηθήσω. Αυτά τα σβήνετε σε κάθε περίπτωση. Εσείς απλά βάζετε αυτό που θέλετε να φαίνεται στο κουτάκι ανάμεσα στο <div class="codeview"> και ανάμεσα στο </div>. Σας τα είπα αναλυτικά και πιστεύω να τα καταλάβατε. Αν όχι, αφήστε ένα σχόλιο και πείτε μου, που "κολλάτε".

Α και κάτι άλλο:

Μπορείτε να ρυθμίσετε μόνοι σας τα χρώματα του κουτιού. Για παράδειγμα κάποιος που έχει μαύρο background (εγώ!) δεν θα βάλει σκούρα χρώματα στο κουτί, αλλά φωτεινά. Και, αντίθετα, κάποιος που έχει άσπρο φόντο στο blog του, θα βάλει σκούρα χρώματα στο κουτί για να δημιουργείται η απαραίτητη αντίθεση χρωμάτων.

Αλλά πως τα αλλάζετε?

Πολύ απλά από τον κωδικό που επικολλήσαμε πάνω από το ]]></b:skin>.

Σε αυτόν τον κωδικό βλέπετε που έχει διάφορους κωδικούς τέτοιας μορφής: #000000 ?

Στη γλώσσα του html, κάθε χρώμα συμβολίζεται με ένα # και έξι νούμερα μετά από το #.

Επομένως το #000000 είναι ένα χρώμα και συγκεκριμένα το μαύρο.

Πειραματιστείτε μόνοι σας λίγη ώρα με τους κωδικούς των χρωμάτων, μέχρι να φτιάξετε έναν ωραίο συνδιασμό που να ταιριάζει και με τα χρώματα του blog σας.

Για να βρείτε εύκολα και γρήγορα τους 6ψήφιους κωδικούς των χρωμάτων της αρεσκείας σας πατήστε εδώ!

Καλή σας μέρα!

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


Δύο ελληνικά sites με πολύ ωραία gadgets


Print Friendly and PDFPrintPrint Friendly and PDFPDF


Καλησπέρα,

σήμερα θέλω να επιβραβεύσω έμπρακτα με αυτήν την ανάρτηση δύο ελληνικά sites που δίνουν απλόχερα και δωρεάν πολύ ωραία και λειτουργικά gadgets.

Χωρίς πολλά-πολλά αξίζουν τη στήριξή μας, γιατί ενώ είναι πραγματικοί προγραμματιστές, που ούτε το φωνάζουν, ούτε ψωνίζονται.

Επισκεφτείτε τα:

http://com2.gr/
http://wm.loon.gr/ (σε αυτό, νομίζω, πρέπει να κάνετε και μια εγγραφή)

Υπάρχουν χιλιάδες sites με gadgets. Αν γνωρίζετε κάποιο πραγματικά καλό, αφήστε το με ένα σχόλιο.


Κάθετο Menu Bar στο Blog σας


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Ένα όμορφο κατακόρυφο menu bar έχω να σας δείξω σήμερα. Είναι πολύ εξυπηρετικό και το κυριότερο είναι ότι δεν χρειάζεται επεξεργασία του Html κωδικού. Μπαίνει απλά σαν widget στην sidebar του blog.
Επίσης μπορείτε να αλλάξετε τα χρώματά του, προσαρμόζοντάς τα με τα δικά σας γούστα, έτσι ώστε να ταιριάζει χρωματικά με το blog του καθενός.
Παρακάτω θα σας δείξω ποιό χρώμα αντιστοιχεί στον ανάλογο κωδικό.

Ο κωδικός του είναι αυτός.


<style type="text/css">

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu{
border: 1px solid #000000;
border-bottom-width: 0;
width: 100%;
}

#ddblueblockmenu a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 94%; /*94% minus all left/right paddings and margins*/
text-decoration: none;
color: #ffffff;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
list-style-type:none;
}

* html #ddblueblockmenu a{ /*IE only */
width: 94%; /*IE 5*/
width: 94%; /*94% minus all left/right paddings and margins*/
}

#ddblueblockmenu a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: #ffffff;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #000000;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

</style>

<div id="ddblueblockmenu">

<div class="menutitle">Browse</div>
<ul>
<a href="Το Url του Link σας/">Home</a>
<a href="Το Url του Link σας/">About me</a>
<a href="Το Url του Link σας/">To άλλο μου Blog</a>
<a href="Το Url του Link σας/">Διάφορα</a>
<a href="Το Url του Link σας/">Επικοινωνία</a>
</ul></div>

Όπως προανέφερα, είναι widget, οπότε για να κάνετε την εφαρμογή θα πάτε Πίνακα ελέγχου -->  Σχεδίαση --> Προσθήκη gadget --> Html/Javascript, και κάνουμε επικόλληση τον κωδικό. Πριν πατήσετε Αποθήκευση, πρέπει να κάνετε τις ρυθμίσεις που απαιτούν τα ...γούστα σας.

Στην αρχή του κωδικού, ο αριθμός με το πράσινο χρώμα, αντιστοιχεί στο χρώμα του πλαισίου του widget.
Ακολούθως, το σκούρο μπλε, είναι το χρώμα των γραμμάτων του κεντρικού Menu.
Με το καφέ, είναι το background του Menu.
Με το κόκκινο χρώμα είναι το χρωμα της διαχωριστικής γραμμής του menu.
Με το μπλε, είναι η κάθετη γραμμή δίπλα στο πλαίσιο, που φαίνεται αριστερά του menu.
Με το θαλασσί, είναι το χρώμα του menu, όταν περνάμε το δείκτη του ποντικιού από πάνω του.
Με το φούξια, είναι το χρώμα της κάθετης γραμμής του menu, όταν περνάμε το δείκτη του ποντικιού από πάνω του.
Με το πράσινο, είναι το χρώμα των γραμμέτων του τίτλου.
Τέλος με το πορτοκαλί, είναι το background του τίτλου.

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




Προς το τέλος του κωδικού, αυτό με το κόκκινο χρώμα, είναι τα links που θα φαίνονται.
Εκεί που γράφει "Το Url του Link σας/", βάζουμε το direct link που θα οδειγήται ο επισκέπτης πατώντας το, ενώ εκεί που γράφει Home κλπ, γράφουμε αυτό που προσδιορίζει το link.
Μπορούμε να προσθέσουμε, (ή να αφαιρέσουμε), όσα links θέλουμε, επικολώντας κάθε φορά για κάθε link τον κωδικό







<a href="Το Url του Link σας/">Home</a>


Νομίζω ότι είναι αρκετά εύκολο.
Δοκιμάστε το, κι αν σας άρεσε αφήστε μου ένα σχόλιο.


Post by Ekabitis


Gadget με αναλυτικές βαθμολογίες ποδοσφαιρικών πρωταθλημάτων


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Για σήμερα σας έχω κι άλλο ένα καταπλητικό widget.

Είναι ένα widget που δείχνει αναλυτικά διάφορα στατιστικά και όλες τις βαθμολογίες από τα μεγαλύτερα ποδοσφαιρικά πρωταθλήματα του κόσμου.
Όταν έχουμε ενεργή ποδοσφαιρική δράση, αυτό το widget ενημερώνεται αυτόματα.

Είναι περιττό να αναφέρω ότι αυτό το widget δεν πρέπει να λύπει από sites που ασχολούνται με στοίχημα ή με αθλητική ενημέρωση ή είναι οπαδικά sites.

Επειδή είναι μεγάλο widget, δεν χωράει σε μια στενή sidebar. Σας προτείνω να το βάλετε κάτω-κάτω στο blog σας.

Αυτό το ωραίο widget μου το έστειλε με e-mail ο φίλος Αντρέας από το www.stoixhma-kerdoskopos.blogspot.com.

Πολύ μου αρέσει που φτιάχνετε εσείς τις νέες αναρτήσεις του site. Κάποια στιγμή αυτό το site θα ανανεωνέται μόνο από εσας.

Σας έχω πει να στέλνετε όταν βρίσκετε κάποιο καλό και ψαγμένο widget για να αναρτηθεί εδώ.

Προεπισκόπηση gadget:


Η προσθήκη του είναι απλή, σαν οποιοδήποτε άλλο widget από Σχεδίαση>Προσθήκη gadget>HTML/JAVASCRIPT και αποθήκευση.

HTML κωδικός:

Βαθμολογίες πρωταθλημάτων:<div id = "kickstart" align="right"><iframe frameborder="0" width="100%" height="650" src="http://www.kickstart.gr/Shared/StandingsFrame.aspx?args=666666,EEEEEE,FFFFFF,FFFFFF,333333,333333,FFFFFF,Verdana,8"></iframe><br />add this from <a href="http://johnpatrablog.blogspot.com/2010/07/gadget.html">HERE!</a></div>

Enjoy this widget!

Posted by Johnpatra.


Pop up παράθυρο, για να βλέπετε τις εικόνες


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Γεια σας.  Όλοι θα έχετε δει, κάνοντας κλικ σε μία φωτογραφία σε κάποιο site ή blog, ότι ανοίγει στο ίδιο παράθυρο, με συνέπεια να πατάτε το βελάκι πίσω για να επιστρέψετε στο blog που διαβάζατε. Αποτέλεσμα αυτού είναι να περιμένετε να ξαναφορτώσει η σελίδα ή ακόμα χειρότερα να κλείσετε κατά λάθος με Χ την εικόνα, με αποτέλεσμα να απομακρύνεστε και από το site που ήσασταν.  Αυτό δεν θα ήταν ότι καλύτερο για το blog σας, και θα κούραζε τους αναγνώστες σας.
Βέβαια έχετε την επιλογή του
target_blank, όπου βάζοντάς το στον html κωδικό της φωτογραφίας, αυτή ανοίγει αυτόματα σε νέο παράθυρο.
Σήμερα όμως έχω να προτείνω και έναν άλλο τρόπο. Να ανοίγει η εικόνα μας σε ένα καινούριο pop up παράθυρο.
Φαίνετε πολύ πιο όμορφο και κυρίως πολύ πρακτικό για τον επισκέπτη, ο οποίος μπορεί, (αφού την δει σε πλήρη ανάπτυξη), να την κλείσει με ένα κλικ.
Κάντε κλικ στην παρακάτω εικόνα, να δείτε πως λειτουργεί και πως φαίνετε.






Η εφαρμογή του είναι πολύ απλή και εύκολη.
Αφού ετοιμάσουμε την ανάρτησή μας, και φορτώσουμε την φωτογραφία μας, πάμε σε μορφή HTML, και βρίσκουμε τον κωδικό της φωτογραφίας.

Παίρνουμε για παράδειγμα την παραπάνω φωτογραφία.
Ο Html κωδικός της είναι έτσι

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY38vha0ZWRJMjxnWs06MyPfzt3TwDJhSIqyD77qwE98jwXwZlYLy46uq9LTiwN1-kCpoEzhUAPUeBtDw-yASPXfFC-5_JesjLgOCXrRGaiQC6KBDlpTOJEquA3E08RUj6rAwrUtdexkY/s1600/__PA270229.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 175px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY38vha0ZWRJMjxnWs06MyPfzt3TwDJhSIqyD77qwE98jwXwZlYLy46uq9LTiwN1-kCpoEzhUAPUeBtDw-yASPXfFC-5_JesjLgOCXrRGaiQC6KBDlpTOJEquA3E08RUj6rAwrUtdexkY/s320/__PA270229.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5473416393983477698" /></a>

Παίρνουμε τώρα τον παρακάτω κωδικό


target="_blank" onclick="window.openundefinedthis.href, 'popupwindow', 'width=800, height=440, resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return false;"

και τον προσθέτουμε αμέσως πριν το κλείσιμο (>) του κωδικού της φωτό.
Θα φαίνεται δηλαδή έτσι

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY38vha0ZWRJMjxnWs06MyPfzt3TwDJhSIqyD77qwE98jwXwZlYLy46uq9LTiwN1-kCpoEzhUAPUeBtDw-yASPXfFC-5_JesjLgOCXrRGaiQC6KBDlpTOJEquA3E08RUj6rAwrUtdexkY/s1600/__PA270229.jpg" target="_blank" onclick="window.open(this.href, 'popupwindow', 'width=800, height=440, resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return false;" ><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 175px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY38vha0ZWRJMjxnWs06MyPfzt3TwDJhSIqyD77qwE98jwXwZlYLy46uq9LTiwN1-kCpoEzhUAPUeBtDw-yASPXfFC-5_JesjLgOCXrRGaiQC6KBDlpTOJEquA3E08RUj6rAwrUtdexkY/s320/__PA270229.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5473416393983477698" /></a>

Ένα σημείο που πρέπει να προσέξετε, είναι η ρύθμιση των διαστάσεων του παραθύρου (αυτό με τα κόκκινα γράμματα). Καλό θα είναι να το προσαρμόσετε ανάλογα με τις διαστάσεις της κάθε εικόνας ξεχωριστά. Και να μην το κάνετε, δεν τρέχει τίποτα. Απλά αν είναι μεγαλύτερη η φωτό θα δημιουργηθούν μπάρες κύλισης κάτω και δεξιά, ενώ αν είναι μικρότερη θα έχει άσπρο κενό στα περιθώρια της εικόνας.


Αυτό ήταν όλο. Πατάμε δημοσίευση, και αν πάτε τώρα στην ανάρτηση και κάνετε κλικ στην εικόνα, θα εμφανιστεί σε pop up παράθυρο.
Post by Ekabitis



Η Apple ξεπέρασε τη Microsoft


Print Friendly and PDFPrintPrint Friendly and PDFPDF


Η Apple ξεπέρασε σε χρηματιστηριακή αξία την μεγάλη ανταγωνίστριά της Microsoft. Η κεφαλαιοποίηση της Apple Inc διαμορφώθηκε στα 222 δισ. δολ. έναντι 219 δισ. δολ. της Microsoft Corp, σύμφωνα με το BBC και τα ξένα πρακτορεία. Η κεφαλαιοποίηση είναι η αξία που αποδίδουν οι επενδυτές σε μια εταιρία και υπολογίζεται με τον πολλαπλασιασμό του αριθμού των μετοχών της επί την τρέχουσα τιμή τους, συνεπώς πρόκειται για ένα μέγεθος που μεταβάλλεται συνεχώς μέσα στον χρόνο.

Η μεγάλη «αναγέννηση» της Apple, που κινδύνευσε να εξαφανιστεί στη δεκαετία του ΄90, αλλά επανήλθε δριμύτερη, αποδίδεται κυρίως στην τεράστια εμπορική επιτυχία του iPod που εμφανίστηκε στην αγορά το 2001.

Οι μετοχές της Αpple αξίζουν σήμερα δέκα φορές περισσότερο σε σχέση με πριν δέκα χρόνια, ενώ αντίστοιχα της Microsoft έχουν χάσει περίπου το 20% της αξίας τους στο ίδιο χρονικό διάστημα. Το 1997, η Microsoft είχε ενισχύσει με επένδυση 150 εκατ. δολ. την Apple, η οποία τότε είχε σοβαρά προβλήματα. Την εποχή εκείνη η Microsoft είχε πενταπλάσια χρηματιστηριακή αξία σε σχέση με την Apple.

Η τελευταία φορά που η Apple βρισκόταν πάλι πάνω από την Microsoft, ήταν στο τέλος του 1989 (συγκεκριμένα στις 19 Δεκεμβρίου), σύμφωνα με τα στοιχεία της Thomson Reuters Datastream.

Η Microsoft, το λειτουργικό σύστημα της οποίας «τρέχει» στο 90% περίπου των υπολογιστών του πλανήτη, συνεχίζει πάντως να παρουσιάζει μεγαλύτερες πωλήσεις από την Apple. Στο τελευταίο τρίμηνο, η Microsoft είχε έσοδα 14,5 δισ. δολ. έναντι 13,5 δισ. δολ. της Apple.

Η Apple είναι σήμερα η δεύτερη μεγαλύτερη εταιρία σε χρηματιστηριακή αξία του αμερικανικού δείκτη Standard & Poor's 500, πίσω από τον ενεργειακό κολοσσό Exxon Mobil Corp, που έχει κεφαλαιοποίηση μεγαλύτερη από 405 δισ. δολ. !

Σύντομη ιστορία της Microsoft



Σύντομη ιστορία της Apple



www.kathimerini.gr με πληροφορίες ΑΠΕ-ΜΠΕ


Widget για να κατεβάσεις ότι πρόγραμμα θέλεις


Print Friendly and PDFPrintPrint Friendly and PDFPDF


Άλλο ένα απλό, μα πολύ καλό και χρήσιμο widget, σας έχω για σήμερα. Είναι ένα widget με 41 μικρά εικονίδια προγραμμάτων. Και όποιος πατήσει το κάθε εικονίδιο κατεβάζει το συγκεκριμένο πρόγραμμα. Το είχα και εγώ αυτό το widget για μια περίοδο στο blog μου, αλλά επειδή θέλω να κάνω πιο ελαφρύ το blog μου, το διέγραψα.

Αυτό το widget πρέπει να το έχει κάθε blog που ασχολείται με:
Τεχνολογία, Computers-Πληροφορική, Προγράμματα και κώδικες.

Οφείλω να πω ότι αυτό το widget μου το έδωσε το blog "exypno".

Η προσθήκη του είναι απλή, σαν οποιοδήποτε άλλο widget.

(σχεδίαση>στοιχεία σελίδας>προσθήκη gadget>HTML-JAVASCRIPT)


html κωδικός του widget:


<img style="width: 160px; height: 74px;" alt="g.live" src="http://www.idsecuritysolutions.com/Images/download_button.jpg" />

<center>
<a target="_blank" href="http://g.live.com/1rewlive3/pt-brz/wlsetup-web.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEeebIMPnB3Z2UTSr1QOKSFYWuNEX-RJ9yQeiTApacN4lbZC9_Tf_Hs7KfZHnG02kFeWOunaoMwx-pqoMbqsD2ZX3-3o9Z6k7wKSrhvoM0cHIouXbtUH6MObYbkeD6-JnMH20fe9F3540/s180/2009h.jpg" /></a><a target="_blank" href="http://ftp.freenet.de/pub/filepilot/windows/plug-ins/javaruntime/jre-6u12-windows-i586-p.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://i29.tinypic.com/2mmagzm.jpg" /></a><a target="_blank" href="http://www.puxarapido.com.br/downloads/puxarapido_v0861.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://i28.tinypic.com/29nfj1k.jpg" /></a><a target="_blank" href="http://www.epsxe.com/files/epsxe170.zip"><img style="width: 30px; height: 35px;" alt="g.live" src="http://i29.tinypic.com/2w33lgh.jpg" /></a><a target="_blank" href="http://download.divx.com/divx/DivXInstaller.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://img256.imageshack.us/img256/8053/81782374.png" /></a>
<a target="_blank" href="http://ufpr.dl.sourceforge.net/sourceforge/aresgalaxy/aresregular211_installer.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/23888/3896.jpg" /></a><a target="_blank" href="http://mirror3.msgpluslive.net/MsgPlusLive-481.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/41034/5887.jpg" /></a><a target="_blank" href="http://files.avast.com/iavs4pro/setuppor.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/5576/2274.jpg" /></a><a target="_blank" href="http://ufpr.dl.sourceforge.net/sourceforge/emule/eMule0.49c-Installer.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/6345/2501.jpg" /></a><a target="_blank" href="http://www.rarlab.com/rar/wrar380br.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/2657/1518.jpg" /></a>
<a target="_blank" href="http://download.limewire.com/download/lastValidVersions/all_platforms/LimeWireWin.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/2219/1437.jpg" /></a><a target="_blank" href="http://el.www.mozilla.com/el/firefox/"><img style="width: 30px; height: 35px;" alt="g.live" src="http://kara.allthingsd.com/files/2008/07/mozilla_firefox_readerszone.jpg" /></a><a target="_blank" href="http://ardownload.adobe.com/pub/adobe/reader/win/9.x/9.1/ptb/AdbeRdr910_pt_BR.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/907/651.jpg" /></a><a target="_blank" href="http://www.enriquepuertas.com/wp-content/files/vdownloader.zip"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/42942/6502.jpg" /></a><a target="_blank" href="ftp://majorgeeks.mirror.internode.on.net/graphics/PhotoScapeSetup_V3.3.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/46101/8592.jpg" /></a>
<a target="_blank" href="http://software-dl.real.com/0434a30bb9da87176914/windows/installer/stubinst/stub/rp11/R41RD01/RealPlayer11GOLD.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/4521/1907.jpg" /></a><a target="_blank" href="http://www.mediafire.com/download.php?nzi51jtmwly"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/3586/1653.jpg" /></a><a target="_blank" href="http://download.microsoft.com/download/2/E/B/2EB4A8C1-419A-4139-8608-57109F5568B4/IE8-WindowsXP-x86-PTB.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/49944/13364.jpg" /></a><a target="_blank" href="http://download.microsoft.com/download/e/b/2/eb20c6d8-1e81-4f37-8fc8-47c0f97d743e/wmp11-windowsxp-x86-pt-br.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/40195/5727.jpg" /></a><a target="_blank" href="http://fpdownload.macromedia.com/get/flashplayer/current/install_flash_player.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/51303/15751.jpg" /></a>
<a target="_blank" href="http://ftp.opera.com/pub/opera/win/964/int/Opera_964_int_Setup.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/38343/5347.jpg" /></a><a target="_blank" href="http://download.piriform.com/ccsetup219.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/40195/5727.jpg" /></a><a target="_blank" href="http://dl.google.com/packdata/ci_earth/peruser/googleearthsetup.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/26308/41766.jpg" /></a><a target="_blank" href="ftp://majorgeeks.mirror.internode.on.net/multimedia/klmcodec485.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/35104/4630.jpg" /></a><a target="_blank" href="http://www.xpcodecpack.com/download"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/30616/4225.jpg" /></a>
<a target="_blank" href="http://download.skype.com/SkypeSetup.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/53005/16576.jpg" /></a><a target="_blank" href="http://download.utorrent.com/1.8.2/utorrent.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/37053/5001.jpg" /></a><a target="_blank" href="ftp://majorgeeks.mirror.internode.on.net/drives/daemon4304-lite.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/30070/4191.jpg" /></a><a target="_blank" href="http://dl.orbitdownloader.com/dl/OrbitDownloaderSetup.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/43379/6748.jpg" /></a><a target="_blank" href="http://download.iobit.com/asc-setup.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/38021/5255.jpg" /></a>
<a target="_blank" href="http://download.microsoft.com/download/d/c/c/dccd3e5b-aef9-4f61-bfc4-d973396282aa/WindowsXP-KB936929-SP3-x86-PTB.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/51013/15663.jpg" /></a><a target="_blank" href="http://www.any-dvd-converter.com/any-video-converter-free.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/44172/7218.jpg" /></a><a target="_blank" href="http://downloads.pcworld.com/pub/new/graphics___multimedia/video/video_tools/dvdshrink32setup.zip"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/38346/5348.jpg" /></a><a target="_blank" href="http://download.speedbit.com/dap9.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/1354/792.jpg" /></a><a target="_blank" href="http://download.microsoft.com/download/8/1/e/81ed90eb-dd87-4a23-aedc-298a9603b4e4/directx_9c_redist.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://i29.tinypic.com/hrmrtd.gif" /></a>
<a target="_blank" href="http://download.nullsoft.com/winamp/client/winamp5552_full_emusic-7plus_pt-br.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/7597/2755.jpg" /></a><a target="_blank" href="http://soft.oszone.net/files_soft/aimp/aimp_2.51.330.zip"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/45896/8412.jpg" /></a><a target="_blank" href="http://appldnld.apple.com.edgesuite.net/content.info.apple.com/QuickTime/061-5376.20090121.BD7E9/QuickTimeInstaller.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/2600/1509.jpg" /></a><a target="_blank" href="http://download.microsoft.com/download/5/6/7/567758a3-759e-473e-bf8f-52154438565a/dotnetfx.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/36889/4972.jpg" /></a><a target="_blank" href="http://dl.google.com/chrome/install/172.28/chrome_installer.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/53549/17018.jpg" /></a>
<a target="_blank" href="http://ufpr.dl.sourceforge.net/sourceforge/gimp-win/gimp-2.6.6-i686-setup.exe"><img style="width: 30px; height: 35px;" alt="g.live" src="http://www.baixaki.com.br/imagens/2602/1510.jpg" /></a></center>
<font face="Tahoma"><a target="_blank" href="http://johnpatrablog.blogspot.com/2010/07/widget.html"><span style="font-size: 6pt; text-decoration: none">Johnpatrablog</span></a></font></font>



ΠΡΟΕΠΙΣΚΟΠΗΣΗ WIDGET:

g.live


g.liveg.liveg.liveg.liveg.live
g.liveg.liveg.liveg.liveg.live
g.liveg.liveg.liveg.liveg.live
g.liveg.liveg.liveg.liveg.live
g.liveg.liveg.liveg.liveg.live
g.liveg.liveg.liveg.liveg.live
g.liveg.liveg.liveg.liveg.live
g.liveg.liveg.liveg.liveg.live
g.live



Κάτω από το widget έχω βάλει έναν σύνδεσμο που οδηγεί εδώ. Σας παρακαλώ μην τον σβήσετε, αλλά αν σας ενοχλεί τόσο δεν μπορώ να σας απαγορέψω να το διαγράψετε. Αλλά πόσο να σας ενοχλήσει? Τον έχω κάνει τόσο μικρό, που σχεδόν δε φαίνεται!

Αποθηκεύστε το widget κι απολαύστε το!

Ελπίζω να σας φανεί χρήσιμο :)

Διαδώστε αυτό το post στο facebook με ένα απλό πάτημα του παρακάτω κουμπιού:


 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *