Αναδυόμενο κουτάκι καλωσορίσματος στο blog μας

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

Αν και εγώ προσωπικά το θεωρώ κάπως κουραστικό για τον αναγνώστη, παρόλα αυτά αρέσει σε πολλούς. Θα σας δείξω πως μπορείτε να το βάλετε. Είναι πάρα πολύ απλό, και μπαίνει όπως ένα απλό widget.
Συνδεόμαστε λοιπόν με τον λογαριασμό μας στον blogger, και από την Σχεδίαση --> Προσθήκη gadget --> HTML/JavaScript
κάνουμε επικόληση τον παρακάτω κωδικό.

Πως να σβήσετε τον αριθμό, δίπλα από τις Ετικέτες

Θα έχετε παρατηρήσει, όσοι από εσάς χρησιμοποιείτε Ετικέτες στα blog σας, ότι στην sidebar που βρίσκεται το συγκεκριμένο widget, δίπλα από κάθε Ετικέτα αναγράφεται ο αριθμός των αναρτήσεων που έχουν γίνει με την συγκεκριμένη Ετικέτα.
Κάποιους τους ενοχλεί αυτό, ήτε εμφανισιακά, ήτε διότι δεν θέλουν να φαίνεται ο όγκος των αναρτήσεων της κάθε Ετικέτας.
Αυτό μπορούμε να το διορθώσουμε με μικρή παρέμβαση στον κωδικό Html του blog μας.
Πάμε να δούμε πως γίνεται.
Κάνουμε σύνδεση με το λογαριασμό μας και ακολουθούμε τα βήματα Σχεδίαση --> Επεξεργασία HTML.
Τσεκάρουμε το κουτάκι Επέκταση προτύπων γραφικών στοιχείων, και ...

New - Home - Old, buttons

Ή αλλιώς
Νεότερες αναρτήσεις - Αρχική σελίδα - Παλαιότερες αναρτήσεις με εικονίδια.

Μετά από σχετική ερώτηση του Νίκου, θα δείξω σήμερα πως μπορούμε να αντικαταστήσουμε το "Νεότερες αναρτήσεις - Αρχική σελίδα - Παλαιότερες αναρτήσεις" με εικονίδια της επιλογής μας. Είναι σχετικά εύκολο.
Δώστε λοιπόν λίγη προσοχή.
Κατ' αρχήν πρέπει να βρούμε τα εικονίδια που θα χρησιμοποιήσουμε. Αυτά μπορούν να είναι βελάκια, σπιτάκι ή οτιδήποτε άλλο θέλετε, αρκεί φυσικά να είναι στις σωστές διαστάσεις.
Αφού λοιπόν τα επιλέξουμε, θα πρέπει να τα ανεβάσουμε σε κάποιο σχετικό site, για να πάρουμε την διεύθυνσή τους.
Μερικά τέτοια sites είναι τα ακόλουθα.

http://tinypic.com/
http://www.imageshack.us/
http://www.freeimagehosting.net/
http://imagerous.com/
http://www.postimg.com/
http://wimg.co.uk/

Αφού λοιπόν έχουμε ανεβάσει τα εικονίδια και έχουμε πάρει και αποθηκεύσει τις διευθύνσεις τους (direct links), σε ένα σημειωματάριο, συνδεόμαστε με τον Blogger, και στην Σχεδίαση --> Επεξεργασία HTML, τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων.
Σε αυτό το σημείο θα πρέπει να πάρετε απαραίτητα ένα back up του προτύπου σας από το "Λήψη πλήρες προτύπου", για παν ενδεχόμενο. Συστήνω να γίνεται πάντα, όταν επεξεργαζόμαστε τον κωδικό του blog μας.

Εικόνες χωρίς περιθώρια

Θα έχετε παρατηρήσει στις διάφορες εικόνες που ανεβάζετε στα blogs σας, το πλαίσιο που τις περικλύει.
Δείτε την εικόνα.

Σε κάποιους αρέσει αυτό, σε κάπιους άλλους όμως όχι.

Είναι πολύ εύκολο -αν θέλουμε- να το "βγάλουμε".
Αν κάποιος λοιπόν δεν το θέλει, και προτιμάει τις εικόνες του χωρίς περιθώρια, ας ακολουθήσει τις παρακάτω οδηγίες.
Συνδεόμαστε με τον λογαριασμό μας, και από τον Πίνακα ελέγχου επιλέγουμε Σχεδίαση --> Επεξεργασία HTML, και αφού πάρουμε ένα backup, με το Ctrl+F ψάχνουμε να βρούμε τον παρακάτω κωδικό

Πως βάζουμε Scrolling texts στο blog μας

Αρκετοί bloggers μέχρι σήμερα, μου έστειλαν μηνύματα, που με ρωτούσαν πως να βάλουν scrolling texts στα blogs τους. Κάτι σαν αυτό που έχω στο άλλο μου blog.

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

Θα πρέπει σ' αυτό το σημείο να σας τονίσω ότι πολύ μεγάλα κείμενα, ή υψηλή ταχύτητα κίνησής τους, κουράζουν αφάνταστα τους αναγνώστες, με αποτελέσματα εντελώς αντίθετα από αυτά που θέλουμε. Γι αυτό θα πρέπει να τα χρησιμοποιείται με σύνεση και απλότητα.

Σήμερα θα σας δείξω πως γίνεται αυτό.
Πάμε λοιπόν να τα δούμε ένα ένα.

Πως να φτιάξετε ένα Drop Down Menu

Ένα εύχρηστο και απλό wigdet για τους αναγνώστες του blog σας, είναι το Drop Down Menu.
Κάτι ανάλογο δηλαδή με αυτό.

Ekabiti's Tips&TricksΤο άλλο μου blogHex color codeΠοιος είμαιΑπόκρυψη της Navbar

Είναι πολύ εύκολο στην δημιουργία του, και τοποθετώντας το, δίνετε σημαντικές πληροφορίες στους αναγνώστες σας, εξοικονομώντας ταυτόχρονα πολύτιμο χώρο στην sidebar.

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

Πως κάνουμε απόκρυψη της Navbar

Κ

ατά καιρούς, πολλοί bloggers έχουν ασχοληθεί με τη navbar.Την menu bar του blogger δηλαδή, που βρίσκεται στο ανώτερο σημείο της σελίδας των blogs.

Αρκετοί την έχουν βγάλει τελείως για να φαίνεται το blog πιο όμορφο και πιο επαγγελματικό, ή έχουν βάλει κάποια άλλη από αυτές που κυκλοφορούν στο διαδίκτυο.
Αναλογιστήκατε όμως κατά πόσο είναι νόμιμο αυτό, και κατά πόσο παραβιάζονται οι κανόνες και οι όροι του Blogger;
Δεν νομίζω.
Ίσως κάποιοι, κάποτε βρεθούν στη δυσάρεστη θέση να αντιμετωπίσουν προβλήματα από την Google, χωρίς να ξέρουν το γιατί.
Βέβαια, απ' ότι ξέρω, μέχρι τώρα δεν έχει ακουστεί κάτι τέτοιο, για τον συγκεκριμένο λόγο, αλλά ποτέ δεν ξέρεις.

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

Στην περίπτωσή μας, η navbar, θα εμφανίζεται μόνο όταν περνάει ο δείκτης του ποντικιού από πάνω της. Σε κάθε άλλη περίπτωση, θα ...

Πως να προσθέσετε μία εικόνα δίπλα από το τίτλο κάθε ανάρτησης

Ένα όμορφο και εμφανίσιμο trick θα σας δείξω σήμερα.
Είναι η προσθήκη μιας εικόνας ή μιας φωτογραφίας εάν θέλετε, δίπλα από τον τίτλο κάθε ανάρτησης στο blog σας. Σπάει την μονοτονία του "ξερού" κειμένου, και προσθέτει μια όμορφη πινελιά στην εμφάνιση του blog σας.
Είναι πάρα πολύ εύκολο. Δείτε πως γίνεται.

Κατ' αρχήν πρέπει να βρούμε την εικόνα που θέλουμε να βάλουμε.

Βρήτε κάποια που να εκφράζει το blog σας ή την προσωπικότητά σας. Μπορείτε να βάλετε ακόμα και την φωτογραφία σας.
Θεωρώ περιττό να σας πω, ότι η εικόνα πρέπει να έχει πολύ μικρές διαστάσεις, για να χωράει δίπλα από τον τίτλο και να δείχνει ομοιόμορφο. Ιδανικές διαστάσεις είναι από 32χ32 μέχρι το πολύ 50χ50.

Αφού λοιπόν φτιάξουμε την εικόνα μας, θα πρέπει να την ανεβάσουμε σε κάποιο site που φιλοξενεί εικόνες, για να πάρουμε την διεύθυνσή της.
Ενδεικτικά να σας πω κάποια τέτοια sites. .........

Κείμενο που ακολουθεί το βελάκι του ποντικιού

Είναι πάρα πολλοί bloggers, που με ρωτάνε πως γίνεται να βάλουν ένα κειμενάκι που να ακολουθεί το δείκτη του ποντικιού. Κάτι ανάλογο δηλαδή με αυτό που βλέπουν που έχω κάνει στο άλλο μου blog.
Το συγκεκριμένο κόλπο το είχα δει στο φιλικό blog του Johnpatra, και σκέφτηκα να το αναδημοσιεύσω προς εξυπηρέτηση των αναγνωστών.
Αν θέλετε να έχετε λοιπόν και εσείς ένα ξεχωριστό blog που να διαφέρει από τα υπόλοιπα, με κείμενο που θα ακολουθεί το βελάκι του ποντικιού των επισκεπτών σας όταν αυτοί είναι μέσα στο blog σας, ακολουθήστε τα παρακάτω βήματα:

1. Συνδεθείτε στον λογαριασμό σας

2. Πανόπτης --> Σχεδίαση --> Προσθήκη gadget --> HTML/JavaScript

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

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

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

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

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

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


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

Πως να βάλετε την Apture Toolbar στο Blog σας

Το Apture Site Bar είναι μια νέα όμορφη toolbar για sites και blogs.
Οι συντάκτες του Apture το ονομάζουν γραμμή εργαλείων, αλλά πιστεύω ότι είναι κάτι περισσότερο!
Κι αυτό διότι μένει πάντα στο προσκήνιο, και περιλαμβάνει συνδέσμους για τους πιο δημοφιλείς ιστούς κοινωνικής δικτύωσης, όπως το Facebook και το Twitter. Περιλαμβάνει επίσης e-mail button, για να στέλνουμε άμεσα τα mail μας χωρίς καθυστέρηση. Τέλος έχει και ένα δυναμικό πλαίσιο αναζήτησης, για οτιδήποτε θέλουμε να βρούμε στο διαδίκτυο.
Είναι ένας τρόπος για να δώσουμε στους αναγνώστες περισσότερες πληροφορίες χωρίς να φύγουν από την σελίδα μας. Την toolbar, την προσαρμόζουμε ανάλογα με τα γούστα μας, επιλέγοντας το χρώμα της. Έχουμε επίσης την δυνατότητα να της βάλουμε το λογότυπό μας.

Πώς να το προσθέσετε στο ιστολόγιό σας.

Ο τρόπος εγγατάστασης είναι πολύ εύκολος.
Επισκεπτόμαστε την σελίδα www.apture.com,
και κάντε κλικ στο κουμπί Design a bar now
και στην επόμενη σελίδα, συμπληρώστε τα παρακάτω στοιχεία.

Αριθμημένες σελίδες αναρτήσεων No 2

Τ

ον προηγούμενο μήνα, σας είχα δείξει ένα ωραίο widget, που αντικαθιστούσε τα

"νεότερες αναρτήσεις", "Αρχική σελίδα" και "παλαιότερες αναρτήσεις",

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

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

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;

}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>



<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=15;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}

</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.html">Grab this Widget ~ Blogger Accessories</a></div>

Στο σημείο του κωδικού "var pageCount = 15;", ο κόκκινος αριθμός δηλώνει τον αριθμό των αναρτήσεων που θα εμφανίζονται σε κάθε σελίδα.
Ο κωδικός "var displayPageNum = 3;" με το πράσινο χρώμα, δηλώνει τον αριθμό των σελίδων που θα περιλαμβάνονται στην λίστα, στην αρχική μας σελίδα.

Τους html χρωματικούς κωδικούς με το γαλάζιο χρώμα, μπορείτε να τους αλλάξετε, βάζοντας τα χρώματα που ταιριάζουν περισσότερο στο blog σας. Σε αυτό το σημείο θα πρέπει να πειραματιστείτε μόνοι σας, βρίσκοντας τους δικούς σας αντιπροσωπευτικούς χρωματισμούς.
Για να βοηθηθείτε θα σας δώσω ένα site όπου μπορείτε να βρείτε τους κωδικούς όλων των χρωμάτων. Έτσι θα βρείτε το χρώμα που σας ταιριάζει. Πατήστε εδώ για να μεταφερθείτε αυτόματα.

Αφού έχουμε τελειώσει με τις αλλαγές μας, πατάμε αποθήκευση του widget, αλλά δεν φεύγουμε από την σελίδα. Με drag and drop, παίρνουμε το widget και το τοποθετούμε κάτω από τις αναρτήσεις μας.
Δείτε την φωτό παρακάτω!



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

Αν βρίσκετε χρήσιμες τις αναρτήσεις μου, και θέλετε να σας έρχονται μέσω e-mail, για να ενημερώνεστε άμεσα για κάθε καινούρια ανάρτηση, κάντε ενγραφή στο RssFeed που βρίσκεται στη sidebar του Blog μου!

Βookmarks στο Blog σας

Π

ολλοί bloggers, που διατηρούν ταυτόχρονα με το blog τους, και λογαριασμούς, σε σελίδες κοινωνικής δικτύωσης, όπως το Twitter το Facebook το Digg κ.α., θα ήθελαν να κοινοποιήσουν στο προφίλ τους ή την ομάδα τους, τις νέες αναρτήσεις τους.
Υπάρχουν αρκετοί διαφορετικοί τρόποι, καθώς και διάφορα widgets γι αυτή τη δουλειά. Ένα τέτοιο θα σας δείξω σήμερα. Είναι bookmarks, όπου απεικονίζονται με όμορφα εικονίδια, και μπαίνουν αυτόματα κάτω από κάθε ανάρτηση που βάζετε.
Ρίξτε μια ματιά στην φωτογραφία, ή κοιτάξτε στο τέλος κάθε μου ανάρτησης, για να δείτε πως θα φαίνεται στο blog σας.

Για να το βάλουμε λοιπόν στο blog μας, πάμε στον Πίνακα ελέγχου --> Διάταξη --> Επεξεργασία HTML.
Τσεκάρουμε το τετραγωνάκι που λέει Επέκταση γραφικών στοιχείων. Σε αυτό το σημείο, καλό θα είναι να πάρετε ένα backup του blog σας, για παν ενδεχόμενο.
Με το Ctrl+F ψάχνουμε το

Πώς να κάνετε μια ανάρτηση στο Blog σας μέσω e-mail

Π

ως να κάνετε μια ανάρτηση στο Blog σας μέσω e-mail;,

Σήμερα θα σας δείξω πως γίνεται αυτό, να ενημερώνετε δηλαδή τα blogs σας μέσω τoυ ηλεκτρονικού ταχυδρομείου εύκολα, στέλνοντας απλά ένα e-mail.
Θα μου πείτε γιατί να το κάνετε αυτό, από την στιγμή που έχοντας πρόσβαση στο internet, έχετε και στον blogger!
Υπάρχουν φορές που ο blogger αρνείται να συνεργαστεί, και εμείς θέλουμε να αναρτήσουμε άμεσα κάποια ανάρτηση. Τότε θα μας φανεί εξερετικά χρήσιμο!
Είναι μία βοήθεια που μας παρέχει ο ίδιος ο blogger.
Μπαίνουμε λοιπόν στον Πίνακα Ελέγχου --> Διάταξη και πατάμε το εικονίδιο με το φακελάκι, που βρίσκεται δίπλα από την ονομασία του blog μας.

Πλαίσιο για κείμενο στην ανάρτηση

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

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

Πάμε στον Πανόπτη --> Διάταξη --> Επεξεργασία HTML και αφού πάρουμε (όπως πάντα), ένα backup του template μας, με το Ctrl+F ψάχνουμε να βρούμε το

]]></b:skin>

Ακριβώς από πάνω του τοποθετούμε τον παρακάτω κώδικα ...

Ροές RssFeed

Αν θέλεται να εμφανίζονται οι αναρτήσεις του blog σας, σε μορφή links μέσα σε ένα widget, ακολουθήστε το παρακάτω tip.
Είναι εξαιρετικά εύκολο.
Οι αναρτήσεις σας θα εμφανίζονται μέσω των διαδικτυακών ροών του Blogger, ή πιο απλά μέσω RssFeed.
Το μόνο που έχουμε να κάνουμε, είναι να
πάμε στον...

Εικόνα μόνιμα στο προσκήνιο του blog μας

Αν έχετε ένα template με μεγάλα περιθώρια δεξιά και αριστερά από την κεντρική στήλη των αναρτήσεων, και θέλετε να το ομορφύνετε λιγάκι, μπορείτε να τοποθετήσετε μια εικόνα η οποία θα είναι μόνιμα στο προσκήνιο, ανεξάρτητα αν εσεις θα ανεβοκατεβαίνετε με το scrol του ποντικιού πάνω - κάτω.
Πως γίνεται αυτό; Με την προσθήκη ενός πολύ απλού widget.
Δείτε την εικόνα.

Πάμε λοιπόν να σας δείξω πως γίνεται. ...

Ημερομηνία σε όλες τις αναρτήσεις

Γεια σας, και Χρόνια Πολλά σε όλους-ες.

Σίγουρα έχετε παρατηρήσει, ότι σε blogs όπου οι διαχειριστές ανεβάζουν πολλές αναρτήσεις καθημερινά, η ημερομηνία πάνω από τις αναρτήσεις φαίνετε ΜΟΝΟ στην πρώτη ανάρτηση, ενώ σε όλες τις υπόλοιπες όχι.

Οι αναγνώστες δυσκολεύονται να βρούνε το πότε "ανέβηκε" μια ανάρτηση, ειδικά όταν δεν έχει ξεκινήσει την ανάγνωση του blog από την αρχή, αλλά οδηγήθηκε εκεί μέσω ενός link.

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

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

Αριθμημένες σελίδες αναρτήσεων

Eχθές έβαλα στο blog μου ένα καλό widget, και είπα να το μοιραστώ μαζί σας για να το βάλει όποιος θέλει. Πρόκειτε για τις αριθμημένες σελίδες που φαίνονται στο τέλος όλων των αναρτήσεων, και αντικαθιστά το "νεότερες αναρτήσεις", "Αρχική σελίδα", "παλαιότερες αναρτήσεις".
Κοιτάξτε την φωτό για να καταλάβετε τι εννοώ.

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