Mini Tutorial (smileys)…[Edit]

Posted by Karen April 30th, 2009 Filed under How To's
Break

On how to put a smiley on your blog post.

Break

In my case i love 2 types of smileys that i frequently put on here…so if you have one and you wanna put right next to the word on one of your blog post here’s what you have to do.

Break

Edit:

Break

Thank you to Intelligence for the suggestion, i truly appreciate this *big grins*

Break

First pick one smiley you want, like mine i choose the tuzki smiley as an example. To avoid hot linking …you can save your favorite smileys and upload them to another host like Photobucket and imageshack, registering is easy and free. It’s preferable that you make your own account so your images will be intact and permanent (unless you delete them hahaha). After you have registered or assuming you already have an account, you can now start to upload your smileys or other images and copy the html code of your uploaded smileys/images and paste it to your blog or where you want to put ’em. Like this:

Break
in Photobucket
Break

4

Break

after you have uploaded the image put the cursor on the image and a box will appear, then copy the html code and directly paste it to where you want to put them.

Break

6

Break

on Imageshack

Break

5

Break

after uploading put your cursor on the top most icon at the side of your smiley or image where it would say “Share It”, click on it .

Break

8

Break

then a box will appear, you can copy now the html code on where it says “Sites”

Break

7

Break

and your good to go. (oh and for easy copy and pasting, use shortcuts for copy ctrl +C and for pasting ctrl+V).

Break

I hope i made my mini tutorial clear and not confuse you guys even more (if i did I’m sorry *bites nails*)…hehe if you have any questions you’re free to ask and i’ll be glad to be of help. *big grins*

Break

6 comments on this post

6 responses to this post

  1. May 1st, 2009 | 12:44 am

    Great tutorial! You should also do a tutorial on how to upload the picture on to another host as well to prevent hot linking It also ensures that the picture will always be available.

  2. May 1st, 2009 | 1:01 am

    @Intelligence

    Thank you for this hehe *big grins*

  3. May 1st, 2009 | 1:13 am

    Thanks for the tutorial Karen,so kind of you!I’ll try this one the soonest!big grin!
    Wha’rabout the code on your side bar?How did you do that?big grin!A huge thaks in adavance!

  4. May 1st, 2009 | 2:05 am

    @Seiko

    I’ll post a mini tutorial for that too. Coming hehehe. *big grins* I’m always glad to be of help.

  5. May 7th, 2009 | 8:34 pm

    Awesome update 🙂

  6. May 7th, 2009 | 9:06 pm

    Thanks to you 😀

Comment Form

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>