Blogger Tips – Tricks – Gadgets – Templates – Hacks

Google+ και αύξηση επισκεψιμότητας



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Το Google+ είναι ένα πανίσχυρο όπλο στα χέρια των bloggers.Βεβαια ένα όπλο είναι άχρηστο εάν δεν ξέρει κανείς πως να το οπλίσει ή να πατήσει τη σκανδάλη.Για το λόγο αυτό,θα παραθέσω 6 απλούς τρόπους να αυξήσετε την επισκεψιμότητα του blog σας μέσω του Google+.



1)Δημιουργήστε ένα πλήρες και αναλυτικό προφίλ του blog σας.

Καταγράψτε τους λόγους για τους οποίους το blog σας ξεχωρίζει από τα υπόλοιπα,καθώς και τους τρόπους εύρεσης του.



2)Συνδεθείτε με ανθρώπους.

Μόλις δημιουργήσετε το προφίλ σας,αναζητήστε γνωστούς σας στους κύκλους του Google+ και έπειτα από αυτούς ακολουθήστε σελίδες και άτομα που ενδιαφέρονται για τις δραστηριότητες του blog σας.



3)Δημιουργήστε κύκλους.

Κατηγοριοποιήστε τα μέλη σας,ανάλογα με αυτούς που σας διαβάζουν,τις πηγές σας,τους διαφημιστές σας κλπ.



4)Στείλτε στοχευμένα μηνύματα.

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



5)Μην δημοσιεύετε μόνο links από το blog σας.

Με τον τρόπο αυτό τα μέλη του προφίλ σας θα νιώσουν μιά αποστροφή από εσάς και κατά συνέπεια από το blog σας,αφού η υπερέκθεση μπορεί να έχει τα αντίθετα αποτελέσματα.Έτσι λοιπόν καλό είναι να δημοσιεύετε στο Google+ ακόμη και σχετικά άσχετα πράγματα με το blog σας με την προυπόθεση αυτά να είναι κοινού ενδιαφέροντος.



6)Αλληλεπίδραση.

Βεβαιωθείτε ότι αφήνετε σχόλια στις ενημερώσεις των μελών σας έτσι ώστε να γίνεστε πάντα αντιληπτοί.









Copyrights: /




Αυτόματο Read More (2) Στις Αναρτήσεις, Χωρίς Να Χωρίζει Τις Στατικές Σελίδες Του Blogger !!!



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Στο /2009/07/read-more-blog.html γράφω τον κλασσικό, χειροκίνητο τρόπο προσθήκης του “διαβάστε περισσότερα” στις αναρτήσεις μας.





Στο /2010/03/automatic-read-more-function-in-blogger.html γράφω τον αυτόματο τρόπο προσθήκης του “διαβάστε περισσότερα” στις αναρτήσεις μας, που έχει πρόβλημα όμως στις στατικές σελίδες του blogger.





Έχω γράψει επίσης στο /2011/03/read-more-button.html πως μπορούμε να βάλουμε εικόνα αντί για κείμενο στο “διαβάστε περισσότερα”.


Σήμερα θα πω, πως βάζουμε ένα αυτόματο read more -όπως αυτό που έχω πει ήδη-, με τη μόνη διαφορά ότι αυτό το read more δεν χωρίζει τις στατικές σελίδες του blogger, αλλά μόνο τις αναρτήσεις. Έτσι θα έχετε και αυτόματο read more ΚΑΙ στατικές σελίδες στον blogger.



Με αυτή την ανάρτηση λοιπόν, νομίζω ότι κλείνει οριστικά για μένα το θέμα των “διαβάστε περισσότερα”.


ΓΙΑ ΤΗΝ ΠΡΟΣΘΗΚΗ ΤΟΥ ΑΚΟΛΟΥΘΗΣΤΕ ΤΑ ΠΑΡΑΚΑΤΩ ΒΗΜΑΤΑ:



1. Σύνδεση> Πανόπτης> Σχεδίαση> Επεξεργασία html> Επέκταση προτύπων γραφικών στοιχείων

2. Με τη βοήθεια του ctrl+F πάντα, βρίσκετε το </head> και πριν από αυτό, επικολλήτε τον παρακάτω κώδικα:


<script type=’text/javascript’>var thumbnail_mode = “no-float” ;

summary_noimg = 430;

summary_img = 340;

img_thumb_height = 100;

img_thumb_width = 120;

</script>

<script type=’text/javascript’>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf(“<“)!=-1)

{

var s = strx.split(“<“);

for(var i=0;i<s.length;i++){

if(s[i].indexOf(“>”)!=-1){

s[i] = s[i].substring(s[i].indexOf(“>”)+1,s[i].length);

}

}

strx = s.join(“”);

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=’ ‘ && strx.indexOf(‘ ‘,chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+’…’;

}



function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = “”;

var img = div.getElementsByTagName(“img”);

var summ = summary_noimg;

if(img.length>=1) {

imgtag = ‘<span style=”float:left; padding:0px 10px 5px 0px;”><img src=”‘+img[0].src+'” width=”‘+img_thumb_width+’px” height=”‘+img_thumb_height+’px”/></span>’;

summ = summary_img;

}



var summary = imgtag + ‘<div>’ + removeHtmlTag(div.innerHTML,summ) + ‘</div>’;

div.innerHTML = summary;

}





//]]>

</script>



Στον παραπάνω κώδικα μπορείτε να αλλάξετε τις εξής αριθμητικές μεταβλητές (σε pixels):



summary_noimg = 430; το ύψος της ανάρτησης ΧΩΡΙΣ την εικόνα

summary_img = 340; το ύψος της ανάρτησης ΜΕ την εικόνα

img_thumb_height = 100; το ύψος της εικόνας

img_thumb_width = 120; το πλάτος της εικόνας



Η επεξεργασία αυτών των μεταβλητών είναι παρόμοια με αυτήν στο /2010/03/automatic-read-more-function-in-blogger.html



3. Τώρα βρείτε το <data:post.body/> και αντικαταστήστε αυτόν τον κωδικό με τον παρακάτω:


<b:if cond=’data:blog.pageType == "static_page"’><br/>

<data:post.body/>

<b:else/>



<b:if cond=’data:blog.pageType != “item”‘>



<div expr:id='”summary” + data:post.id’><data:post.body/></div>

<script type=’text/javascript’>createSummaryAndThumb(“summary<data:post.id/>”);

</script> <span class=’rmlink’ style=’float:right;padding-top:20px;’><a expr:href=’data:post.url’> read more “<data:post.title/>”</a></span>



</b:if>

<b:if cond=’data:blog.pageType == “item”‘><data:post.body/></b:if>

</b:if>



Το read more μπορείτε να το αλλάξετε φυσικά.



4. Προεπισκόπηση, Αποθήκευση κι είστε έτοιμοι!


Άσχετο:


Κατά τη διάρκεια της συγγραφής της παραπάνω ανάρτησης, άκουγα το παρακάτω τραγούδι:










Πηγές: http://www.vietwebguide.com/2008/08/to-read-more-c-tip-mt-cch-t-ng-ver-20-h.html
Copyrights: /




Αυτόματο slider εναλλαγής των 20 τελευταίων αναρτήσεων – Automatic Blogger Slideshow



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Η παρακάτω ανάρτηση αποτελεί προσφορά του Γλυφάδα web!

Μπορείτε κι εσείς να στέλνετε έξυπνα blogger hacks στο help@bloggertips.gr



Πρόκειται για ένα αυτόματο slider το οποίο παρουσιάζει τις 20 πιο πρόσφατες αναρτήσεις με τίτλους, χωρίς να χρειάζεται καμία άλλη παρέμβαση πλήν της αρχικής Προσθήκης του gadget HTML/Javascript. Δηλαδή είναι απίστευτα εύκολο να το βάλετε!



Ενα demo του Automatic content slider υπάρχει στην παρακάτω διεύθυνση ωστε να το δείτε σε λειτουργία.



http://news-glyfadaweb.blogspot.com/




Για να το βάλετε ακολουθήστε τα παρακάτω αριθμημένα βήματα:



1. Σύνδεση στον λογαριασμό μας από το blogger.com



2. Σχεδίαση>Στοιχεία σελίδας>Προσθήκη gadget>HTML/Javascript



3. Εδώ επικολλούμε τον παρακάτω κώδικα




<div style=”BORDER-BOTTOM: #000000 5px solid; BORDER-LEFT: #000000 0px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #000000; BORDER-TOP: #000000 0px solid; BORDER-RIGHT: #000000 5px solid; PADDING-TOP: 5px”>

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>



<style type=”text/css” media=”screen”>

<!– #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:395px; } #spylist ul{ width:650px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:640px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:395px; overflow: hidden; background:#000000 url() repeat-x; border:1px solid #000000; } #spylist li a { text-decoration:none; color:#ffc042; font-size:18px; height:0px; overflow:hidden; margin:0px 0px; padding:0px 0px 0px 0px; } #spylist li img { float:left; margin-right:0px; background:#000000; border:0; } .spydate{ overflow:hidden; font-size:12px; color:#cd1713; padding:2px 0px; margin:1px 0px 0px 0px; height:15px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:12px; color:#cd1713; padding:0px 0px; margin:0px 0px; } –>

</style>



<script language=”javascript”>

imgr = new Array();

imgr[0] = “http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png”;

imgr[1] = “http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png”;

imgr[2] = “http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png”;

imgr[3] = “http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png”;

imgr[4] = “http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png”;

showRandomImg = true;

boxwidth = 630;

cellspacing = 0;

borderColor = “#000000”;

bgTD = “#000”;

thumbwidth = 640;

thumbheight = 330;

fntsize = 30;

acolor = “#000”;

aBold = true;

icon = ” “;

text = “GlyfadA web”;

showPostDate = true;

summaryPost = 20;

summaryFontsize = 10;

summaryColor = “#ffffff”;

icon2 = ” “;

numposts = 20;

home_page = “http://www.glyfadaweb.gr/”;

limitspy=1

intervalspy=9000

</script>



<div id=”spylist”>

<script type=”text/javascript” src=”http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js”></script>

</div></div>



Τέλος να σημειώσω οτι είναι απόλυτα παραμετροποιήσιμο όσων αφορά τις διαστάσεις απεικόνισης και το μέγεθος των τίτλων, και αυτό που πρέπει να γίνει αμέσως μετά την τοποθέτηση είναι η αλλαγή της διεύθυνσης του URL, ώστε να φαίνονται οι δικές σας τελευταίες 20 αναρτήσεις.



home_page = “http://www.glyfadaweb.gr/“;



Αλλαγή με την δική σας διεύθυνση.



Κατά τη συγγραφή της παραπάνω ανάρτησης, άκουγα το παρακάτω -τούρκικο- τραγούδι:







Αυτή η ανάρτηση ήταν προσφορά του Glyfada Web τον οποίον και ευχαριστούμε. Μπορείτε να επικοινωνήσετε μαζί του μέσω του glyfadaweb@gmail.com



Όποιος θέλει επίσης να συνεισφέρει, μπορεί να στέλνει τις αναρτήσεις του στο help@bloggertips.gr μαζί με το όνομα και το link του blog του.



Copyrights: /




Πώς να γράψεις μια καλή ανάρτηση (How to write good posts)



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Καλησπέρα σε όλους μας τους αναγνώστες εδώ στο bloggertips.gr.




Σήμερα θα ασχοληθούμε με ένα θέμα που πιστεύω πως απασχολεί τους περισσότερους (αν όχι όλους τους) blogger και αυτό είναι η συγγραφή καλών άρθρων στα blog μας.



Θα περιγράψω δηλαδή τρόπους με τους οποίους μπορείτε να προσθέσετε ποιότητα και ελκυστικότητα στα post σας, καθαρά υποκειμενικές απόψεις, που τίθονται στη διάθεσή σας για κριτική, αποδοχή ή απόρριψη, και γενικά για χαλαρή κουβεντούλα με εσάς μέσα από τα σχόλια.


Σύντομοι και ελκυστικοί τίτλοι

Το πρώτο με το οποίο θέλω να ξεκινήσω είναι οι επικεφαλίδες των αναρτήσεών σας. Η επικεφαλίδα της ανάρτησης (ή αλλιώς ο τίτλος της) είναι πολύ σημαντική για το αν θα προχωρήσει ο αναγνώστης στην ανάγνωση της ανάρτησης ή όχι. Η επικεφαλίδα πρέπει να αποτελεί ένα μικρό, έξυπνο κειμενάκι λίγων λέξεων, ελκυστικό, το οποίο θα “τραβήξει” το ενδιαφέρον του αναγνώστη ώστε να κάνει το πολυπόθητο “κλικ”!


Εικόνες

Πόσο εύκολο είναι για κάποιον να διαβάσει ένα κείμενο στο οποίο απουσιάζουν οι εικόνες σε σύγκριση με ένα κείμενο που περιέχει εικόνες; Οι εικόνες προσδίδουν στο κείμενο μια ζωντάνια η οποία το κάνει ευχάριστο στο μάτι του αναγνώστη και τον ενθαρρύνει να συνεχίσει την ανάγνωση. Ανάλογα με το μήκος της ανάρτησης χρησιμοποιείτε και τον κατάλληλο αριθμό εικόνων. Κινηθείτε κάπου στη μέση, μην αφήσετε τα άρθρα σας εντελώς “γυμνά” από φωτογραφίες, αλλά να μην προβείτε και σε υπερβολές!


Παράγραφοι

Άλλος ένας σημαντικός παράγοντας που κάνει κάθε ανάρτηση πιο ευανάγνωστη είναι η χρήση παραγράφων. Από μικροί έχουμε μάθει στο σχολείο πως “η παράγραφος είναι το αυτοτελές κείμενο που διαθέτει ενότητα νοηματικά και συνδέεται στενά με το συνολικό κείμενο”. Η εικόνα ενός κατεβατού κειμένου αποθαρρύνει το μέσο χρήστη ο οποίος, αν κρίνω και από τον εαυτό μου, δε θα κάτσει να παιδευτεί, απλά θα πατήσει το κουμπάκι “Χ“.


Φυσιολογικό μέγεθος γραμματοσειράς

Ναι, υπάρχει το ζουμ. Αλλά υπάρχουν άτομα που είτε δεν ξέρουν πως να το αλλάξουν είτε δε θα ασχοληθούν καν με το να το αλλάξουν και θα περάσουν στην επόμενη σελίδα. Τα κείμενά σας πρέπει να είναι “προσφέρονται” για διάβασμα, με την έννοια του ότι πρέπει να μην αποτελούνται από πολύ μικρή γραμματοσειρά, αλλά ούτε και από τεράστια γράμματα. Πρέπει για ακόμη μια φορά να βρείτε κάτι ενδιάμεσο, μια ενδιάμεσου μεγέθους γραμματοσειρά, καθαρή και ευανάγνωστη.


Χαιρετισμός – Φιλικό ύφος

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


Τεράστιες αναρτήσεις

Πρέπει να τις αποφύγετε! Δε χρειάζεται να γράφετε τεράστιες αναρτήσεις. Όχι επειδή θα κουραστείτε, αλλά επειδή απλά είναι πολύ πιθανό να μη διαβαστούν ποτέ (ολόκληρες, τουλάχιστον)! Μπείτε στη θέση του αναγνώστη και αναρωτηθείτε αν θα καθόσασταν να διαβάσετε μια ανάρτηση-βιβλίο σχετικά με κάποιο θέμα. Αν εν πάση περιπτώσει έχετε τη διάθεση να μοιραστείτε τεράστιους όγκους πληροφοριών με το κοινό σας, μοιραστείτε τις σιγά-σιγά, χωρίζοντας το θέμα σας σε μικρότερες, πιο σύντομες αναρτήσεις. Αυτό βοηθάει γιατί 1) οι αναγνώστες βλέπουν πως το blog σας ανανεώνεται συχνά και 2) τα μικρά post είναι, όπως αναφέραμε προηγούμενα, πιο ελκυστικά.


Μην ξεφύγετε από το θέμα

Έχει τύχει πολλές φορές (και τη στιγμή που γράφω αυτό το κείμενο ακόμη το παλεύω) να παρασυρθώ από αυτό που θέλω πραγματικά να γράψω και να καταλήγω στο να γράφω… άλλα ντ ‘άλλων! Προσπαθήστε να παραμένετε συγκεντρωμένοι στο θέμα για το οποίο θέλετε να γράψετε και να μην επηρεάζεστε από άλλα θέματα που μπορεί να σας κινήσουν το ενδιαφέρον κατά τη διάρκεια της συγγραφής. Ανοίξτε έναν επεξεργαστή κειμένου σε πλήρη οθόνη και παραμείνετε σε αυτόν μέχρι να τελειώσετε το κείμενό σας. Σε αντίθετη περίπτωση, οι αναγνώστες θα μπερδευτούν αφού θα διαβάσουν για δέκα ή περισσότερα πράγματα σε μία ανάρτηση και θα έχουν χάσει τελικά το νόημα. Το κυριότερο: Δεν τους έχετε περάσει το μήνυμα που θέλετε, άρα ο σκοπός της ανάρτησης προφανώς και απέτυχε.


Σύνδεσμοι (links)

Last but not least όπως λένε και οι (φίλοι μας οι) Άγγλοι… Προσπαθήστε να κάνετε τα κείμενα που γράφετε να αλληλεπιδρούν μεταξύ τους συνδέοντάς τα μεταξύ τους με συνδέσμους (links). Αυτό θα βοηθήσει τη σελίδα σας τόσο από άποψη επισκεψιμότητας, μιας που οι αναγνώστες θα μεταπηδούν από το ένα άρθρο στο άλλο, όσο και από άποψη SEO (προσαρμογή της σελίδας σας στις μηχανές αναζήτησης). Για ακόμη μια φορά πρέπει όμως να προσέξουμε να μην το παρακάνουμε (θυμηθείτε πως πίσω από τον υπολογιστή είναι κάποιος άλλος άνθρωπος και όχι ένα ρομπότ).



Οι παραπάνω είναι οι προτάσεις/συμβουλές μου για το πώς να γράφετε καλά, ποιοτικά άρθρα στα blog σας. Όπως τόνισα στην αρχή είναι καθαρά υποκειμενικές απόψεις και περιμένω τα σχόλιά σας πάνω στο θέμα.

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



Copyrights: /



Post by Secra from Web Reviews




Άνοιγμα των αναρτήσεων σε νέα καρτέλα – Make Blogger Posts Open in New Tabs



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Πως θα κάνουμε μόνο τους τίτλους των αναρτήσεών μας στο blog μας να ανοίγουν σε νέα καρτέλα?



~



Για να κάνετε ΟΛΑ τα λινκς στο blog σας να ανοίγουν σε νέα καρτέλα Ή να κάνετε μόνο ένα λινκ σας να ανοίγει σε νέα καρτέλα, δείτε στο /2009/07/links-blog_20.html



~



Πηγαίνουμε:



Πανόπτης> Σχεδίαση> Επεξεργασία html> Επέκταση προτύπων γραφικών στοιχείων



και με τη βοήθεια του ctrl+F ψάχνουμε να βρούμε το



<a expr:href=’data:post.url’



Λογικά θα βρούμε δύο’ μας ενδιαφέρει το πρώτο.



Δίπλα του ακριβώς προσθέτουμε το target=’_blank’



δηλαδή θα γίνει έτσι



<a expr:href=’data:post.url’ target=’_blank’>



Ο κωδικός πριν την αλλαγή:


<b:if cond=’data:post.url’>

<b:if cond=’data:blog.url != data:post.url’>

<a expr:href=’data:post.url’><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>



Ο κωδικός μετά την αλλαγή:


<b:if cond=’data:post.url’>

<b:if cond=’data:blog.url != data:post.url’>

<a expr:href=’data:post.url’ target=’_blank’><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>



δηλαδή απλά προσθέτουμε το target=’_blank’



Αφήστε τις εντυπώσεις σας με ένα σχόλιο!



Η παραπάνω ανάρτηση στάλθηκε από τον:



Ola24

——-

WebSite: http://www.ola24.com

E-mail: info@ola24.com

Copyrights: /



Κατά τη συγγραφή της παραπάνω ανάρτησης, άκουγα το παρακάτω τραγούδι:






Ετικέτες (Προσθήκη, Επεξεργασία ή Διαγραφή) στις Αναρτήσεις σας – Add, Edit or Delete Labels (or categories,tags) In Blogger Posts



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Η κατηγοριοποίηση των αναρτήσεών μας είναι μία από τις σημαντικότερες λειτουργίες του Blogger.

Με τις θεματικές ενότητες (ετικέτες, κατηγορίες, φάκελοι, labels, categories, tags) βοηθάμε και τους επισκέπτες μας να βρουν γρήγορα το κομμάτι του blog μας που τους ενδιαφέρει, αλλά και τον εαυτό μας, αν θελήσουμε στο μέλλον να βρούμε γρήγορα μια παλιά μας ανάρτηση.

Σε όλες τις εποχές ο άνθρωπος για να απλουστεύσει την καθημερινότητά του, προσπαθούσε να κατηγοριοποιήσει τα πράγματα γύρω του και να τα βάλει σε μια Τάξη. Γιατί αλλιώς επέρχεται ένα Χάος.

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

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




ΠΩΣ ΕΠΕΞΕΡΓΑΖΟΜΑΣΤΕ ΓΕΝΙΚΑ ΤΙΣ ΕΤΙΚΕΤΕΣ ΣΤΙΣ ΑΝΑΡΤΗΣΕΙΣ ΜΑΣ?



Η όλη δυνατή επεξεργασία, μπορεί να γίνει από την επεξεργασία αναρτήσεων (Πανόπτης>Ανάρτηση>Επεξεργασία Αναρτήσεων).

Από εδώ μπορούμε να δημιουργήσουμε, να διαγράψουμε ετικέτες και να κατατάξουμε τις αναρτήσεις μας στις ετικέτες μας.

Δεν υπάρχει περιορισμός ετικετών που μπορούμε γενικά ή και σε μια μόνο ανάρτηση.

Ωστόσο προτείνω οι ετικέτες μας να είναι όσο το δυνατόν πιο λίγες, γιατί αν έχουμε 500 αναρτήσεις και 200 ετικέτες, τότε χάνεται το νόημα των ετικετών νομίζω. Ούτε όμως να έχουμε 500 αναρτήσεις και 2 ετικέτες. Το ιδανικό είναι, πιστεύω, στις 500 αναρτήσεις να έχουμε περίπου 50 ετικέτες, δηλαδή 1 προς 10, αλλά αυτό ΔΕΝ είναι σε καμία περίπτωση απόλυτο, γιατί εξαρτάται και από την θεματολογία του blog.




ΠΩΣ ΒΑΖΟΥΜΕ ΕΤΙΚΕΤΕΣ ΣΤΙΣ ΑΝΑΡΤΗΣΕΙΣ ΜΑΣ?


Εικόνα 1



Την ώρα που γράφουμε μια νέα ανάρτηση -πριν την δημοσιεύσουμε (ή και μετά)– μπορούμε να την φακελοποιήσουμε με νέες ή ήδη υπάρχουσες αναρτήσεις. Το πως γίνεται αυτό περιγράφεται στις εικόνες (1) και (2).


Εικόνα 2


Εικόνα 3



Αλλιώς μπορούμε να δημιουργήσουμε μια νέα ετικέτα από την επεξεργασία αναρτήσεων, και πολύ γρήγορα να προσθέσουμε σε αυτήν πολλές αναρτήσεις μαζί. Αρχικά δημιουργούμε την ετικέτα, όπως περιγράφεται στην εικόνα (4). Μετά κάνουμε “τσεκ” στα κουτάκια των αναρτήσεων, που θέλουμε να βάλουμε στην ετικέτα που μόλις δημιουργήσαμε και μετά πάμε και πατάμε πάνω σε αυτήν την ετικέτα (εικόνα 3) ώστε να της προστεθούν οι αναρτήσεις που έχουμε τσεκάρει. Αυτός είναι και ο πιο φυσιολογικός τρόπος.


Εικόνα 4




ΠΩΣ ΔΙΑΓΡΑΦΟΥΜΕ ΕΤΙΚΕΤΕΣ ΣΤΙΣ ΑΝΑΡΤΗΣΕΙΣ ΜΑΣ?



Μπορούμε να διαγράψουμε τις ετικέτες από τις αναρτήσεις μόνο με έναν τρόπο.

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


Εικόνα 5



Ας πούμε ότι θέλουμε να διαγράψουμε π.χ. μια ετικέτα που τώρα έχει προστεθεί σε 50 αναρτήσεις. Τότε πρέπει να πάμε στην επεξεργασία αυτών των 50 αναρτήσεων ξεχωριστά και να αφαιρέσουμε την εν λόγω ετικέτα από την κάθε μία ανάρτηση. Αλλά αν έχουμε συνολικά 5000 αναρτήσεις πως θα βρούμε αυτές τις 50? Για αυτό προτείνω να κάνουμε αυτό που απεικονίζεται στην εικόνα (5): από την επεξεργασία αναρτήσεων να πατήσουμε πάνω στην ετικέτα που θέλουμε να διαγράψουμε, ώστε να μας εμφανίσει “μαζεμένες” τις 50 αναρτήσεις και να μην ψάχνουμε. Έτσι για περισσότερη ευκολία το λέω αυτό.




ΠΡΟΣΘΗΚΗ ΤΟΥ GADGET ΤΩΝ ΕΤΙΚΕΤΩΝ ΣΤΗ ΣΕΛΙΔΑ ΣΑΣ



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

Από τον Πανόπτη μας, πάμε στη Σχεδίαση -ενώ βρισκόμαστε στα Στοιχεία Σελίδας- πατάμε Προσθήκη Gadget και βάζουμε το έκτο από το τέλος Gadget με τίτλο “Ετικέτες”.

Το ρυθμίζουμε ανάλογα με το πως θέλουμε να φαίνεται, το αποθηκεύουμε και μετά το βάζουμε στη θέση που θέλουμε να είναι μέσα στο blog.

Αυτό ήταν!





Πάνω-κάτω οι έμπειροι bloggers τα ξέρουν αυτά, αλλά έχω δεχτεί πολλά μαιλς από νέους blogger και όφειλα να γράψω αυτή την ανάρτηση.





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




Αν σας άρεσε η παραπάνω ανάρτηση “κρεμάστε” την στο wall του facebook σας, πατώντας το παρακάτω κουμπί. Ευχαριστώ!


Copyrights: /




Πρόβλημα Blogger Στις Παλαιότερες Αναρτήσεις: Εμφανίζονται ολόκληρες οι αναρτήσεις’ ΔΕΝ λειτουργεί το αυτόματο read more



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Αν χρησιμοποιείτε το αυτόματο read more, είναι πολύ πιθανόν να έχετε το εξής πρόβλημα τις τελευταίες ημέρες: Να εμφανίζονται ολόκληρες οι αναρτήσεις (και να μην κόβονται με το read more) στις παλαιότερες αναρτήσεις σας. Αυτό δε συμβαίνει στις αναρτήσεις της αρχικής σελίδας, αλλά στις επόμενες σελίδες. Μπορεί μάλιστα όταν κάποιος πατάει για να δει τις παλαιότερες αναρτήσεις να τον πετάει σε μια blogger page λέγοντας του αυτό: error bX-67oaj1



Για αυτό το πρόβλημα ευθύνεται αποκλειστικά και μόνο ο Blogger, ο οποίος έκανε κάποιες αναβαθμίσεις (updates) στο σύστημά του και προέκυψαν αυτές οι ανωμαλίες.



Αυτό το πρόβλημα έχει κωδικοποιηθεί ως error (=σφάλμα) bX-67oaj1 για αυτούς που θέλουν να το ψάξουν περισσότερο. Πιο συγκεκριμένα το πρόβλημα εμφανίζεται λόγω της ετικέτας <a class



Πως λοιπόν θα το λύσουμε? Για αυτό είμαι εγώ εδώ !!!



Ακολουθήστε τα παρακάτω βήματα:



1. Σύνδεση στον blogger account μας από το http://draft.blogger.com/home

2. Πανόπτης> Σχεδίαση> Επεξεργασία html> Επέκταση προτύπων γραφικών στοιχείων



(κάντε και μια “Λήψη πλήρους προτύπου” γιατί είναι λίγο μπερδεψιάρικο αυτό που θα κάνουμε παρακάτω, οπότε να έχουμε αντίγραφο του προτύπου μας)



3. Πάντα με τη βοήθεια του ctrl+F ψάχνουμε να βρούμε το <b:if cond=’data:newerPageUrl’> ή αν δεν το βρίσκει ψάχνουμε για το <div id=’main’>



4. Τώρα προσέξτε, γιατί ο τρόπος επίλυσης χωρίζεται σε δύο κατηγορίες:



i) Αν χρησιμοποιείτε για τις παλαιότερες αναρτήσεις σας εικόνα-σύνδεσμο (older posts image button):



Αντικαταστήστε τους παρακάτω κωδικούς:


<a class=’blog-pager-newer-link’ expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + "_blog-pager-newer-link"’ expr:title=’data:newerPageTitle’ target=’_blank’> <img src=’here goes the image url‘></a>

και


<a class=’blog-pager-older-link’ expr:href=’data:olderPageUrl’ expr:id=’data:widget.instanceId + "_blog-pager-older-link"’ expr:title=’data:olderPageTitle’> <img src=’here goes the image url‘> </a>

με τους παρακάτω:


<a expr:href=’data:newerPageUrl’ expr:title=’data:newerPageTitle’ id=’blog-pager-newer-link’><img src=’here goes the image url‘/></a>

και


<a expr:href=’data:olderPageUrl’ expr:title=’data:olderPageTitle’ id=’blog-pager-older-link’><img src=’here goes the image url‘/> </a>

Όπου λέει “here goes the image url” βάζετε το link-url της εικόνας που είχατε και πριν.



ii) Αν χρησιμοποιείτε για τις παλαιότερες αναρτήσεις σας απλό κείμενο (older posts text link):



Αντικαταστήστε τους παρακάτω κωδικούς:


<a class=’blog-pager-newer-link’ expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + "_blog-pager-newer-link"’ expr:title=’data:newerPageTitle’ target=’_blank’><data:newerPageTitle/></a>

και


<a class=’blog-pager-older-link’ expr:href=’data:olderPageUrl’ expr:id=’data:widget.instanceId + "_blog-pager-older-link"’ expr:title=’data:olderPageTitle’><data:olderPageTitle/></a>

με τους παρακάτω:


<a expr:href=’data:newerPageUrl’ expr:title=’data:newerPageTitle’ id=’blog-pager-newer-link’><data:newerPageTitle/></a>

και


<a expr:href=’data:olderPageUrl’ expr:title=’data:olderPageTitle’ id=’blog-pager-older-link’><data:olderPageTitle/></a>



5. Μια προεπισκόπηση και αποθήκευση!





Παρακαλώ, κάντε like στο facebook ΜΟΝΟ ΑΝ σας άρεσε αυτή η ανάρτηση.



Ευχαριστώ!


Copyrights: /




Πως εμφανίζονται μόνο οι τίτλοι των αναρτήσεων στις Ετικέτες?



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Πως γίνεται να εμφανίζονται μόνο οι τίτλοι των αναρτήσεων όταν πατάω σε μια ετικέτα?

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



Ακολουθήστε με προσοχή τα παρακάτω βήματα:



1. Σύνδεση στον blogger account σας

2. Πανόπτης>Διάταξη>Επεξεργασία html

3. Τσέκαρε το τετραγωνάκι που λέει “Επέκταση προτύπων γραφικών στοιχείων”

4. Με τη βοήθεια του Ctrl + F βρες τους παρακάτω κώδικες:


<b:include data=’post’ name=’post’/>



5.Τώρα αντικατέστησε τον παραπάνω με τον παρακάτω κώδικα:



<b:if cond=’data:blog.homepageUrl

!= data:blog.url’>



<b:if cond=’data:blog.pageType != “item”‘>



<h3 class=’post-title’><a expr:href=’data:post.url’><data:post.title/></a></h3>



<b:else/>



<b:include data=’post’ name=’post’/>



</b:if>



<b:else/>



<b:include data=’post’ name=’post’/>



</b:if>



6. Κάντε προεπισκόπηση να δείτε αν θα σας το δεχτεί και αν σας το δεχτεί κάντε αποθήκευση.Αν όχι κάτι έχετε κάνει λάθος.



Τώρα πατήστε πάνω σε μια ετικέτα σας να δείτε το αποτέλεσμα.



Άφησέ μου ένα σχόλιο για να ξέρω αν σου βγήκε ή όχι.





ΑΝΑΔΗΜΟΣΙΕΥΣΗ ΑΠΟ 27-10-2009




Βαλε Slider στο blog σου – Featured Post Content Slider



Print Friendly and PDFPrintPrint Friendly and PDFPDF




Άλλο ένα από τα σημαντικότερα blogger hacks! Σίγουρα θα έχετε δει σε πολλά blogs να έχουν sliders στο οποίο φιγουράρουν με εντυπωσιακά εφέ οι τελευταίες ή οι καλύτερες τους αναρτήσεις. Λίγοι από αυτούς που έχουν slider στο blog τους, το έχουν βάλει μόνοι τους. Στους πιο πολλούς το slider είναι ενσωματωμένο μέσα στο πρότυπο που χρησιμοποιούν. Σήμερα θα σας εξηγήσω βήμα-βήμα πως μπορείτε να εγκαταστήσετε στο blog σας, ένα δικό σας slider.



Ακολουθήστε τα παρακάτω βήματα:



1. Σύνδεση -όπως πάντα- στον blogger λογαριασμό σου από το blogger.com

2. Πανόπτης> Σχεδίαση> Επεξεργασία html

3. Με τη βοήθεια του ctrl+F από τον browser μας βρίσκουμε το </head>

4. Επικολλήστε τον παρακάτω κωδικό πριν από το </head>




<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js’ type=’text/javascript’/>



<script type=’text/javascript’>

//<![CDATA[



eval(function(p,a,c,k,e,r){e=function(c){return(c<a?”:e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!”.replace(/^/,String)){while(c–)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return’\w+’};c=1};while(c–)if(k[c])p=p.replace(new RegExp(‘\b’+e(c)+’\b’,’g’),k[c]);return p}(‘(6($){$.1g.1w=6(o){o=$.1f({r:n,x:n,N:n,17:q,J:n,L:1a,16:n,y:q,u:12,H:3,B:0,k:1,K:n,I:n},o||{});8 G.R(6(){p b=q,A=o.y?”15″:”w”,P=o.y?”t”:”s”;p c=$(G),9=$(“9”,c),E=$(“10”,9),W=E.Y(),v=o.H;7(o.u){9.1h(E.D(W-v-1+1).V()).1d(E.D(0,v).V());o.B+=v}p f=$(“10”,9),l=f.Y(),4=o.B;c.5(“1c”,”H”);f.5({U:”T”,1b:o.y?”S”:”w”});9.5({19:”0″,18:”0″,Q:”13″,”1v-1s-1r”:”S”,”z-14″:”1″});c.5({U:”T”,Q:”13″,”z-14″:”2″,w:”1q”});p g=o.y?t(f):s(f);p h=g*l;p j=g*v;f.5({s:f.s(),t:f.t()});9.5(P,h+”C”).5(A,-(4*g));c.5(P,j+”C”);7(o.r)$(o.r).O(6(){8 m(4-o.k)});7(o.x)$(o.x).O(6(){8 m(4+o.k)});7(o.N)$.R(o.N,6(i,a){$(a).O(6(){8 m(o.u?o.H+i:i)})});7(o.17&&c.11)c.11(6(e,d){8 d>0?m(4-o.k):m(4+o.k)});7(o.J)1p(6(){m(4+o.k)},o.J+o.L);6 M(){8 f.D(4).D(0,v)};6 m(a){7(!b){7(o.K)o.K.Z(G,M());7(o.u){7(a<=o.B-v-1){9.5(A,-((l-(v*2))*g)+”C”);4=a==o.B-v-1?l-(v*2)-1:l-(v*2)-o.k}F 7(a>=l-v+1){9.5(A,-((v)*g)+”C”);4=a==l-v+1?v+1:v+o.k}F 4=a}F{7(a<0||a>l-v)8;F 4=a}b=12;9.1o(A==”w”?{w:-(4*g)}:{15:-(4*g)},o.L,o.16,6(){7(o.I)o.I.Z(G,M());b=q});7(!o.u){$(o.r+”,”+o.x).1n(“X”);$((4-o.k<0&&o.r)||(4+o.k>l-v&&o.x)||[]).1m(“X”)}}8 q}})};6 5(a,b){8 1l($.5(a[0],b))||0};6 s(a){8 a[0].1k+5(a,’1j’)+5(a,’1i’)};6 t(a){8 a[0].1t+5(a,’1u’)+5(a,’1e’)}})(1x);’,62,96,’||||curr|css|function|if|return|ul|||||||||||scroll|itemLength|go|null||var|false|btnPrev|width|height|circular||left|btnNext|vertical||animCss|start|px|slice|tLi|else|this|visible|afterEnd|auto|beforeStart|speed|vis|btnGo|click|sizeCss|position|each|none|hidden|overflow|clone|tl|disabled|size|call|li|mousewheel|true|relative|index|top|easing|mouseWheel|padding|margin|200|float|visibility|append|marginBottom|extend|fn|prepend|marginRight|marginLeft|offsetWidth|parseInt|addClass|removeClass|animate|setInterval|0px|type|style|offsetHeight|marginTop|list|jCarouselLite|jQuery’.split(‘|’),0,{}))



//]]>

</script>



<script type=’text/javascript’>

//<![CDATA[



/*

* Copyright (c) 2009 Simo Kinnunen.

* Licensed under the MIT license.

*

* @version 1.02

*/

var Cufon=(function(){var m=function(){return m.replace.apply(null,arguments)};var x=m.DOM={ready:(function(){var C=false,E={loaded:1,complete:1};var B=[],D=function(){if(C){return}C=true;for(var F;F=B.shift();F()){}};if(document.addEventListener){document.addEventListener(“DOMContentLoaded”,D,false);window.addEventListener(“pageshow”,D,false)}if(!window.opera&&document.readyState){(function(){E[document.readyState]?D():setTimeout(arguments.callee,10)})()}if(document.readyState&&document.createStyleSheet){(function(){try{document.body.doScroll(“left”);D()}catch(F){setTimeout(arguments.callee,1)}})()}q(window,”load”,D);return function(F){if(!arguments.length){D()}else{C?F():B.push(F)}}})(),root:function(){return document.documentElement||document.body}};var n=m.CSS={Size:function(C,B){this.value=parseFloat(C);this.unit=String(C).match(/[a-z%]*$/)[0]||”px”;this.convert=function(D){return D/B*this.value};this.convertFrom=function(D){return D/this.value*B};this.toString=function(){return this.value+this.unit}},addClass:function(C,B){var D=C.className;C.className=D+(D&&” “)+B;return C},color:j(function(C){var B={};B.color=C.replace(/^rgba((.*?),s*([d.]+))/,function(E,D,F){B.opacity=parseFloat(F);return”rgb(“+D+”)”});return B}),fontStretch:j(function(B){if(typeof B==”number”){return B}if(/%$/.test(B)){return parseFloat(B)/100}return{“ultra-condensed”:0.5,”extra-condensed”:0.625,condensed:0.75,”semi-condensed”:0.875,”semi-expanded”:1.125,expanded:1.25,”extra-expanded”:1.5,”ultra-expanded”:2}[B]||1}),getStyle:function(C){var B=document.defaultView;if(B&&B.getComputedStyle){return new a(B.getComputedStyle(C,null))}if(C.currentStyle){return new a(C.currentStyle)}return new a(C.style)},gradient:j(function(F){var G={id:F,type:F.match(/^-([a-z]+)-gradient(/)[1],stops:[]},C=F.substr(F.indexOf(“(“)).match(/([d.]+=)?(#[a-f0-9]+|[a-z]+(.*?)|[a-z]+)/ig);for(var E=0,B=C.length,D;E<B;++E){D=C[E].split(“=”,2).reverse();G.stops.push([D[1]||E/(B-1),D[0]])}return G}),hasClass:function(C,B){return RegExp(“(?:^|\s)”+B+”(?=\s|$)”).test(C.className)},quotedList:j(function(E){var D=[],C=/s*(([“‘])([sS]*?[^\])2|[^,]+)s*/g,B;while(B=C.exec(E)){D.push(B[3]||B[1])}return D}),recognizesMedia:j(function(G){var E=document.createElement(“style”),D,C,B;E.type=”text/css”;E.media=G;try{E.appendChild(document.createTextNode(“/**/”))}catch(F){}C=g(“head”)[0];C.insertBefore(E,C.firstChild);D=(E.sheet||E.styleSheet);B=D&&!D.disabled;C.removeChild(E);return B}),removeClass:function(D,C){var B=RegExp(“(?:^|\s+)”+C+”(?=\s|$)”,”g”);D.className=D.className.replace(B,””);return D},supports:function(D,C){var B=document.createElement(“span”).style;if(B[D]===undefined){return false}B[D]=C;return B[D]===C},textAlign:function(E,D,B,C){if(D.get(“textAlign”)==”right”){if(B>0){E=” “+E}}else{if(B<C-1){E+=” “}}return E},textDecoration:function(G,F){if(!F){F=this.getStyle(G)}var C={underline:null,overline:null,”line-through”:null};for(var B=G;B.parentNode&&B.parentNode.nodeType==1;){var E=true;for(var D in C){if(!k(C,D)||C[D]){continue}if(F.get(“textDecoration”).indexOf(D)!=-1){C[D]=F.get(“color”)}E=false}if(E){break}F=this.getStyle(B=B.parentNode)}return C},textShadow:j(function(F){if(F==”none”){return null}var E=[],G={},B,C=0;var D=/(#[a-f0-9]+|[a-z]+(.*?)|[a-z]+)|(-?[d.]+[a-z%]*)|,/ig;while(B=D.exec(F)){if(B[0]==”,”){E.push(G);G={};C=0}else{if(B[1]){G.color=B[1]}else{G[[“offX”,”offY”,”blur”][C++]]=B[2]}}}E.push(G);return E}),textTransform:(function(){var B={uppercase:function(C){return C.toUpperCase()},lowercase:function(C){return C.toLowerCase()},capitalize:function(C){return C.replace(/b./g,function(D){return D.toUpperCase()})}};return function(E,D){var C=B[D.get(“textTransform”)];return C?C(E):E}})(),whiteSpace:(function(){var B={inline:1,”inline-block”:1,”run-in”:1};return function(E,C,D){if(B[C.get(“display”)]){return E}if(!D.previousSibling){E=E.replace(/^s+/,””)}if(!D.nextSibling){E=E.replace(/s+$/,””)}return E}})()};n.ready=(function(){var B=!n.recognizesMedia(“all”),E=false;var D=[],H=function(){B=true;for(var K;K=D.shift();K()){}};var I=g(“link”),J=g(“style”);function C(K){return K.disabled||G(K.sheet,K.media||”screen”)}function G(M,P){if(!n.recognizesMedia(P||”all”)){return true}if(!M||M.disabled){return false}try{var Q=M.cssRules,O;if(Q){search:for(var L=0,K=Q.length;O=Q[L],L<K;++L){switch(O.type){case 2:break;case 3:if(!G(O.styleSheet,O.media.mediaText)){return false}break;default:break search}}}}catch(N){}return true}function F(){if(document.createStyleSheet){return true}var L,K;for(K=0;L=I[K];++K){if(L.rel.toLowerCase()==”stylesheet”&&!C(L)){return false}}for(K=0;L=J[K];++K){if(!C(L)){return false}}return true}x.ready(function(){if(!E){E=n.getStyle(document.body).isUsable()}if(B||(E&&F())){H()}else{setTimeout(arguments.callee,10)}});return function(K){if(B){K()}else{D.push(K)}}})();function s(C){var B=this.face=C.face;this.glyphs=C.glyphs;this.w=C.w;this.baseSize=parseInt(B[“units-per-em”],10);this.family=B[“font-family”].toLowerCase();this.weight=B[“font-weight”];this.style=B[“font-style”]||”normal”;this.viewBox=(function(){var E=B.bbox.split(/s+/);var D={minX:parseInt(E[0],10),minY:parseInt(E[1],10),maxX:parseInt(E[2],10),maxY:parseInt(E[3],10)};D.width=D.maxX-D.minX;D.height=D.maxY-D.minY;D.toString=function(){return[this.minX,this.minY,this.width,this.height].join(” “)};return D})();this.ascent=-parseInt(B.ascent,10);this.descent=-parseInt(B.descent,10);this.height=-this.ascent+this.descent}function f(){var C={},B={oblique:”italic”,italic:”oblique”};this.add=function(D){(C[D.style]||(C[D.style]={}))[D.weight]=D};this.get=function(H,I){var G=C[H]||C[B[H]]||C.normal||C.italic||C.oblique;if(!G){return null}I={normal:400,bold:700}[I]||parseInt(I,10);if(G[I]){return G[I]}var E={1:1,99:0}[I%100],K=[],F,D;if(E===undefined){E=I>400}if(I==500){I=400}for(var J in G){if(!k(G,J)){continue}J=parseInt(J,10);if(!F||J<F){F=J}if(!D||J>D){D=J}K.push(J)}if(I<F){I=F}if(I>D){I=D}K.sort(function(M,L){return(E?(M>I&&L>I)?M<L:M>L:(M<I&&L<I)?M>L:M<L)?-1:1});return G[K[0]]}}function r(){function D(F,G){if(F.contains){return F.contains(G)}return F.compareDocumentPosition(G)&16}function B(G){var F=G.relatedTarget;if(!F||D(this,F)){return}C(this)}function E(F){C(this)}function C(F){setTimeout(function(){m.replace(F,d.get(F).options,true)},10)}this.attach=function(F){if(F.onmouseenter===undefined){q(F,”mouseover”,B);q(F,”mouseout”,B)}else{q(F,”mouseenter”,E);q(F,”mouseleave”,E)}}}function u(){var C=[],D={};function B(H){var E=[],G;for(var F=0;G=H[F];++F){E[F]=C[D[G]]}return E}this.add=function(F,E){D[F]=C.push(E)-1};this.repeat=function(){var E=arguments.length?B(arguments):C,F;for(var G=0;F=E[G++];){m.replace(F[0],F[1],true)}}}function A(){var D={},B=0;function C(E){return E.cufid||(E.cufid=++B)}this.get=function(E){var F=C(E);return D[F]||(D[F]={})}}function a(B){var D={},C={};this.extend=function(E){for(var F in E){if(k(E,F)){D[F]=E[F]}}return this};this.get=function(E){return D[E]!=undefined?D[E]:B[E]};this.getSize=function(F,E){return C[F]||(C[F]=new n.Size(this.get(F),E))};this.isUsable=function(){return !!B}}function q(C,B,D){if(C.addEventListener){C.addEventListener(B,D,false)}else{if(C.attachEvent){C.attachEvent(“on”+B,function(){return D.call(C,window.event)})}}}function v(C,B){var D=d.get(C);if(D.options){return C}if(B.hover&&B.hoverables[C.nodeName.toLowerCase()]){b.attach(C)}D.options=B;return C}function j(B){var C={};return function(D){if(!k(C,D)){C[D]=B.apply(null,arguments)}return C[D]}}function c(F,E){var B=n.quotedList(E.get(“fontFamily”).toLowerCase()),D;for(var C=0;D=B[C];++C){if(i[D]){return i[D].get(E.get(“fontStyle”),E.get(“fontWeight”))}}return null}function g(B){return document.getElementsByTagName(B)}function k(C,B){return C.hasOwnProperty(B)}function h(){var B={},D,F;for(var E=0,C=arguments.length;D=arguments[E],E<C;++E){for(F in D){if(k(D,F)){B[F]=D[F]}}}return B}function o(E,M,C,N,F,D){var K=document.createDocumentFragment(),H;if(M===””){return K}var L=N.separate;var I=M.split(p[L]),B=(L==”words”);if(B&&t){if(/^s/.test(M)){I.unshift(“”)}if(/s$/.test(M)){I.push(“”)}}for(var J=0,G=I.length;J<G;++J){H=z[N.engine](E,B?n.textAlign(I[J],C,J,G):I[J],C,N,F,D,J<G-1);if(H){K.appendChild(H)}}return K}function l(C,J){var B=n.getStyle(v(C,J)).extend(J);var D=c(C,B),E,H,G,F,I;for(E=C.firstChild;E;E=G){H=E.nodeType;G=E.nextSibling;if(H==3){if(F){F.appendData(E.data);C.removeChild(E)}else{F=E}if(G){continue}}if(F){C.replaceChild(o(D,n.whiteSpace(F.data,B,F),B,J,E,C),F);F=null}if(H==1&&E.firstChild){if(n.hasClass(E,”cufon”)){z[J.engine](D,null,B,J,E,C)}else{arguments.callee(E,J)}}}}var t=” “.split(/s+/).length==0;var d=new A();var b=new r();var y=new u();var e=false;var z={},i={},w={enableTextDecoration:false,engine:null,forceHitArea:false,hover:false,hoverables:{a:true},printable:true,selector:(window.Sizzle||(window.jQuery&&function(B){return jQuery(B)})||(window.dojo&&dojo.query)||(window.Ext&&Ext.query)||(window.$$&&function(B){return $$(B)})||(window.$&&function(B){return $(B)})||(document.querySelectorAll&&function(B){return document.querySelectorAll(B)})||g),separate:”words”,textShadow:”none”};var p={words:/[^Su00a0]+/,characters:””,none:/^/};m.now=function(){x.ready();return m};m.refresh=function(){y.repeat.apply(y,arguments);return m};m.registerEngine=function(C,B){if(!B){return m}z[C]=B;return m.set(“engine”,C)};m.registerFont=function(D){var B=new s(D),C=B.family;if(!i[C]){i[C]=new f()}i[C].add(B);return m.set(“fontFamily”,'”‘+C+'”‘)};m.replace=function(D,C,B){C=h(w,C);if(!C.engine){return m}if(!e){n.addClass(x.root(),”cufon-active cufon-loading”);n.ready(function(){n.addClass(n.removeClass(x.root(),”cufon-loading”),”cufon-ready”)});e=true}if(C.hover){C.forceHitArea=true}if(typeof C.textShadow==”string”){C.textShadow=n.textShadow(C.textShadow)}if(typeof C.color==”string”&&/^-/.test(C.color)){C.textGradient=n.gradient(C.color)}if(!B){y.add(D,arguments)}if(D.nodeType||typeof D==”string”){D=[D]}n.ready(function(){for(var F=0,E=D.length;F<E;++F){var G=D[F];if(typeof G==”string”){m.replace(C.selector(G),C,true)}else{l(G,C)}}});return m};m.set=function(B,C){w[B]=C;return m};return m})();Cufon.registerEngine(“canvas”,(function(){var b=document.createElement(“canvas”);if(!b||!b.getContext||!b.getContext.apply){return}b=null;var a=Cufon.CSS.supports(“display”,”inline-block”);var e=!a&&(document.compatMode==”BackCompat”||/frameset|transitional/i.test(document.doctype.publicId));var f=document.createElement(“style”);f.type=”text/css”;f.appendChild(document.createTextNode((“.cufon-canvas{text-indent:0;}@media screen,projection{.cufon-canvas{display:inline;display:inline-block;position:relative;vertical-align:middle;”+(e?””:”font-size:1px;line-height:1px;”)+”}.cufon-canvas .cufon-alt{display:-moz-inline-box;display:inline-block;width:0;height:0;overflow:hidden;text-indent:-10000in;}”+(a?”.cufon-canvas canvas{position:relative;}”:”.cufon-canvas canvas{position:absolute;}”)+”}@media print{.cufon-canvas{padding:0;}.cufon-canvas canvas{display:none;}.cufon-canvas .cufon-alt{display:inline;}}”).replace(/;/g,”!important;”)));document.getElementsByTagName(“head”)[0].appendChild(f);function d(p,h){var n=0,m=0;var g=[],o=/([mrvxe])([^a-z]*)/g,k;generate:for(var j=0;k=o.exec(p);++j){var l=k[2].split(“,”);switch(k[1]){case”v”:g[j]={m:”bezierCurveTo”,a:[n+~~l[0],m+~~l[1],n+~~l[2],m+~~l[3],n+=~~l[4],m+=~~l[5]]};break;case”r”:g[j]={m:”lineTo”,a:[n+=~~l[0],m+=~~l[1]]};break;case”m”:g[j]={m:”moveTo”,a:[n=~~l[0],m=~~l[1]]};break;case”x”:g[j]={m:”closePath”};break;case”e”:break generate}h[g[j].m].apply(h,g[j].a)}return g}function c(m,k){for(var j=0,h=m.length;j<h;++j){var g=m[j];k[g.m].apply(k,g.a)}}return function(ah,H,Z,D,L,ai){var n=(H===null);if(n){H=L.alt}var J=ah.viewBox;var p=Z.getSize(“fontSize”,ah.baseSize);var X=Z.get(“letterSpacing”);X=(X==”normal”)?0:p.convertFrom(parseInt(X,10));var K=0,Y=0,W=0,F=0;var I=D.textShadow,U=[];if(I){for(var ag=I.length;ag–;){var O=I[ag];var T=p.convertFrom(parseFloat(O.offX));var R=p.convertFrom(parseFloat(O.offY));U[ag]=[T,R];if(R<K){K=R}if(T>Y){Y=T}if(R>W){W=R}if(T<F){F=T}}}var al=Cufon.CSS.textTransform(H,Z).split(“”),B;var o=ah.glyphs,E,r,ac;var h=0,v,N=[];for(var ag=0,ae=0,ab=al.length;ag<ab;++ag){E=o[B=al[ag]]||ah.missingGlyph;if(!E){continue}if(r){h-=ac=r[B]||0;N[ae-1]-=ac}h+=v=N[ae++]=~~(E.w||ah.w)+X;r=E.k}if(v===undefined){return null}Y+=J.width-v;F+=J.minX;var C,q;if(n){C=L;q=L.firstChild}else{C=document.createElement(“span”);C.className=”cufon cufon-canvas”;C.alt=H;q=document.createElement(“canvas”);C.appendChild(q);if(D.printable){var ad=document.createElement(“span”);ad.className=”cufon-alt”;ad.appendChild(document.createTextNode(H));C.appendChild(ad)}}var am=C.style;var Q=q.style;var m=p.convert(J.height);var ak=Math.ceil(m);var V=ak/m;var P=V*Cufon.CSS.fontStretch(Z.get(“fontStretch”));var S=h*P;var aa=Math.ceil(p.convert(S+Y-F));var t=Math.ceil(p.convert(J.height-K+W));q.width=aa;q.height=t;Q.width=aa+”px”;Q.height=t+”px”;K+=J.minY;Q.top=Math.round(p.convert(K-ah.ascent))+”px”;Q.left=Math.round(p.convert(F))+”px”;var A=Math.ceil(p.convert(S))+”px”;if(a){am.width=A;am.height=p.convert(ah.height)+”px”}else{am.paddingLeft=A;am.paddingBottom=(p.convert(ah.height)-1)+”px”}var aj=q.getContext(“2d”),M=m/J.height;aj.scale(M,M*V);aj.translate(-F,-K);aj.lineWidth=ah.face[“underline-thickness”];aj.save();function s(i,g){aj.strokeStyle=g;aj.beginPath();aj.moveTo(0,i);aj.lineTo(h,i);aj.stroke()}var u=D.enableTextDecoration?Cufon.CSS.textDecoration(ai,Z):{};if(u.underline){s(-ah.face[“underline-position”],u.underline)}if(u.overline){s(ah.ascent,u.overline)}function af(){aj.scale(P,1);for(var x=0,k=0,g=al.length;x<g;++x){var y=o[al[x]]||ah.missingGlyph;if(!y){continue}if(y.d){aj.beginPath();if(y.code){c(y.code,aj)}else{y.code=d(“m”+y.d,aj)}aj.fill()}aj.translate(N[k++],0)}aj.restore()}if(I){for(var ag=I.length;ag–;){var O=I[ag];aj.save();aj.fillStyle=O.color;aj.translate.apply(aj,U[ag]);af()}}var z=D.textGradient;if(z){var G=z.stops,w=aj.createLinearGradient(0,J.minY,0,J.maxY);for(var ag=0,ab=G.length;ag<ab;++ag){w.addColorStop.apply(w,G[ag])}aj.fillStyle=w}else{aj.fillStyle=Z.get(“color”)}af();if(u[“line-through”]){s(-ah.descent,u[“line-through”])}return C}})());Cufon.registerEngine(“vml”,(function(){var e=document.namespaces;if(!e){return}e.add(“cvml”,”urn:schemas-microsoft-com:vml”);e=null;var b=document.createElement(“cvml:shape”);b.style.behavior=”url(#default#VML)”;if(!b.coordsize){return}b=null;var g=(document.documentMode||0)<8;document.write((‘<style type=”text/css”>.cufon-vml-canvas{text-indent:0;}@media screen{cvml\:shape,cvml\:rect,cvml\:fill,cvml\:shadow{behavior:url(#default#VML);display:block;antialias:true;position:absolute;}.cufon-vml-canvas{position:absolute;text-align:left;}.cufon-vml{display:inline-block;position:relative;vertical-align:’+(g?”middle”:”text-bottom”)+”;}.cufon-vml .cufon-alt{position:absolute;left:-10000in;font-size:1px;}a .cufon-vml{cursor:pointer}}@media print{.cufon-vml *{display:none;}.cufon-vml .cufon-alt{display:inline;}}</style>”).replace(/;/g,”!important;”));function c(h,i){return a(h,/(?:em|ex|%)$|^[a-z-]+$/i.test(i)?”1em”:i)}function a(k,l){if(/px$/i.test(l)){return parseFloat(l)}var j=k.style.left,i=k.runtimeStyle.left;k.runtimeStyle.left=k.currentStyle.left;k.style.left=l.replace(“%”,”em”);var h=k.style.pixelLeft;k.style.left=j;k.runtimeStyle.left=i;return h}var f={};function d(o){var p=o.id;if(!f[p]){var m=o.stops,n=document.createElement(“cvml:fill”),h=[];n.type=”gradient”;n.angle=180;n.focus=”0″;n.method=”sigma”;n.color=m[0][1];for(var l=1,i=m.length-1;l<i;++l){h.push(m[l][0]*100+”% “+m[l][1])}n.colors=h.join(“,”);n.color2=m[i][1];f[p]=n}return f[p]}return function(aj,K,ad,G,O,ak,ab){var o=(K===null);if(o){K=O.alt}var M=aj.viewBox;var q=ad.computedFontSize||(ad.computedFontSize=new Cufon.CSS.Size(c(ak,ad.get(“fontSize”))+”px”,aj.baseSize));var aa=ad.computedLSpacing;if(aa==undefined){aa=ad.get(“letterSpacing”);ad.computedLSpacing=aa=(aa==”normal”)?0:~~q.convertFrom(a(ak,aa))}var C,r;if(o){C=O;r=O.firstChild}else{C=document.createElement(“span”);C.className=”cufon cufon-vml”;C.alt=K;r=document.createElement(“span”);r.className=”cufon-vml-canvas”;C.appendChild(r);if(G.printable){var ag=document.createElement(“span”);ag.className=”cufon-alt”;ag.appendChild(document.createTextNode(K));C.appendChild(ag)}if(!ab){C.appendChild(document.createElement(“cvml:shape”))}}var ap=C.style;var V=r.style;var m=q.convert(M.height),am=Math.ceil(m);var Z=am/m;var T=Z*Cufon.CSS.fontStretch(ad.get(“fontStretch”));var Y=M.minX,X=M.minY;V.height=am;V.top=Math.round(q.convert(X-aj.ascent));V.left=Math.round(q.convert(Y));ap.height=q.convert(aj.height)+”px”;var v=G.enableTextDecoration?Cufon.CSS.textDecoration(ak,ad):{};var J=ad.get(“color”);var ao=Cufon.CSS.textTransform(K,ad).split(“”),B;var p=aj.glyphs,H,s,af;var h=0,P=[],W=0,x;var z,L=G.textShadow;for(var ai=0,ah=0,ae=ao.length;ai<ae;++ai){H=p[B=ao[ai]]||aj.missingGlyph;if(!H){continue}if(s){h-=af=s[B]||0;P[ah-1]-=af}h+=x=P[ah++]=~~(H.w||aj.w)+aa;s=H.k}if(x===undefined){return null}var A=-Y+h+(M.width-x);var an=q.convert(A*T),ac=Math.round(an);var S=A+”,”+M.height,n;var N=”r”+S+”ns”;var y=G.textGradient&&d(G.textGradient);for(ai=0,ah=0;ai<ae;++ai){H=p[ao[ai]]||aj.missingGlyph;if(!H){continue}if(o){z=r.childNodes[ah];while(z.firstChild){z.removeChild(z.firstChild)}}else{z=document.createElement(“cvml:shape”);r.appendChild(z)}z.stroked=”f”;z.coordsize=S;z.coordorigin=n=(Y-W)+”,”+X;z.path=(H.d?”m”+H.d+”xe”:””)+”m”+n+N;z.fillcolor=J;if(y){z.appendChild(y.cloneNode(false))}var al=z.style;al.width=ac;al.height=am;if(L){var u=L[0],t=L[1];var F=Cufon.CSS.color(u.color),D;var R=document.createElement(“cvml:shadow”);R.on=”t”;R.color=F.color;R.offset=u.offX+”,”+u.offY;if(t){D=Cufon.CSS.color(t.color);R.type=”double”;R.color2=D.color;R.offset2=t.offX+”,”+t.offY}R.opacity=F.opacity||(D&&D.opacity)||1;z.appendChild(R)}W+=P[ah++]}var Q=z.nextSibling,w,E;if(G.forceHitArea){if(!Q){Q=document.createElement(“cvml:rect”);Q.stroked=”f”;Q.className=”cufon-vml-cover”;w=document.createElement(“cvml:fill”);w.opacity=0;Q.appendChild(w);r.appendChild(Q)}E=Q.style;E.width=ac;E.height=am}else{if(Q){r.removeChild(Q)}}ap.width=Math.max(Math.ceil(q.convert(h*T)),0);if(g){var U=ad.computedYAdjust;if(U===undefined){var I=ad.get(“lineHeight”);if(I==”normal”){I=”1em”}else{if(!isNaN(I)){I+=”em”}}ad.computedYAdjust=U=0.5*(a(ak,I)-parseFloat(ap.height))}if(U){ap.marginTop=Math.ceil(U)+”px”;ap.marginBottom=U+”px”}}return C}})());



//]]>

</script>



<script type=’text/javascript’>

//<![CDATA[



/*

* jQuery Easing v1.1 – http://gsgd.co.uk/sandbox/jquery.easing.php

*

* Uses the built in easing capabilities added in jQuery 1.1

* to offer multiple easing options

*

* Copyright (c) 2007 George Smith

* Licensed under the MIT License:

* http://www.opensource.org/licenses/mit-license.php

*/



jQuery.easing = {

easein: function(x, t, b, c, d) {

return c*(t/=d)*t + b; // in

},

easeinout: function(x, t, b, c, d) {

if (t < d/2) return 2*c*t*t/(d*d) + b;

var ts = t – d/2;

return -2*c*ts*ts/(d*d) + 2*c*ts/d + c/2 + b;

},

easeout: function(x, t, b, c, d) {

return -c*t*t/(d*d) + 2*c*t/d + b;

},

expoin: function(x, t, b, c, d) {

var flip = 1;

if (c < 0) {

flip *= -1;

c *= -1;

}

return flip * (Math.exp(Math.log(c)/d * t)) + b;

},

expoout: function(x, t, b, c, d) {

var flip = 1;

if (c < 0) {

flip *= -1;

c *= -1;

}

return flip * (-Math.exp(-Math.log(c)/d * (t-d)) + c + 1) + b;

},

expoinout: function(x, t, b, c, d) {

var flip = 1;

if (c < 0) {

flip *= -1;

c *= -1;

}

if (t < d/2) return flip * (Math.exp(Math.log(c/2)/(d/2) * t)) + b;

return flip * (-Math.exp(-2*Math.log(c/2)/d * (t-d)) + c + 1) + b;

},

bouncein: function(x, t, b, c, d) {

return c – jQuery.easing[‘bounceout’](x, d-t, 0, c, d) + b;

},

bounceout: function(x, t, b, c, d) {

if ((t/=d) < (1/2.75)) {

return c*(7.5625*t*t) + b;

} else if (t < (2/2.75)) {

return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;

} else if (t < (2.5/2.75)) {

return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;

} else {

return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;

}

},

bounceinout: function(x, t, b, c, d) {

if (t < d/2) return jQuery.easing[‘bouncein’] (x, t*2, 0, c, d) * .5 + b;

return jQuery.easing[‘bounceout’] (x, t*2-d,0, c, d) * .5 + c*.5 + b;

},

elasin: function(x, t, b, c, d) {

var s=1.70158;var p=0;var a=c;

if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;

if (a < Math.abs(c)) { a=c; var s=p/4; }

else var s = p/(2*Math.PI) * Math.asin (c/a);

return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;

},

elasout: function(x, t, b, c, d) {

var s=1.70158;var p=0;var a=c;

if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;

if (a < Math.abs(c)) { a=c; var s=p/4; }

else var s = p/(2*Math.PI) * Math.asin (c/a);

return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;

},

elasinout: function(x, t, b, c, d) {

var s=1.70158;var p=0;var a=c;

if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);

if (a < Math.abs(c)) { a=c; var s=p/4; }

else var s = p/(2*Math.PI) * Math.asin (c/a);

if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;

return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;

},

backin: function(x, t, b, c, d) {

var s=1.70158;

return c*(t/=d)*t*((s+1)*t – s) + b;

},

backout: function(x, t, b, c, d) {

var s=1.70158;

return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;

},

backinout: function(x, t, b, c, d) {

var s=1.70158;

if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t – s)) + b;

return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;

},

linear: function(x, t, b, c, d) {

return c*t/d + b; //linear

}

};



//]]>

</script>



<script type=’text/javascript’>

//<![CDATA[



jQuery(document).ready(function() {

Cufon.replace(‘.blogname h2’, { fontFamily: ‘MankSans-Medium’ });

Cufon.replace(‘.sidetitl,.blogname h1’, { fontFamily: ‘ChunkFive’ });



});



//]]>

</script>





<style type=’text/css’>

#slidearea{

height: 230px;

overflow: hidden;

position: relative;

width:680px;

background:#242424;

}

#gallerycover{

overflow: hidden;

margin:0px 0px;

}



.mygallery{

overflow: hidden;

position:relative;

}



.mytext img{

position:absolute;

left:10px;

top:10px;

padding:5px;

background:#515252;

border:1px solid #5e5e5e;

}



.mytext{

position:relative;

margin:0px 0px;

height:200px;

width:680px;

float:left;

display:inline;

line-height:20px;

color:#c4c4c4;

font-family: Tahoma,Georgia,century gothic,Verdana, sans-serif;

}



.mytext ul li{

height:200px;



}



.mytext a:link, .mytext a:visited {

color:#fff;

}



.mytext h2 {

font: 18px Georgia,century gothic,Verdana, sans-serif;

margin:15px 0px 5px 310px;

font-weight:normal;

width:350px;

height:24px;

overflow:hidden;

}



.mytext p {

width:350px;

margin:0px 0px 5px 310px;

color:#6f6f6f;

}



.mytext h2 a:link, .mytext h2 a:visited {

color:#fff;

}

.slnav{

padding:3px 0px;

background:#000;



}

.prev{

float:left;

width:24px;

height:24px;

z-index:200;

margin-left:5px;

background:url(http://1.bp.blogspot.com/_4HKUHirY_2U/S2FVY1DGRHI/AAAAAAAAAtc/BZkCromQU-I/prev.png);

}



.next{

float:right;

width:24px;

height:24px;

z-index:200;

background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/S2FVWGJQahI/AAAAAAAAAtU/l-hiX3uOqBo/nxt.png);

display:block;

}



</style>





Τροποποίηση:



Στο τέλος σας έχω μαρκάρει δύο urls. Μπορείτε να τις αλλάξετε. Αυτές οι images urls αντιπροσωπεύουν αντίστοιχα τα δυο παρακάτω εικονίδια.




http://1.bp.blogspot.com/_-j7_-ccACuU/S2Fp48raFDI/AAAAAAAABdE/sflTOaNrpIQ/prev.png:



http://2.bp.blogspot.com/_-j7_-ccACuU/S2Fp1DzO4LI/AAAAAAAABc8/wPtkkr78LYM/nxt.png:




5. Αποθήκευση Προτύπου

6. Σχεδίαση> Στοιχεία Σελίδας> Προσθήκη gadget> HTML/JavaScript

7. Εκεί επικολλήστε και αποθηκεύστε τον παρακάτω κώδικα:


<script type=”text/javascript”>

var $jx = jQuery.noConflict();

$jx(function() {

$jx(“.mygallery”).jCarouselLite({

btnNext: “.next”,

btnPrev: “.prev”,

visible: 1,

easing: “backout”,

speed: 1000

});



});

</script>



<div id=”slidearea”>



<div id=”gallerycover”>

<div class=”mygallery”>

<ul>



<li>

<div class=”mytext”>

<h2><a href=”URL-of-Post-1” title=”#“>Title-of-Post-1</a></h2>

<p>Slide 1 Description […]</p>



<img src=”Slide-1-Image-Address” alt=”” />

</div>

</li>





<li>

<div class=”mytext”>

<h2><a href=”URL-of-Post-2″ title=”#”>Title-of-Post-2</a></h2>

<p>Slide 2 Description […]</p>



<img src=”Slide-2-Image-Address” alt=”” />

</div>

</li>





<li>

<div class=”mytext”>

<h2><a href=”URL-of-Post-3″ title=”#”>Title-of-Post-3</a></h2>

<p>Slide 3 Description […]</p>



<img src=”Slide-3-Image-Address” alt=”” />

</div>

</li>





<li>

<div class=”mytext”>

<h2><a href=”URL-of-Post-4″ title=”#”>Title-of-Post-4</a></h2>

<p>Slide 4 Description […]</p>



<img src=”Slide-4-Image-Address” alt=”” />

</div>

</li>





<li>

<div class=”mytext”>

<h2><a href=”URL-of-Post-5″ title=”#”>Title-of-Post-5</a></h2>

<p>Slide 5 Description […]</p>



<img src=”Slide-5-Image-Address” alt=”” />

</div>

</li>



</ul>



<div class=”clear”></div>



</div>

</div>



<div class=”slnav”>

<a href=”#” class=”prev”></a>

<a href=”#” class=”next”></a>

<div class=”clear”></div>

</div>



</div>



Τροποποίηση:



Όπως καταλαβαίνετε αντικαθιστάτε το URL-of-Post-X , Title-of-Post-X , Slide X Description […] , Slide-X-Image-Address με αυτό που θέλετε να βάλετε.



Το width=270px (πλάτος) και το height=170px (ύψος) αντιπροσωπεύουν το μέγεθος της εικόνας που θα βάλετε.



Επίσης μπορείτε να προσθαφαιρέσετε όσα slides θέλετε.



Τις αναρτήσεις σας στο slider μπορείτε να τις αλλάζετε όποτε θέλετε, πάντα με τον ίδιον τρόπο.



8. Είστε έτοιμοι. Μπορείτε να μετακινήσετε το gadget σε όποια θέση θέλετε να εμφανίζεται το slider.



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



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


Πηγές κωδικών: http://www.bloggertipandtrick.net/
Copyrights: http://bloggertips.gr/




Προγραμματισμός αναρτήσεων για αυτόματη μελλοντική δημοσίευση



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Ο Blogger δίνει την δυνατότητα στους χρήστες να προγραμματίζουν αναρτήσεις που έχουν γράψει να δημοσιευθούν αυτόματα σε μια μελλοντική χρονική στιγμή που οι ίδιοι θα επιλέξουν. Αυτό είναι πολύ πρακτικό και χρήσιμο, όπως καταλαβαίνετε, γιατί έτσι οι χρήστες θα μπορούν να φτιάχνουν αναρτήσεις όταν έχουν χρόνο και να τις προγραμματίζουν να αναρτήθουν, τότε που αυτοί δεν θα έχουν πρόσβαση στο διαδίκτυο. Αυτό είναι πολύ χρήσιμο, γιατί αν για παράδειγμα κάποιος θέλει να πάει διακοπές για μια εβδομάδα, τότε για να μην μείνει το blog του χωρίς ανάρτηση (κάτι που είναι πολύ-πολύ κακό), μπορεί να έχει προγραμματίσει να δημοσιεύονται αναρτήσεις κάθε μέρα! Έτσι κι αυτός θα περνάει ανέμελα τις διακοπές του και παράλληλα το blog του θα είναι ενεργό!



Είναι πολύ εύκολο και απλό να προγραμματίσει κάποιος μια ανάρτηση να δημοσιευτεί στο μέλλον.

Απλά τη στιγμή που γράφει την ανάρτηση, που θέλει να την δημοσίευσει στο μέλλον, πάει και βάζει την ημερομηνία και την ώρα που θέλει να δημοσιευτεί. Και αφού βάλει την μέρα και ώρα που θέλει, πατάει Δημοσίευση Ανάρτησης, κι αυτή θα προγραμματιστεί αυτόματα.



Δείτε και το παρακάτω screenshot για να βοηθηθείτε.




Στο παραπάνω screenshot, η ανάρτηση έχει προγραμματιστεί να δημοσιευτεί το 2014.



Όπως καταλαβαίνετε, με αυτη την λογική, οι στατικές σελίδες του blogger μας είναι τελείως ΆΧΡΗΣΤΕΣ!

Εγώ ποτέ δεν έχω καταλάβει που μας είναι χρήσιμες οι στατικές σελίδες, που μάλιστα είναι εως 10.

Ποιο είναι το νόημα των στατικών σελιδών?

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



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



Αυτά είχα να σας πω και σήμερα. Αυτη η ανάρτηση θα είναι χρήσιμη σε νέους bloggers που ακόμα δεν ξέρουν βασικές λειτουργίες του blogger.



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


Copyrights: http://bloggertips.gr/




Automatic Read More Function in Blogger Posts – Αυτόματο “Διαβάστε περισσότερα…” (UPDATE 2011)



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Γεια σας.



Το πιο σημαντικό και διαχρονικό blogger trick είναι ο διαχωρισμός των αναρτήσεων με τη λειτουργία του “Read More”.Δηλαδή στην αρχική σελίδα να μην φαίνεται όλη η ανάρτηση αλλά ένα μέρος της και για να εμφανιστεί το υπόλοιπο θα πρέπει ο ενδιαφερόμενος να πατήσει το Read more.

Όποιος θέλει να δει πως θα βάλει το απλό read more στο blog του ας κοιτάξει στο http://johnpatrablog.blogspot.com/2009/07/read-more-blog.html.

Σήμερα θα μιλήσουμε για ένα άλλο θέμα.

Παρακάτω θα βρείτε την απάντηση στην ερώτηση:

“Πώς θα κόβονται οι αναρτήσεις μου αυτόματα?”

Ναι υπάρχει κι αυτή η δυνατότητα.

Προσφέρει 2 πλεονεκτήματα και ένα μειονέκτημα.

Πλεονεκτήματα:

1)Δεν χρειάζεται να κόβεις τις αναρτήσεις σου “χειρονακτικά” αλλά κόβονται αυτόματα.(δηλαδή τα <span class=”fullpost”>

</span> είναι άχρηστα’δεν θα τα βάζετε εσείς αλλά προστίθονται αυτόματα)

2)Ρυθμίζεις στους πόσους χαρακτήρες θέλεις να κόβονται κι έτσι όλες οι αναρτήσεις σου είναι ομοιόμορφες.(όπως σε μένα)

Μειονεκτήματα:

1)Στο απλό read more καθορίζεις ο ίδιος μέχρι πιο σημείο θα είναι στην αρχική σελίδα η αναρτηση σου.Στο αυτόματο καθορίζεται αυτόματα.



Πάμε τώρα να δούμε πως θα το βάλετε αυτό.



Κάνουμε log in στον blogger account μας,πάμε διάταξη και μετά επεξεργασία html.

Πατάμε “Επέκταση προτύπων γραφικών στοιχείων”

Με τη βοήθεια του ctrl+F βρίσκουμε το



</head>



Αμέσως από πάνω του βάζουμε τον παρακάτω κώδικα:


<script type=’text/javascript’>var thumbnail_mode = “no-float” ;

summary_noimg = 430;

summary_img = 340;

img_thumb_height = 100;

img_thumb_width = 120;

</script>

<script type=’text/javascript’>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf(“<“)!=-1)

{

var s = strx.split(“<“);

for(var i=0;i<s.length;i++){

if(s[i].indexOf(“>”)!=-1){

s[i] = s[i].substring(s[i].indexOf(“>”)+1,s[i].length);

}

}

strx = s.join(“”);

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=’ ‘ && strx.indexOf(‘ ‘,chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+’…’;

}



function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = “”;

var img = div.getElementsByTagName(“img”);

var summ = summary_noimg;

if(img.length>=1) {

imgtag = ‘<span style=”float:left; padding:0px 10px 5px 0px;”><img src=”‘+img[0].src+'” width=”‘+img_thumb_width+’px” height=”‘+img_thumb_height+’px”/></span>’;

summ = summary_img;

}



var summary = imgtag + ‘<div>’ + removeHtmlTag(div.innerHTML,summ) + ‘</div>’;

div.innerHTML = summary;

}





//]]>

</script>



Εδώ όπως θα δείτε, μπορούμε (και πρέπει ίσως ) να χρησιμοποιήσουμε ‘μεταβλητές’ παραμέτρους στον παραπάνω κώδικα. Εδώ σας εξηγώ ποιές και τι κάνει η κάθε μία:



var thumbnail_mode = “float” ; — Με αυτήν την μεταβλητή, αποφασίζετε εάν το εικονίδιο που θα εμφανίζεται στην ανάρτησή σας, θα κάνει “float” αριστερά (float), ή θα εμφανίζεται απλά ‘άτακτα΄ στην ανάρτηση (οπότε αλάξτε το και κάντε το: no-float).

summary_noimg = 250; — Προσδιορίζει πόσοι χαρακτήρες θα εμφανίζονται σε μια ανάρτηση, η οποία δεν έχει εικόνα (no images/thumbnail) Στην περίπτωσή μας, είναι 250.

summary_img = 250; — Προσδιορίζει πόσοι χαρακτήρες θα εμφανίζονται σε μια ανάρτηση, η οποία έχει εικόνα (with images/thumbnail) Στην περίπτωσή μας, είναι 250 και πάλι.

img_thumb_height = 120; — Εικονίδια (Thumbnails) Ύψος (height) σε pixels.

img_thumb_width = 120; — Εικονίδια (Thumbnails) Πλάτος (with) σε pixels.



Ακόμα δε τελειωσαμε.



Βρείτε τον παρακάτω κωδικό:




<data:post.body/>





Αντικαταστήστε τον παραπάνω κωδικό με τον κάτω:


<b:if cond=’data:blog.pageType != “item”‘>

<div expr:id='”summary-” + data:post.id’><data:post.body/></div>

<script type=’text/javascript’>createSummaryAndThumb(“summary-<data:post.id/>”);</script>

<a class=’readmore’ expr:href=’data:post.url’>Read more »</a>

</b:if>

<b:if cond=’data:blog.pageType == “item”‘><data:post.body/></b:if>



Το “Read more »” μπορείτε να το αλλάξετε με κείμενο της αρεσκείας σας.





Βρείτε τώρα το </b:skin> και πριν από αυτό επικολλήστε το παρακάτω:


a.readmore {

/* CSS properties go here */

}



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


Πηγές: Κωδικοί και μέρος της ανάρτησης από http://nikos63.blogspot.com/
Copyrights: http://bloggertips.gr/




BACKGROUND ΧΡΩΜΑ ΣΕ ΤΙΤΛΟ ΑΝΑΡΤΗΣΗΣ ΚΑΙ ΠΕΡΙΕΧΟΜΕΝΟ ΑΝΑΡΤΗΣΗΣ



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Σήμερα θα δείτε πως μπορεί να αλλάξει το background χρώμα σε έναν τίτλο μιας ανάρτησης ή και στο περιεχόμενο της ανάρτησης. Δεν αλλάζουμε γενικώς τα χρώματα! Αυτά αλλάζουν μόνο από Σχεδίαση>Σχεδιαστή προτύπων>Προηγμένη. Εμείς απλά αλλάζουμε αλλιώς τα χρώματα σε μια μόνο ανάρτηση. Ο κωδικός είναι ίδιος και για τις δυο περιπτώσεις (τον τίτλο & το περιεχόμενο).



Όταν γράφετε λοιπόν μια ανάρτηση και θέλετε να αλλάξετε το background χρώμα στον τίτλο της, βάζετε το παρακάτω κωδικό:



Αντίστοιχα βάζετε τον παρακάτω κωδικό και αν θέλετε να αλλάξετε το περιεχόμενο της ανάρτηση (τον κωδικό τον επικολλάμε, ενώ βρισκόμαστε στην καρτέλα “Σύνθεση” και όχι “Επεξεργασία html”!):


<div style=”background:#000000; padding:5px 8px 5px 8px;”>ΕΔΩ_Ο_ΤΙΤΛΟΣ_ΤΗΣ_ΑΝΑΡΤΗΣΗΣ_ΣΑΣ_ή_ΤΟ_ΠΕΡΙΕΧΟΜΕΝΟ_ΤΗΣ</div>



ΕΔΩ_Ο_ΤΙΤΛΟΣ_ΤΗΣ_ΑΝΑΡΤΗΣΗΣ_ΣΑΣ_ή_ΤΟ_ΠΕΡΙΕΧΟΜΕΝΟ_ΤΗΣ ==> εδώ γράφετε ή τον τίτλο της ανάρτησής σας ή το περιεχόμενό της



background:#000000; ==> αυτό αντιπροσωπεύει το background χρώμα. Τους html κωδικούς των χρωμάτων μπορείτε να τα βρείτε από το /2009/08/html-color-codes-and-names.html





Είναι πολύ εύκολο όπως βλέπετε.


TIP:



Αν θέλετε να αλλάζετε τα χρώματα σε κάθε ανάρτησή σας, τότε μπορείτε να αποθηκεύσετε τον παραπάνω κωδικό σε κάθε ανάρτησή σας και να τον έχετε έτοιμο. Αυτό το κάνουμε από Ρυθμίσεις>Διαμόρφωση>Πρότυπο Ανάρτησης>Επικόλληση κώδικα και Αποθήκευση Ρυθμίσεων!

Και τώρα θα έχετε έτοιμο τον κώδικα κάθε φορά που θα γράφετε μια νέα ανάρτηση. Απλά θα αλλάζετε τα χρώματα.



Ελπίζω να σας φάνηκα χρήσιμος!



Πηγές κωδικών: http://gubhugreyot.blogdetik.com/, http://bloggershappiness.blogspot.com/

Copyrights: http://bloggertips.gr/




RECENT POSTS WIDGET FOR BLOGGER ΜΕ ΑΥΤΟΜΑΤΟ ΚΥΛΙΟΜΕΝΟ ΚΕΙΜΕΝΟ



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Ένα πανέμορφο και πολύ πρακτικό λειτουργικό widget για το blog σας!

Εμφανίζει σε μορφή κυλιόμενου κειμένου τις τελευταίες αναρτήσεις σας.

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



Πάμε Σχεδίαση και πατάμε Προσθήκη Gadget επιλέγουμε το HTML/JavaScript και επικολλούμε εκεί το παρακάτω κείμενο:


<script style=”” src=”http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/recentpostsscrollerv2.js”> </script><script style=””> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection=”left”; var sOpenLinkLocation=”N”; var sBulletChar=”»»”; </script> <script style=”” src=”http://yourblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2″> </script>



Εκεί που λέει http://yourblog.blogspot.com/ βάζουμε τη διεύθυνση του δικού μας blog

Εκεί που λέει var nScrollDelay = 175, όσο μικρότερος είναι ο αριθμός (175), τόσο μεγαλύτερη είναι η ταχύτητα κύλησης του κειμένου





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



Ευχαριστώ τον http://rep-srpska.blogspot.com/ που μου έστειλε την παραπάνω ανάρτηση στο mail μου.





Κωδικοί από: http://bloggerstop.net/

Copyrights: http://bloggertips.gr/




ΠΡΟΣΦΑΤΕΣ ΑΝΑΡΤΗΣΕΙΣ ΜΕ ΕΙΚΟΝΙΔΙΟ



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Νέοι bloggers γειά σας !Να ένα όμορφο gadget που δείχνει τις 10-15 πρόσφατες αναρτήσεις σας με autorolling και εικονίδιο ! Ο τρόπος που βάζουμε το κώδικα είναι γνωστός, και σας τον ξαναθυμίζω:



BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :




Χρώμα πίσω από την ανάρτηση και τον τίτλο της



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Νέοι bloggers γειά σας !..Αν βαρεθήκατε την ασπρίλα και την μονοτονία του ίδιου χρώματος σε όλες τις αναρτήσεις σας, τότε ήρθε η ώρα να τα βάψετε και τα δύο…βάλτε αυτόν τον κώδικα που σας δίνω, ΚΑΙ στην αρχή της ανάρτησης, ΚΑΙ στην αρχή του κώδικα της ανάρτησης:



<div style=”background:#0B0B61; padding:5px 8px 5px 8px;”> ΤΙΤΛΟΣ Η ΑΝΑΡΤΗΣΗ </div>



αυτό ηταν…πατάτε ΑΠΟΘΗΚΕΥΣΗ, η ΠΡΟΕΣΚΟΠΗΣΗ για να δειτε πως φαίνεται…εννοείται οτι βρίσκετε το κατάλληλο χρώμα ΕΔΩ …και αντικαθιστάτε το #0B0B61




ΔΙΑΓΡΑΨΤΕ ΤΑ BLOGGER LINKS ΣΤΟ ΤΕΛΟΣ ΤΩΝ ΑΝΑΡΤΗΣΕΩΝ ΣΑΣ – Remove Older Post and Posts (Atom) Links



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Αν σας την σπάνε αυτά τα λινκς διαγράψτε τα!



Σύνδεση στον blogger account μας

Σχεδίαση

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

Με ctrl+F βρείτε τους παρακάτω μαύρους κωδικούς και προσθέστε τους κόκκινους κωδικούς:



Για το Νεότερη – Αρχική – Παλαιότερη:

#blog-pager-newer-link {

display: none;

}



#blog-pager-older-link {

display: none;

}



#blog-pager {

display: none;

}



Για το Εγγραφή σε: Αναρτήσεις(Atom):



.feed-links {

display: none;

}



Αν σου άρεσε αυτό το hack, δημοσίευσέ το στο Facebook!

Σε ευχαριστώ για την υποστήριξή σου!




FLAGS TRANSLATOR WIDGET (έγινε update στον κώδικα!)



Print Friendly and PDFPrintPrint Friendly and PDFPDF




Πρόκειται για ένα widget που μεταφράζει τη σελίδα σας σε άλλες γλώσσες.Η μόνη διαφορά του από αυτήν την ανάρτηση εδώ είναι ότι σου έχει σημαίες (βλ.εικόνα) και ο επισκέπτης πατάει τη σημαία της γλώσσας που θέλει να μεταφραστεί το blog.

Το βάζουμε σαν απλό,κανονικό widget.Διάταξη>Προσθήκη gadget>HTML/JavaScript.O κωδικός είναι ο εξής:




<style>



.google_translate img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

border:0;

}

.google_translate:hover img {

filter:alpha(opacity=30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

.google_translatextra:hover img {

filter:alpha(opacity=0.30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

</style>



<div>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cen&hl=en’); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cfr&hl=en’); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBrDZLrI/AAAAAAAAAC0/Kc6eDMT9LFI/s200/France.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cde&hl=en’); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YVBzoFF2I/AAAAAAAAAC8/WgvMK3zP1Rk/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Ces&hl=en’); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YVCdHp5VI/AAAAAAAAADE/lWHzr5znExU/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cit&hl=en’); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVCskNubI/AAAAAAAAADM/ChdHC6vYT4s/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cnl&hl=en’); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWRkFo9UI/AAAAAAAAADU/4AzKfc6Oyxg/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cru&hl=en’); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YWR-jg9pI/AAAAAAAAADc/vYZrPOzazHU/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cpt&hl=en’); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSGHcxOI/AAAAAAAAADk/ElHZBjDCZn8/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cja&hl=en’); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSR2_wYI/AAAAAAAAADs/GtKdPLKUluE/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cko&hl=en’); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://2.bp.blogspot.com/_5jbh95HruKA/S1YWSrlfMyI/AAAAAAAAAD0/_MACsRIW8wg/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Car&hl=en’); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWq7SrDkI/AAAAAAAAAD8/ZE8A1isEZrw/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Czh-CN&hl=en’); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWrMQAw9I/AAAAAAAAAEE/r-DEVtWXp50/s200/China.png" style="cursor: pointer;margin-right:8px" width="24" /></a> </div>

<div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>



<br />





Απολαύστε το νέο σας widget!