Blogger Tips – Tricks – Gadgets – Templates – Hacks

Emoticons σε blogger post?Κι όμως ναι!



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Ύστερα από απορία αναγνώστη θα γράψω αυτήν την ανάρτηση που θα σας δείξει πως μπορείτε να βάλετε emoticons όταν γράφετε μια ανάρτηση στο blog σας ,όπως βάζετε στο msn.Όλοι ξέρουν τι είναι emoticons.Είναι αυτά τα μικρά εικονίδια(π.χ. )Αυτά τα εικονίδια λοιπόν προσθέτουν ζωντάνια στο ιστιολόγιό σας και πιο κατανοητό στους αναγνώστες σας.Ισχύει εξάλλου κι η φράση “μία εικόνα ισοδυναμεί με χίλιες λέξεις”.Πως όμως θα τα βάλετε αυτά στο blog σας?Αυτό θα σας δείξω παρακάτω.

Σας βρήκα έναν τρόπο με τον οποίον ‘όταν πάτε να γράψετε μια ανάρτηση θα εμφανίζεται κάπως έτσι:



Πως θα το κάνουμε αυτό?

1)Απαραίτητη προυπόθεση είναι να έχετε το mozilla firefox.
Έτσι κι αλλιώς το mozilla είναι πολύ καλύτερο από τον explorer (ή όποιο άλλο πρόγραμμα έχει).
Ευκαιρία είναι τώρα λοιπόν να το βάλετε.
Μπορείτε να το κατεβάσετε δωρεάν από το http://www.mozilla.com/en-US/firefox/all-beta.html
Αν δεν το έχετε λοιπόν κατεβάστε το.Αν το έχετε ήδη πάμε παρακάτω.

2)Ανοίξτε το mozilla firefox

3)Πατήστε εδώ και εγκαταστήστε το πρόσθετο “greas monkey”
(θα σας ζητηθεί να κάνετε και επανεκκίνηση ‘την οποία πρέπει να κάνετε)

4)Πατήστε εδώ και κάντε install

5)Τώρα κάνουμε σύνδεση στον λογαριασμό μας από τον blogger.com

6)Διάταξη

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

8)Πατήστε ctrl + F για να ανοίξει το γνωστό παραθυράκι αναζήτησης

9)Ψάξτε για το ]]></b:skin>

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



img.emoticon {
padding: 0;
margin: 0;
border: 0;
}



11)Αποθήκευση προτύπου κι είστε έτοιμοι!


Τώρα όταν θα πάτε να γράψετε μια ανάρτηση θα φαίνεται κάπως (λέω “κάπως” επειδή δεν είμαι σίγουρος αν είναι ακριβώς) έτσι:



ΠΡΟΣΟΧΗ:Η παραπάνω εικόνα θα φαίνεται και σε εσάς έτσι μόνο όταν είστε στην καρτέλα “Σύνθεση” και όχι στην “Επεξεργασία html”.

Επίσης θυμηθείτε:Αυτό θα λειτουργεί μόνο στο mozilla firefox και όχι στον I.E.(Internet Explorer)


Αν για κάποιον λόγο δεν μείνετε ευχαριστημένοι από το παραπάνω “trick” ή δεν βρίσκετε να βάλετε το/τα emoticons που θέλετε , δείτε παρακάτω μια μεγάλη λίστα με τα δημοφιλέστερα emoticons και τον αντίστοιχο κώδικά τους.
Για να τα βάλετε ,όταν γράφετε μια ανάρτηση, απλά πρέπει να αντιγράψετε τον html κώδικα του emoticon που θέλετε και να το επικολλήσετε εκεί που γράφετε την ανάρτηση.
ΑΛΛΑ ΠΡΟΣΟΧΗ:
Όταν γράφετε μια ανάρτηση βλέπετε πάνω δεξιά που έχει δύο καρτέλες που γράφουν “Σύνθεση” και “Επεξεργασία Html”?Τον κώδικα του emoticon που θέλετε να βάλετε θα τον επικολλήσετε ενώ βρίσκεστε στην καρτέλα “Επεξεργασία Html” αλλιώς δεν θα φανεί.



<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif” border=”0″ height=”18″ width=”42″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif” border=”0″ height=”18″ width=”20″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif” border=”0″ height=”18″ width=”34″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif” border=”0″ height=”18″ width=”34″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif” border=”0″ height=”18″ width=”22″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif” border=”0″ height=”18″ width=”30″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif” border=”0″ height=”18″ width=”30″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif” border=”0″ height=”18″ width=”24″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif” border=”0″ height=”18″ width=”18″ />


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif” width=”31″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif” width=”40″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif” width=”52″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/50.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif” width=”21″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif” width=”25″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif” width=”17″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif” width=”30″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/60.gif” width=”20″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif” width=”22″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif” width=”22″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif” width=”22″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif” width=”26″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif” width=”23″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif” width=”36″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif” width=”32″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif” width=”26″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif” width=”18″ height=”18″ border=”0″>


<img src=”http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif” width=”18″ height=”18″ border=”0″>


Άφησε μου ένα σχόλιο και πες μου τις εντυπώσεις σου.