Hi! Welcome...

Premium Blogger Template
FREE Premium Blogger Templates
Μοναδικά Free Blogger πρότυπα για το blog σας
Slimbox 2.02 με jquery-1.3.2 στο Bloggspot .
Πώς να εγκαταστήσετε SlimBox σε Blogger
ΙmgBox
Για να παρουσιάσετε τις εικόνες σας με στυλ !!!
31 καλυτέρα Blogger Widgets και addon
Κατάλογος συνδέσμων όπου μπορείτε να ανακαλύψετε περισσότερα widgets για το blog σας.
1 2 3 4 5

Δευτέρα, Δεκεμβρίου 14

2

Xmas Yahoo Smiley Emoticons πάνω από την φόρμα σχολίων !

Εφόσον είμαστε στο κλίμα των Χριστουγέννων  και στολίσαμε με διάφορα στολίδια το blog μας , γιατί να μην δώσουμε χριστουγεννιάτικη νότα και στα σχόλια μας  ? ….
Λοιπόν το αποφάσισα , έκατσα και έφτιαξα τον κώδικα , τον μετέτρεψα στην ουσία .
Να πως θα μοιάζει το τελικό αποτέλεσμα :




Μπορείτε να δείτε και εδώ σε λειτουργία :


Ας δούμε λοιπόν πως θα τα εφαρμόσουμε στο blog μας :

Για να προσθέσουμε αυτά τα smileys, ακλουθούμε τα παρακάτω βήματα:


  •     Πρώτη θα συνδεθούμε στο Blogger λογαριασμό μας 
  • Στη συνέχεια, πηγαίνουμε στο Διάταξη ->  "Επεξεργασία HTML" –> Κλικ στο Επέκταση προτύπων γραφικών στοιχείων
  •     Τώρα θα βρούμε αυτόν τον κωδικό:

<b:if cond='data:post.embedCommentForm'>


  •  Κολλάμε ακριβώς από κάτω τον παρακάτω κώδικα :

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Heart_Break.gif'/> :))
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Dear.gif'/> ;))
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Dream.gif'/> ;;)
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Its_Hot.gif'/> :D
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Grin.gif'/> ;)
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/No_Expression.gif'/> :p
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Hehe.gif'/> :((
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Hungry.gif'/> :)
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Clown.gif'/> :( 7/2
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Not_Listening.gif'/> :X
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Big_Grin.gif'/> =((
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Confused.gif'/> :-o
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Confused.gif'/> :-/
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Lol.gif'/> :-*
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Halo.gif'/> :|
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Flower.gif'/> 8-}
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Love.gif'/> :)]
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Fatherchristmas.gif'/> ~x(
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Leaf.gif'/> :-t
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Elf_Good.gif'/> b-(
<img border='0' height='18' src='http://www.customizeyourmsn.com/christmas/11.gif'/> :-L
<img border='0' height='18' src='http://www.customizeyourmsn.com/christmas/21.gif'/> x(
<img border='0' height='18' src='http://msnsmileys.net/y/smileys/Yahoo_Christmas/Looking_Around.gif'/>=))
</b>
</div>

  •  Τώρα ψάχνουμε να βρούμε την ετικέτα  </body>  και εισάγουμε ακριβώς από πάνω , τον παρακάτω κώδικα :

<script src='http://sites.google.com/site/bloggertricks2/home/javascripts/smiley1.js' type='text/javascript'/>


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

Σημείωση : 

Αυτό το hack λειτουργεί μόνο σε πρότυπα , με ενσωματωμένη φόρμα σχολίων .

Αυτό είναι όλο!!!...
Τώρα γιορτάζουν Χριστούγεννα και τα σχόλια μας , χα , χα …. 

2:

studio817 είπε...

doyleyei?
εμφανιζονται τα εικονιδια στα ποστ αλλα ειναι ανενεργα.
καμια συμβουλη?

bloggertrics είπε...

Καλησπερα σου 

Ναι , δουλευει κανονικα !!! μπορεις να το δοκιμασεις και εδω  σε λειτουργια .

Απλα ακολουθησε ολα τα βηματα σωστα  =-X :-P

 

© 2010 Bloggertrics

WordPress Theme by: WooThemes. | Converted into Blogger Templates by : Bloggertrics

ΑΡΧΙΚΗ| Sitemap| Posts RSS