Φωτό μόνιμα στο προσκήνιο

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

Πάμε λοιπόν να σας δείξω πως γίνεται.
Κατ' αρχήν θα πρέπει να αποφασίσετε ποια φωτογραφία θα βάλετε, και στη συνέχεια να την ανεβάσετε σε κάποιο image hοsting site, για να βρείτε το Url της.
Θα πρέπει επίσης να προσέξετε τις διαστάσεις της εικόνας. Να μην είναι δηλαδή πολύ μεγάλη, και σας κρύβει τις αναρτήσεις. Συνήθως διαστάσεις που "παίζουν" γύρω στο 160 x 160, είναι ότι χρειαζόμαστε.
Αν η φωτογραφία που επιθυμείτε να βάλετε είναι μεγαλύτερη, πριν την ανεβάσετε θα πρέπει πρώτα να την μικρύνετε.
Όταν γίνουν λοιπόν όλα τα παραπάνω, πάμε στον Πίνακα Ελέγχου (πρώην Πανόπτη) --> Διάταξη --> Προσθήκη gadget --> HTML/JavaScript, και προσθέτουμε τον παρακάτω κωδικό

<a style="display:scroll;position:fixed;top:5px;right:5px;" href="Link_To_An_Image" title="Image Name"><img src="http://Image_Url"/></a>

Τώρα κάνουμε τις αλλαγές μας.
Εκεί που γράφει href="Link_To_An_Image" με το πράσινο χρώμα, βάζουμε το link που οδηγεί η εικόνα, αν κάνει κάποιος πάνω της κλικ.
Στο title="Image Name", με το μπλέ χρώμα, βάζουμε έναν τίτλο της εικόνας.
Στο src="http://Image_Url", με το κόκκινο χρώμα, βάζουμε το direct link της εικόνας που πήραμε από το site στο οποίο την ανεβάσαμε.
Τέλος αυτό με το μοβ χρώμα, top:5px;right:5px;, μπορούμε να του ορίσουμε που ακριβώς, και σε ποιο ύψος θα μπει η εικόνα μας. Αν την θέλετε αριστερά, αλλάζουμε το right και γράφουμε left. Αν το θέλουμε ποιο κάτω, μεγαλώνουμε την τιμή του top, ενώ αν θέλουμε να έρθει ποιο κεντρικά μεγαλώνουμε την τιμή του right ή του left, ανάλογα την επιλογή που έχουμε κάνει.
Τέλος να σας πω ότι το συγκεκριμένο widget μπορούμε να το βάλουμε όσες φορές θέλουμε, αλλάζοντας βέβαια την θέση που θα μπαίνει κάθε φορά, έτσι ώστε να έχουμε ένα πολύ ωραίο και ομοιόμορφο αποτέλεσμα.
Αυτό ήταν. Μην σας τρομάζουν τα πολλά λόγια που σας έγραψα. Στην πραγματικότητα είναι πολύ εύκολο.
Αν χρειαστήτε κάποια διευκρίνηση, μην διστάσετε να επικοινωνήσετε μαζί μου πατώντας εδώ.
Γράψτε μου αν θέλετε και κάποιο σχόλιο, θα χαρώ πολύ.

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

Γεια σας φίλοι και φίλες. Είμαι ο ekabitis και εύχομαι σε όλους-ες Χρόνια Πολλά.

Σίγουρα έχετε παρατηρήσει, ότι σε blogs όπου οι διαχειριστές ανεβάζουν πολλές αναρτήσεις καθημερινά, η ημερομηνία πάνω από τις αναρτήσεις φαίνετε ΜΟΝΟ στην πρώτη ανάρτηση, ενώ σε όλες τις υπόλοιπες όχι. Οι αναγνώστες, δυσκολεύονται να βρούνε το πότε "ανέβηκε" μια ανάρτηση, ειδικά όταν δεν έχει ξεκινήσει την ανάγνωση του blog από την αρχή, αλλά οδηγήθηκε εκεί μέσω ενός link.
Πως μπορούμε να το διορθώσουμε αυτό;
Διαβάστε την συνέχεια της ανάρτησης. Είναι πολύ εύκολο, και γίνεται μέσα από την επεξεργασία του HTML κωδικού μας.
Πάνε στον Πανόπτη μας, Διάταξη --> Επεξεργασία Html, και αφού πάρουμε ένα backup του template μας για να είμαστε σίγουροι, (σας συνιστώ να το κάνετε πάντα, πριν από οποιαδήποτε αλλαγή του HTML κωδικού μας, όσο εύκολο κι αν είναι),τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων και ψάχνουμε με το γνωστό Ctrl+F, να βρούμε τον παρακάτω κώδικα.

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

και τον αντικαθιστούμε με αυτόν

<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

Πατάμε αποθήκευση και ...αυτό ήταν όλο κι όλο.
Με ανανέωση της σελίδας σας, θα δείτε ότι πάνω από ΟΛΕΣ τις αναρτήσεις υπάρχει η ημερομηνία που ανέβηκε η κάθε μας ανάρτηση.

Μαντέψτε τον Αριθμό. (Game for your blog)

Καλησπέρα και καλό Πάσχα σε όλους σας...Είμαι ο magakos από το Freeware-tools.net και το Freeware-tools.com .Θα θέλατε να περάσετε ένα μικρό παιχνιδάκι στο blog σας για να σπάει την μονοτονία?
Σας προτείνω το "Μαντέψτε τον Αριθμό".
Πρόκειται για ένα απλό παιχνιδάκι μεταγλωττισμένο από εμένα στα Ελληνικά όπου κάθε φορά προσπαθείτε να μαντέψετε έναν τυχαίο αριθμό με όσο το δυνατόν λιγότερες προσπάθειες...
Σε κάθε λάθος απάντηση που δίνετε το παιχνίδι σας βοηθάει να βρείτε τον αριθμό λέγοντας σας αν είναι μεγαλύτερος ή μικρότερος από αυτόν που δίνετε...Για να τo περάσετε κάνετε τα εξής
1) Σύνδεση στον λογαριασμό σας από το blogger.com
2) Διάταξη/Στοιχεία σελίδας/Προσθήκη gadget/HTML/Javascript
3) Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:

<script language="JavaScript">
<!-- ;

var guessme=Math.round(Math.random()*(99)+1);
var speech='Μάντεψε τον αριθμό(Από 1 ως 100)';

function process(mystery) {
var guess=document.forms.guessquiz.guess.value;
var speech='"'+guess+ '" does not make sense to me.';
document.forms.guessquiz.guess.value='';

if (guess==mystery)
{
document.forms.guessquiz.prompt.value='Σωστά...Ήταν όντως το '+mystery+'!!!';
alert ('Συγχαρητήρια!!! - Ο αριθμός που ψάχνατε ήταν ο '+mystery+'! \n\nΠατήστε το "ΟΚ" για να παίξετε ξανά.');
speech='';
document.location=document.location;
}

if (mystery<guess)
{
speech='Μικρότερο από '+ guess;
}

if (mystery>guess)
{
speech='Μεγαλύτερο από '+ guess;
}

if (guess=='')
{
speech='Γράψτε πρώτα έναν αριθμό...'
}

document.forms.guessquiz.prompt.value=speech; document.forms.guessquiz.guess.focus();

}

// end hide -->
</script>

<form name="guessquiz" onsubmit="">
<center>
<table border="3" cellpadding="5" bgcolor="#888888" align="CENTER">
<tr>
<td bgcolor="#004080">
<font face="Arial" color="#ffffff"><b>Μαντεψε τον αριθμο (1 - 100)</b></font>
</td>
</tr>
<tr>
<td>
<center>
<input maxlength="40" value="Μάντεψε τον αριθμό(Από 1 ως 100)" name="prompt" size="31" type="text" /><br />
<input maxlength="3" value="" name="guess" size="3" type="text" />
<input value="Μάντεψε" onclick="process(guessme)" type="button" />
</center>
</td>
</tr>
</table>
</center>
</form>

4. Αποθηκεύστε και είναι έτοιμο...Μπορείτε να ξεκινήσετε το παιχνίδι.