Τετάρτη 28 Ιουλίου 2010

Add HTML Gadget without title


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

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

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

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

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



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



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


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


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



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


στο HTML/JavaScript

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

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

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



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

 

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

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

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


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


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

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

Τρίτη 27 Ιουλίου 2010

Import your Favicon on your site













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

Καταρχάς να πούμε τί είναι το Favicon (Favorite Icon)
First ... what's a favicon ? (Favorite Icon)

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

When someone visits a page, next to the url on the address bar, an icon appears. Is the trademark lets say of that particular page, that helps being easily recognized when it's inside Bookmarks, or should I say Favorites !

Θέλετε να αλλάξετε το favicon που έχετε και να βάλετε ένα που αντιπροσωπεύει εσάς και το ιστολόγιό σας ?
Τα βήματα είναι πολύ απλά, για αυτό ακολουθήστε με :

Wanna personalize it ? The steps are simple so follow me :


1. Επιλέξτε την εικόνα που θέλετε να χρησιμοποιήσετε ως Favicon.

Αν έχετε την εικόνα που θέλετε στον σκληρό σας, προχωρήστε το βήμα 2.

Choose the image you wanna use as Favicon
If you have it on your hard drive, skip step 2

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

If you haven't desided what you want, search through your browser and when you find the ideal one, right click it, select save image as (give a name) to your desktop

Μπορείτε επίσης να βγάλετε μία απο το ιστολόγιό σας, όποιο σημείο αυτού θέλετε εσείς με το Snagit Screen Capture
You can snap one right out of your blog, or any part of it with Snagit Screen Capture

2. Αν η εικόνα δεν είναι 16x16, πηγαίνετε να την μετατρέψετε σε 16x16 pixels στο Pic Resizer (οδηγίες για αυτό θα βρείτε στην ανάρτησή μας εδώ).
Αν η εικόνα σας είναι 16x16 προχωρήστε στο βήμα 3.

If your pic isn't 16x16. go and convert it to Pic Resizer (instructions on how to use see related post here)
If your pic is 16x16 skip to step 3.

Οι διαστάσεις των favicon που χρησιμοποιούν οι περιηγητές είναι 16x16, μπορείτε να βάλετε μεγαλύτερη, αλλά αυτόματα το μέγεθος θα αλλάξει σε 16x16, με αποτέλεσμα ή να μην φαίνεται καλά η εικόνα - αν ήταν ιδιαίτερα μεγάλη - ή παραμορφωμένη - αν οι διαστάσεις της δεν είναι ίσες (δηλαδή 23x32, 12χ19 κ.τ.λ.)

The dimentions of favicons used by browsers are 16x16, so u can add a bigger one, but instantly the size will change to 16x16, with the result on most cases - if not all - the image does't shows right - if it was a big one - or destorted - if its dimentions were uneven (meaning 23x32, 12χ19 and so on).

Αποθηκεύστε την τροποποιημένη πια στην επιφάνεια εργασίας.
Save the converted on on your desktop.

3. Ανεβάστε την εικόνα σε οποιοδήποτε image hoster ( PhotobucketTinypicImageshackComputer Steroids το αγαπημένο μου ) και κάντε αντιγραφή το direct link !

Upload the pic to any image hoster ( PhotobucketTinypicImageshackComputer Steroids my fav) and copy the direct link !

4. Επικολλήστε το στην θέση url στο παρακάτω :

paste the url to the code below

<link href='paste the url here / εδώ βάζετε το url της εικόνας σας' rel='shortcut icon' type='image/x-icon'/>
<link href='paste the url here / εδώ βάζετε το url της εικόνας σας' rel='icon' type='image/x-icon'/>

5. Αντιγράψτε τώρα όλο τον κωδικό

Copy the whole code

6. Πηγαίντε στην καρτέλλα της σχεδίαση, μετά στην καρτέλλα επεξεργασια HTML

Go to tap design, to the edit HTML

7. Πατήστε Ctrl + F και θα ανοίξει στο κάτω μέρος της εικόνας σας η μπάρα αναζήτησης, όπου θα γράψετε και θα πατήσετε Enter για να το βρεί

Press Ctrl + F and a search bar opens below, type and click enter

8. Ακριβώς απο πάνω του επικολλήστε τον κωδικό που αντιγράψατε παραπάνω

Just above it paste the code you copied before

9. Αποθήκευση και είναι έτοιμο !
Save and done !

Μεγιά !

Δευτέρα 26 Ιουλίου 2010

Resize your pics - photos online















Πώς αλλάζουμε μέγεθος στις εικόνες μας, χωρίς να έχουμε κάποιο πρόγραμμα, με το δωρεάν online μετατροπέα μεγέθους Pic Resize.
---------------------------------------------------------
How to change image size without downloading any program, but with free online converter Pic Resize


Η πρώτη εικόνα που βλέπετε είναι αυτή όταν μπείτε στην σελίδα
---------------------------------------------------------
The first image you see when you enter the page











Πάμε τώρα να σας εξηγήσω την διαδικασία. Καταρχάς έχετε την επιλογή να ανεβάσετε μόνο μία (single picture) ή και πολλές μαζί (multi picture) που έχει πάνω απο την αναζήτηση
---------------------------------------------------------
Let me explain now - First you have the option to upload one or multiple images, and you can find it above search tab

ξεκινάω να σας πώ για την μονή εικόνα
---------------------------------------------------------
let's start with the single one


 1. Πατήστε αναζήτηση
---------------------------------------------------------
Click search







 και βρήτε την εικόνα που θέλετε να τροποποιήσετε και επιλέξτε την.
---------------------------------------------------------
find the picture you want to convert and select it

2. Ακριβώς απο κάτω απο την αναζήτηση είναι το Quick Resize - πατήστε το
---------------------------------------------------------
Right below search is Quick Resize - click it

3. Τώρα άνοιξαν οι επιλογές και η εικόνα που βλέπετε είναι η παρακάτω
---------------------------------------------------------
now page options opened and what you should see is that

















4. Στο νούμερο 2 έχει τις επιλογές μεγέθους - οι πρώτες είναι σε ποσοστά σμίκρυνσης
---------------------------------------------------------
on no.2 there are size options - the first on percentages decreasement's





και οι δεύτερες είναι αυτές που μπορείτε να δώσετε εσείς τις διαστάσεις σας αλλάζοντας απο τα βελάκια τα percent σε pixels επιλέγοντας το Custom size
---------------------------------------------------------
and the second are those you can edit yourself, changing by the arrows from percent to pixels selecting Custom size





βάλτε εκεί που εγώ έχω βάλει το 16 τις διαστάσεις που θέλετε (το πρώτο είναι πλάτος - το δεύτερο είναι ύψος)
---------------------------------------------------------
put your dimentions where I 've put 16 (the fist one is for width the second for height)

5. Στο 3 έχει άν θέλετε να προσθέσετε εφφέ
---------------------------------------------------------
On no.3 you can add effects to your image

πειραματιστείτε με τα εφφέ ανεβάζοντας μια και επιλέξτε κάθε φορά και ένα ...
τα περιστρέφει σε 90 και 180 μοίρες, το κανει ασπρόμαυρο, το κάνει θολό, λαδομπογιά, τι χρώμα περιθώριο θέλετε να έχει κ.τ.λ.
---------------------------------------------------------
experiment with the effects uploading one pic and choose a different one each time ...
it rotates it to 90 and 180 degrees, turns it black and white, blur, oil paint, define border color e.t.c.

6. Ηρθε η ώρα να διαλέξετε σε τί μορφή θέλετε να αποθηκεύσετε την εικόνα σας : png, gif, bmp η jpg
 πατώντας το βελάκι στο save as
---------------------------------------------------------
it's time to select the format you wanna save your photo : png, gif, bmp η jpg  by clicking the arrow on save as section




7. Πατάμε resize pic
---------------------------------------------------------
Click resize pic







και μας δίνει την παρακάτω εικόνα
---------------------------------------------------------
and this is what you get






















Το πρώτο είναι προεπισκόπηση για να δείς πως έγινε η εικόνα σου,
το διπλανό του το κατεβάζει στον σκληρό σου στην θέση που θα ορίσεις εσύ,
κάτω απο την προεπισκόπηση είναι για να το αποθηκεύσεις δωρεάν στην σελίδα τους και στου στέλνουν με email το url (τον σύνδεσμο, το link) ή το παιρνεις εκείνη την στιγμή ή και τα 2,
και τέλος στο πάει σε επεξεργαστή εικόνας για να το τροποποιήσεις κι άλλο αν θες.
---------------------------------------------------------
The first one is preview how the image changed,
with the one right beside it you can download it to your hard drive where you will define,
right below preview you can save it free to their site and they send you the image url by email so u can save it or you can just grab it just this one or both,
and at the end it takes you to an image editor to modify it further if you want

Τώρα όσον αφορά πολλαπλές εικόνες για μετατροπή - πατώντας το multi picture έχετε την παρακάτω εικόνα
---------------------------------------------------------
Now as far multiple conversion - click multi picture and you get the image below 










1β. Πατήστε το add files
2β. Επιλέξτε τις εικόνες που θέλετε
---------------------------------------------------------
click add files

choose the images you want











3β. πατήστε upload
---------------------------------------------------------
click upload






4β. Θα λάβετε επιβεβαίωση ότι ανέβηκαν και είναι έτοιμες για μετατροπή
---------------------------------------------------------
you will get confirmation when the finish uploading that they are ready to be converted





5β. επιλέξτε το ποσοστό σμύκρινσης όπως στο βήμα 4

6β. επιλέξτε την μορφή του αρχείου όπως στο βήμα 6

7β πατήστε το batch resize
---------------------------------------------------------
select persentage decreasement like step 4
select the file format like step 6
click batch resize







8β. Θα λάβετε επιβεβαίωση ότι έγινε η μετατροπή και θα σας λέει να κατεβάσετε τις εικόνες στον σκληρό σας , σε ένα zip αρχείο που τις έβαλε
---------------------------------------------------------
You will get a confimation when convertion is finished and ask you to download them all in your hard drive in a zip file











9β. Πατήστε το και αποθηκεύστε το στο pc σας.

10β. Τα .zip & .rar για να τα ανοίξετε χρειάζεστε το winrar (μπορείτε να το κατεβάσετε εδώ) για οδηγίες χρήσης δείτε σχετική ανάρτηση εδώ.
---------------------------------------------------------
Click save to your pc

.zip & .rar files can be opened with winrar (you can download it here) for more usage instructions see related post here.

Σάββατο 24 Ιουλίου 2010

Create Html Boxes (Tables) for your site









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

Μπορείτε να τα προσθέσετε :

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

www.vdella.blogspot.com

το περιθώριο εδώ είναι 1,το οποίο αλλάζετε ανάλλογα με το πάχος που θέλετε

<table border=1>
<tr>
<td>
το κείμενο που θέλετε να φαίνεται<br>
</td>
</tr>
</table>

www.vdella.blogspot.com



το περιθώριο εδώ είναι 10


<table border=10>
<tr>
<td>
το κείμενο που θέλετε να φαίνεται
<br>
</td>
</tr>
</table>




εικόνα μέσα στο κουτί


<table border="10"><tbody>
<tr> <td><img src="εδώ το url της εικόνας που θέλετε να φαίνεται" /></td></tr>
</tbody></table>

 www.vdella.blogspot.com

χρωματιστό φόντο

<table bgcolor="το χρώμα που θέλετε με το όνομά του - εδώ είναι pink" border="1"><tbody>
<tr> <td>&nbsp;το κείμενο που θέλετε να φαίνεται</td></tr>
</tbody></table>

www.vdella.blogspot.com Βδέλλα
Leech Vdella



2 γραμμές απο 2 κουτιά η κάθε μία


<pre><table border="1"><tbody>
<tr> <td>κείμενο 1</td> <td>κείμενο 2</td></tr>
<tr> <td&gt;κείμενο 3</td> <td>κείμενο 4</td></tr>
</tbody></table>
</pre>

το <tr></tr> είναι η γραμμή ανάλογα με το πόσες γραμμές θέλετε τόσα βάζετε
το <td></td> είναι τα κουτιά ανάλογα με το πόσα κουτιά θέλετε τόσα βάζετε
έτσι μπορείτε να ορίσετε και πόσα κουτιά θέλετε στην κάθε γραμμή
μην ξεχνάτε πρέπει να βάζετε μέσα στα <tr></tr> τα κουτιά που θέλετε δηλαδή πρέπει να έχουν αυτή τη μορφή 

<tr>
<td>
το κείμενό σας
</td>
</tr>


www.vdella.blogspot.com

με χρωματιστό περιθώριο

<table width=50% bordercolor=το χρώμα που θέλετε - εδώ είναι green border=1 cellpadding=πόσο ύψος θέλετε να έχει το κουτί - εδώ είναι 10>
<tr>
<td>
το κείμενο που θέλετε να φαίνεται
</td>
</tr>
</table>


vdella.blogspot.com

χωρίς βάθος το κουτί

<table width=50% bordercolor=το χρώμα που θέλετε - εδώ ειναι purple
border=1 style="border-collapse:collapse"
cellpadding=10>
<tr>
<td>
το κείμενο που θέλετε να φαίνεται
</td>
</tr>
</table>


www.vdella.blogspot.com

περιθώριο κόκκινο με τελείες χωρίς βάθος

<table width=50% bordercolor=το χρώμα που θέλετε - εδώ είναι red border=2
style="border-style:dotted; border-collapse:collapse"
cellpadding=10>
<tr>
<td>
το κείμενο που θέλετε να φαίνεται
</td>
</tr>
</table>


vdella.blogspot.com

αν το κείμενο το θέλετε bold

<table border=1 height=100>
<tr>
<th>
το κείμενο που θέλετε να φαίνεται
</th>
</tr>
</table>

www.vdella.blogspot.com
αν θέλετε να ορίσετε την γραμματοσειρά <table border="1"> <tbody> <tr> <td><span font="" style="color: blue; font-family: βάλτε εδώ την γραμματοσειρά που θέλετε - εδώ είναι arial;">www.vdella.blogspot.com</span></td></tr> </tbody></table>

Κυριακή 11 Ιουλίου 2010

Hexadecimal color codes





Color Color Code
Red #FF0000
Turquoise #00FFFF
Light Blue #0000FF
Dark Blue #0000A0
Light Purple #FF0080
Dark Purple #800080
Yellow #FFFF00
Pastel Green #00FF00
Pink #FF00FF
White #FFFFFF
Light Grey #C0C0C0
Dark Grey #808080
Black #000000
Orange #FF8040
Brown #804000
Burgundy #800000
Forest Green #808000
Grass Green #408080

Σάββατο 10 Ιουλίου 2010

Create Marquee Text Easy for your Site

Βάλτε εύκολα στην σελίδα σας Κυλιόμενο Κείμενο

Απλά αντιγράψτε τους κωδικούς ανάλογα με αυτό που θέλετε να κάνετε και σύμφωνα με τις πληροφορίες που σας δίνουμε τροποποιήστε τους ! Μπορείτε να τους βάλετε ώς gadgets, αλλά και όπου θέλετε στον κώδικα της σελίδας σας !

Just copy the codes involving what you wanna do and with our given informations modify them ! You can add the as gadgets or placing them to your blogs' page design code !

Βδέλλα / Leech  
<marquee> paste your text here / εδώ το κείμενο που θέλετε </marquee> 

Βδέλλα / Leech 

to start from right / για κατεύθυνση απο δεξιά 
<marquee direction=right> paste your text here / εδώ το κείμενο που θέλετε </marquee>

  Βδέλλα / Leech 

paste your text here / εδώ το κείμενο που θέλετε  

Βδέλλα / Leech

to deal with the scroll speed / για να ρυθμίσετε την ταχύτητα κύλισης 
<marquee scrolldelay=300>  paste your text here / εδώ το κείμενο που θέλετε </marquee> 
Βδέλλα / Leech

here is / εδώ είναι 800
Βδέλλα / Leech

here is / εδώ είναι 1500
Βδέλλα / Leech

here is / εδώ είναι 2000


to deal with the scroll speed / για να ρυθμίσετε την ταχύτητα κύλισης 
<marquee scrollamount= paste your value here / εδώ βάλτε την τιμή που θέλετε> paste your text here / εδώ το κείμενο που θέλετε </marquee>

Βδέλλα / Leech scrollamount is / εδώ είναι 6
Βδέλλα / Leech scrollamount is / εδώ είναι 10
Βδέλλα / Leech scrollamount is / εδώ είναι 15

  
to adjust from where it shows to where it hides / για να ρυμθίσετε απο θα εμφανίζεται και που θα κρύβεται 
<marquee width= paste your value here / εδώ την τιμή που θέλετε%> paste your text here / εδώ το κείμενο που θέλετε </marquee>


Βδέλλα / Leech width=25%
Βδέλλα / Leech width=50%
Βδέλλα / Leech width=75%
Βδέλλα / Leech width=100%

to highlight your text / Για να προσθέσετε χρώμα υπογράμμισης
<marquee bgcolor= paste your color here / βάλτε το χρώμα που θέλετε> paste your text here / εδώ το κείμενο που θέλετε </marquee>

 Βδέλλα / Leech
Βδέλλα / Leech
Βδέλλα / Leech 


We
Love
Βδέλλα / Leech


ή 



to create your scrolling image just replace its purple part with the direct link or url of the image / για να φτιάξετε κυλιόμενη εικόνα απλά αντικαταστείστε το μώβ κομμάτι του με την διεύθυνση ( direct link or url ) της εικόνας

   

to get fixed to column width / να είναι προσαρμοσμένο σε όλο το πλάτος της στήλης
as you see you can add animated pics too / όπως βλέπετε μπορούμε να βάλουμε και κινούμενη εικόνα
ή

or just define it / ή απλά ορίστε το

Βδέλλα / Leech
Βδέλλα / Leech

for blinking text or pic / το κείμενο ή η εικόνα να αναβοσβήνει
  Βδέλλα / Leech

here we define going up deriction, if we want to automatically repeat it and the distance its gonna cover / εδώ ορίζουμε να πηγαίνει προς τα πάνω, αν θέλουμε να επαναληφθεί και τί ύψος θα πιάσει

Βδέλλα / Leech

Βδέλλα / Leech

 
Βδέλλα / Leech


www.vdella.blogspot.com








Βδέλλα / Leech