Πώς να τοποθετήσετε το gadget στο σημείο που θέλετε

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

After you 're done with gadgets' addition procedure (see related post here), and your at page elements, if you put your pointer over the box's code you just placed, the single arrow turns into 4 direction arrows, (whenever you come across this pointer it means that object is movable) as shown to the image below

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

Click uppon it and without releasing drag it wherever you want even above or below post section. If you wanna see all the possible possitions you can play when not releashed move your hand up down and around from all the existed boxes. Same way you can move, change place of an old added one.

jQuery Powered Text / Font Resize Widget ΙΙ

Resize Widget uses a similar technique of Increase, Decrease, Reset Font size but displays in T+ , T , T- technique like most of the Wordpress Blogs use.
BACKUP YOUR TEMPLATE BEFORE YOU TRY THIS!

1.Blogger users Login to Dashboard > Layout > Edit HTML. Please Don't check "Expand Widget Templates" it will simplify your codes and will be easier.

2. Add resizeFont to your blog, the following code just before

]]></b:skin>

tag in Blogger Template.


#resizeFont{
text-align:right;
margin-right:10px;
}


Now Add jQuery.
As Always, add the jQuery part before the

</head>



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function(){
$(&#39;input&#39;).click(function(){
var ourText = $(&#39;#content-wrapper&#39;);
var currFontSize = ourText.css(&#39;fontSize&#39;);
var finalNum = parseFloat(currFontSize, 10);
var stringEnding = currFontSize.slice(-2);
if(this.id == &#39;large&#39;) {
finalNum *= 1.1;
}
else if (this.id == &#39;small&#39;){
finalNum /=1.1;
}
else if (this.id == &#39;reset&#39;){
finalNum =13;
}
ourText.animate({fontSize: finalNum + stringEnding},500);
});
});
</script>

4. Final Step, configure the Widget
Save Your Template , Now go to Layout > Add a Gadget > HTML/JavaScript and paste the code below and Save.


<div id='resizeFont'>
<input id='large' type='button' value='A+'/>
<input id='reset' type='button' value='A'/>
<input id='small' type='button' value='A-'/>
</div>

jQuery Powered Text / Font Resize Widget

1. Add jQuery.
You can skip this step if your blog already runs the jQuery Script. If not you can paste this above

</head>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>

. Add The Resize Widget.

    Blogger Users: Add an HTML/JavaScript Widget on your blog and paste the code, save it

<style>
html {
font-size:13px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

.post-body {
font-size:13px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

</style>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
// Reset Font Size
var originalFontSize = $('.post-body').css('font-size');
$(".resetFont").click(function(){
$('.post-body').css('font-size', originalFontSize);
});
// Increase Font Size
$(".increaseFont").click(function(){
var currentFontSize = $('.post-body').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$('.post-body').css('font-size', newFontSize);
return false;
});
// Decrease Font Size
$(".decreaseFont").click(function(){
var currentFontSize = $('.post-body').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$('.post-body').css('font-size', newFontSize);
return false;
});
});
</script>
<div id="sidebar-right2"><div id="sidebar1"><ul>
<li><a href="#" class="increaseFont">Increase</a></li>
<li><a href="#" class="decreaseFont">Decrease</a></li>
<li><a href="#" class="resetFont">Reset</a></li>
</ul>
</div></div>

Widget / Gadget - How to show in main page, how in posts pages & how on a particular page

Πώς να κάνετε τα gadget σας να φαίνονται στις σελίδες που επιθυμείτε. Θα σας πώ ένα πολύ εύκολο τρόπο.

Αν πρόκειται να εγκαταστήσετε ή τροποποιήσετε πρόσθετο με κωδικό απο τρίτους :

1. Αν θέλετε να εμφανίζονται όλα τα πρόσθετα μόνο στην αρχική σας σελίδα
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
θα επικολλήσετε εδώ τον κωδικό του πρόσθετου
</b:if>

μετά απο αυτό πατήστε προσθήκη (αν το βάζετε για πρώτη φορά), αποθήκευση (άν υπέστει τροποποίηση).

2. Αν θέλετε να φαίνονται μόνο στις σελίδες των αναρτήσεων
<b:if cond=’data:blog.pageType == "item"’>
θα επικολλήσετε εδώ τον κωδικό του πρόσθετου
</b:if>

μετά απο αυτό πατήστε προσθήκη (αν το βάζετε για πρώτη φορά), αποθήκευση (άν υπέστει τροποποίηση).


3. Αν θέλετε να φαίνονται κάποια σε συγκεκριμένη/ες σελίδα/ες ανάρτησης
<b:if cond=’data:blog.url == "URL_ΑΝΑΡΤΗΣΗΣ"’>
θα επικολλήσετε εδώ τον κωδικό του πρόσθετου
</b:if>

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

4. Αν θέλετε να φαίνονται κάποια σε συγκεκριμένης ετικέτας αναρτήσεις
<b:if cond=’data:blog.url == "http://ONOMA BLOG.blogspot.com/search/label/ETIKETA"’>
θα επικολλήσετε εδώ τον κωδικό του πρόσθετου
</b:if>

μετά απο αυτό, αλλάξτε την διεύθυνση με την διεύθυνση της ανάρτησής σας, πατήστε προσθήκη (αν το βάζετε για πρώτη φορά), αποθήκευση (άν υπέστει τροποποίηση).
Αν πρόκειται να εγκαταστήσετε ή τροποποιήσετε πρόσθετο του Blogger - Blogspot :

Πηγαίντε σχεδίαση, επεξεργασία html, τσεκάρετε την επέκταση προτύπων γραφικών στοιχείων, πατήστε Ctrl + F, αναζητήστε το πρόσθετο που επιθυμείτε :

1 αν του έχετε δώσει τίτλο με αυτόν και πατήστε enter

2 αν είναι χωρίς τίτλο αναζητήστε το κάνωντας επικόλληση στο πλαίσιο εύρεσης το εξής
<b:includable id
πατάμε enter όσες φορές χρειαστεί για να καταλήξουμε στο επιλεγμένο μας

Όταν το βρείτε ακριβώς μετά απο αυτό το tag <b:includable id=’main’> επικολλούμε το κίτρινο κομμάτι του κωδικού,
και ακριβώς πρίν απο το tag </b:includable> επικολλούμε το κόκκινο κομμάτι του κωδικού !

Έτσι όλες σας οι σελίδες θα φορτώνουν πολύ πιο γρήγορα !

How to Add More Pages, like About, F.A.Q. or more

Πάμε πανόπτη, ανάρτηση,

και επεξεργασία σελίδων,

το παράθυρο που βλέπουμε

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

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

Όπως και αναφέρεται, μπορούμε μέχρι 10 τέτοιες στατικές σελίδες να προσθέσουμε !

Αν θέλετε να την αλλάξετε, τροποποιήσετε, να προσθέσετε ή να αφαιρέσετε σε αυτή, μπορείτε να το κάνετε αναπάσα στιγμή στην επεξεργασία σελίδων, επιλέγοντας αυτήν που θέλετε να τροποποιήσετε, εάν έχετε παραπάνω απο 1 !

How to Add / Import Images within your Post

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

 και μας ανοίγει το εξής παράθυρο

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

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

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

απο μια διεύθυνση url θα βάλετε το direct link της εικόνας που έχει δώσει ο image hoster που την φιλοξενεί (το url είναι η διεύθυνση και η μορφή της πρέπει να είναι τύπου http://

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

Μπορείτε βέβαια ελεύθερα άν έχετε τον embed code ή html code της εικόνας να τον επικολλήσετε στην ανάρτηση μέσω της επεξεργασίας html που θα είναι ένας κωδικός τύπου του παρακάτω :

<a href="http://s934.photobucket.com/albums/ad135/VdellaLeech/?action=view&amp;current=rsz_book.png" target="_blank"><img alt="Photobucket" border="0" src="http://i934.photobucket.com/albums/ad135/VdellaLeech/rsz_book.png" /></a>

Create Sticky Post

Αν θέλετε να φαίνεται μία ανάρτησή σας πάντα πρώτη (η αλλιώς σαν να είναι η τελευταία καταχώρηση), και να μένει "κολλημένη" πάντα στην ίδια θέση, εξού και το sticky,  δεν έχετε παρά να πατήσετε τις επιλογές ανάρτησης που βρίσκονται στο κάτω αριστερό μέρος στην δημιουργία ανάρτησης, να πάτε δεξιά στα στοιχεία της ανάρτησης, να αλλάξετε την ημερομηνία βάζοντας μία αρκετά μακρινή, ας πούμε από 2 χρόνια και έπειτα, δηλαδή αν την κάνατε σήμερα που έχουμε 27 Ιανουαρίου 2011 βάλτε 2013 !

Η "εξαπάτηση" έγινε και η ανάρτησή σας είναι πάντα στο προσκήνιο !
----------------------------------------------
If you want to show a post always on the top (or as the latest one), and be "stucked" always in the same position, thus the "sticky", you have to press the post options on the lower left in the creation post page, go right to the data suspension, change the date by placing one far enough, say 2 years, let's say if we did today January 27, 2011 is imported - change it to 2013!

The "cheating" is done and your post is always in the spotlight!

The hex color code for transparent

Σε ένα κωδικό html που έχουμε αντιγράψει απο κάπου για να το βάλουμε στην δική μας σελίδα (ένα widget / gadget ας πούμε) και θέλουμε να έχουμε το χρώμα διαφανές δεν έχουμε παρά να αλλάξουμε :

α. τον κωδικό του χρώματος που έχουμε αντικαθιστώντας τον με την δίεση # 

β. την λέξη του χρώματος πχ αν γράφει red να πάμε να γράψουμε transparent

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

για Γραμματοσειρά --->font-color="transparent";   ή   font-color="#";

για Φόντο --->background-color="transparent"΄;   ή   background-color="#"; 

Τώρα το που θα τα τοποθετήσετε μέσα στον κωδικό είναι ένα θέμα, βασικά στο style, αλλά αυτό αλλάζει ανάλογα με τον κωδικό - τοποθετήστε το κοντά στο text size ή font size, παίξτε λίγο και πειραματιστείτε !! Μπορεί να χρειαστεί να το κάνετε κανα 2 φορές για να το πετύχετε, αλλά αν μπείτε στο νόημα δεν είναι δύσκολο καθόλου !!

Block / Deactivate Right Click Options for your site

Γνωστή πιά διαδικασία - πάμε πανόπτη - σχεδίαση - στοιχεία σελίδας - προσθήκη gadget -  βασικά - HTML/Javascript - αντιγράψτε τον παρακάτω κωδικό

<script language=javascript>
<!-- http://www.spacegun.co.uk -->
    var message = "Protected";
    function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){     alert(message); return false; }
    if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {     alert(message);     return false; } }
    document.onmousedown = rtclickcheck;
</script>

και επικολλήστε το !

Στο μώβ μέρος γράφετε το κείμενο που θα βλέπουν όταν κάνουν δεξί κλίκ.

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

Falling Effect - Sparkling Coloured Stars

Κάντε αντιγραφή τον παρακάτω κωδικό

επικόλληση και αποθήκευση.

<marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:601px;top:7px;width:auto;height:653px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:720px;top:64px;width:auto;height:232px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:735px;top:50px;width:auto;height:321px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:608px;top:78px;width:auto;height:125px;z-index:1;" scrollamount="6"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:43px;top:62px;width:auto;height:10px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:539px;top:97px;width:auto;height:426px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:791px;top:45px;width:auto;height:178px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:278px;top:104px;width:auto;height:701px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:404px;top:69px;width:auto;height:211px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:331px;top:2px;width:auto;height:293px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:655px;top:89px;width:auto;height:399px;z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:813px;top:11px;width:auto;height:429px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:254px;top:109px;width:auto;height:146px;z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:616px;top:20px;width:auto;height:534px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:652px;top:42px;width:auto;height:410px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:707px;top:96px;width:auto;height:39px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:200px;top:76px;width:auto;height:137px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:309px;top:13px;width:auto;height:338px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:622px;top:107px;width:auto;height:676px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:149px;top:76px;width:auto;height:199px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:506px;top:77px;width:auto;height:344px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee>

Add fonts to Blogger - Blogspot from Google API

Μεταβείτε στην σελίδα  Google Fonts Directory
--------------------------------------------------
Go to page Google Fonts Directory

έχει κατηγορίες γραμματοσειρών, πηγαίντε απο την αρχή και δείτε τις όλες, επιλέγοντας αυτές που θέλετε, πατάτε πάνω στην γραμματοσειρά, σας κατευθύνει σε άλλη σελίδα, όπου έχει 5 καρτέλλες. Πατήστε Download, και click here για να κατέβει, επιλέγετε να αποθηκευτεί κάπου στον c σας, στον σκληρό μας δίσκο.
--------------------------------------------------
there are categories of fonts, start from the beginning and see them all, choosing those you want, you press on the font, you will be guided to another page, which has 5 cards. Go to "Download", then "click here" to download it and select where to store it in your c, in your hard disk.

Το αρχείο θα κατέβει σε μορφή .zip ή .rar - συμπιεσμένο αρχείο - για να το ανοίξετε ακολουθήστε την  διαδικασία αποσυμπίεσης- αν δεν την γνωρίζετε μπορείτε να την δείτε εδώ. Αφού το αποσυμπιέσετε η επέκταση θα είναι .ttf . Mπορείτε να επαναλάβετε για όσες γραμματοσειρές θέλετε !
--------------------------------------------------
The file will be downloaded in a . Zip form or. Rar - archive - to open it, follow the extraction process, if you do not know you can see here. After you unpack the extension will be. Ttf. You can repeat for as many fonts you want!

Για τα παλιά λειτουργικά
κάντε αντιγραφή τα αρχεία .ttf  και πηγαίντε στον σκληρό σας δίσκο, στον φάκελλο Windows, στον υποφάκελλο Fonts και επικολλήστε τα εκεί !
-------------------------------------------------- 
For old operation systems Copy files. ttf and go to your hard disk, in folder "Windows", sub-folder "Fonts" and paste them there !

Για νεότερα λειτουργικά
κλικάρετε 2 γρήγορες φορές το αρχείο να ανοίξει και πάνω δεξιά έχει κουμπί εγκατάστασης πατήστε το και έγινε άμεσα !
--------------------------------------------------
For newer operating systems
Click 2 times on the file to open and up right just click the "install" button and done!

Κάντε refresh, και πηγαίντε να δημιουργήσετε μια ανάρτηση ή να αλλάξετε ρυθμίσεις γραμματοσειράς στον σχεδιασμό της σελίδας σας, και οι νέες γραμματοσειρές βρίσκονται στην θέση τους !!
--------------------------------------------------
Click refresh, and go to create a post or change font settings in the design of your page, and the new fonts are in place!

Add Gadget Without Title ΙΙ

Μετά τον πρώτο τρόπο που μπορείτε να διαβάσετε εδώ,

έχω άλλον ένα τρόπο, που σε μένα δεν λειτουργεί.

Αν όμως σε κάποιους δεν λειτουργεί ο πρώτος, αυτός θα λειτουργήσει σίγουρα και αντίθετα !

Αφαιρέστε τους τόνους απο τα κεφαλαία

Αν έχετε θέλετε τα εξαφανιστούν αυτοί οι εκνευριστικοί τόνοι στα κεφαλαία γράμματα του ιστολογίου σας, ... πατήστε σχεδίαση - ΕΠΕΞΕΡΓΑΣΙΑ HTML, CTRL+F για το παράθυρο αναζήτησης στον browser σας, γράφετε uppercase και πατάτε enter. Βρίσκετε όλες τις φορές που υπάρχει η λέξη αυτή στον κώδικα και αντικαταθιστάτε με το normal και αποθηκεύετε !

Change the Display Language on Blogger

Αυτό αφορά καθαρά πώς θα φαίνεται σε αυτούς που το διαβάζουν.

Πάμε  Πανόπτη, στην καρτέλλα ρυθμίσεις, στην καρτέλλα Διαμόρφωση και επιλέξτε την δική σας !

Change the Managment's Language on Blogger

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

Απλά κάντε  κλίκ εδώ και θα κατευθυνθείτε ακριβώς εκεί !!

Import Your Web Page Bookmark For Your Site

Εισάγετε Σελιδοδείκτη στην σελίδα σας

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

<script type="text/javascript"> //set the bookmark image position(topright,topleft,bottomright,bottomleft) var corner = "topright"; var url = window.location; var title = document.title; document.write('<div id=ddd style="position: absolute; visibility: visible; top: 5px; left:5px;">'); document.write('<a style="font-size:10px; text-decoration: none;" href="javascript:bookmark(title, url)" title="click here to bookmark this page"><img src="http://i934.photobucket.com/albums/ad188/VdellaLeech/rsz_book.png" alt="BOOKMARK" border=0><span style="background-color: seashell; font-size:10px;"></span></a></div>'); var os; if(document.layers) os = "n4"; else if(document.getElementById&&!document.all) os = "n6"; else if(document.all) os = "ie"; function run() { if(os == "ie"){ pwidth = window.document.body.offsetWidth; pheight = window.document.body.offsetHeight; stop = document.body.scrollTop; sleft = document.body.scrollLeft; }else{ pwidth = window.innerWidth; pheight = window.innerHeight; stop = window.pageYOffset; sleft = window.pageXOffset; } var dda = document.getElementById('ddd'); if(corner == "topleft"){ dda.style.top = (stop)+"px"; dda.style.left = (sleft+15)+"px"; }else if(corner == "topright"){ dda.style.top = (stop-320)+"px"; dda.style.left = (sleft+pwidth-220)+"px"; }else if(corner == "bottomleft"){ dda.style.top = (stop+pheight-45)+"px"; dda.style.left = (sleft+15)+"px"; }else if(corner == "bottomright"){ dda.style.top = (stop+pheight-40)+"px"; dda.style.left = (sleft+pwidth-110)+"px"; } setTimeout('run()',5); } function bookmark(title,url){ if(window.sidebar) window.sidebar.addPanel(title,url,""); else if(window.opera && window.print){ var elem = document.createElement('a'); elem.setAttribute('href',url); elem.setAttribute('title',title); elem.setAttribute('rel','sidebar'); elem.click(); } else if(os == "ie") window.external.AddFavorite(url,title); } document.onload = run(); </script>

Ορίστε που θέλετε να εμφανίζεται η εικόνα αλλάζοντας το κόκκινο κομμάτι του κωδικού με αυτή που θέλετε topright(= πάνω δεξιά) topleft (=πάνω αριστερά) bottomright (=κάτω δεξιά) bottomleft (=κάτω αριστερά)

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

Τώρα βρείτε μέσα στον κωδικό το κομμάτι που αντιστοιχεί στην θέση που ορίσατε - θα μοιάζει στο παρακάτω

if(corner == "topright"){ dda.style.top = (stop-320)+"px"; dda.style.left = (sleft+pwidth-220)+"px"; (η επιλογή μου εμένα είναι topright) 

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

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

Add HTML Gadget without title

Το θέμα είναι πάρα πολύ απλό.

Λοιπόν για να προσθέσετε καταρχάς ένα Gadget/Widget με HTML απο τρίτους (εξωτερική πηγή, απο κάποια σελίδα που βρίκατε) η διαδικασία είναι η εξής :

1. Αντιγράφετε τον κωδικό HTML

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

2. Πάμε τώρα στον πίνακα ελέγχου

3. πατάμε την Σχεδίαση

4. πατάμε Στοιχεία σελίδας

5. Πατάτε όποιο θέλετε απο τα τετραγωνάκια που λένε Προσθήκη Gadget

6. Ανοίγει ένα παράθυρο

7. Πατάμε το σύν

στο HTML/JavaScript

8. ανοίγει ένα παράθυρο για να βάλουμε τον κωδικό

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

 10. Τώρα πρέπει να βάλουμε έναν τίτλο αν θέλουμε

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

&nbsp;

11. και πατάμε αποθήκευση

12. το newsletter είναι αυτό που έβαλα εγώ και το έχει βάλει ακριβώς στο σημείο που είχα πατήσει στην αρχή την προσθήκη gadget - δείτε που το έβαλε

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

14. Αφού το έχετε βάλει εκεί που θέλετε πατάτε την αποθύκευση

Είστε έτοιμοι

Υπάρχει και άλλος ένας τρόπος, αν ο συγκεκριμένος δεν δουλέψει για εσάς, και μπορείτε να τον διαβάσετε εδώ !