Sunday, January 29, 2012

About Me Sidebar Tutorial

Hi dollies! So this would be a very short tutorial (for beginners) on how you can add your HTML about me section on your sidebar or any part of your blogger's page. Most of you know that I love tweeking my blog. Some people even email me and ask questions on how to do this and that. So I decided to make a tutorial about it. :)

Let's start! This is what we're going for today.


STEP 1: Go to your DASHBOARD >  LAYOUT / DESIGN > ADD A GADGET 

STEP 2: Choose HTML/JAVASCRIPT

STEP 3: Copy this code and paste it to your gadget.

<center><img src="" width="200"><br> 

CODE EXPLANATION:
<center> makes the alignment centered
<img src=""> img src is the code which will let you post images on your blog.
width="" you may resize the width of your photo as much as you like.
<br> line break

STEP 4: Next, go to your Facebook page/profile or any of "your" photo on the internet.
Then RIGHT CLICK > COPY IMAGE URL

STEP 5: RIGHT CLICK on the gadget editor and PASTE the image URL in the image code or press CTRL+V.
Here's how my code turned out:
<center><img src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/311280_267545819942411_100000609861368_871391_1944580200_n.jpg" width="200"><br>

STEP 6:  You may add some Title on your gadget but I like mine blank. Then add some informations about yourself like nicknames, age, hobbies, and pretty much anything you like. Then click SAVE.
Here's how I did mine:
<center><img src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/311280_267545819942411_100000609861368_871391_1944580200_n.jpg" width="200"><br>
<b>Nickname:</b> KAT<br>
<b>Age:</b> 21<br>
<b>Location:</b> PHILIPPINES

CODE EXPLANATION:
<b> makes your text bold.

If you have any questions regarding this tutorial please leave it in the comment box. Thank you for reading!

13 comments:

  1. that's cool. just dropping by to say hello~~

    http://carizzachua.blogspot.com

    ReplyDelete
  2. Thanks! That's really helpful :)

    ReplyDelete
  3. really helpful tutorial esp for blogger newbies! :)

    ReplyDelete
  4. JOIN MY ON-GOING GIVEAWAY! ♥
    http://starapol101.blogspot.com/2012/01/steal-scene-opening-giveaway.html

    ReplyDelete
  5. really helpful!
    Thanks for sharing!

    <3Bianca
    http://biancadollylike.blogspot.co.nz/

    ReplyDelete
  6. Great! I just needed this, thank you! <3

    ReplyDelete
  7. THANKS! Great tutorial I'll use this!
    http://www.roros-world.com

    ReplyDelete
  8. This is super useful!

    http://theislandgirl018.blogspot.com/

    ReplyDelete
  9. Love your tutorial.. i really need and found this. Thank you so much :*

    ReplyDelete
  10. I am not certain the place you're getting your info,
    but good topic. I needs to spend a while learning more or figuring out more.
    Thank you for magnificent information I used to be on the
    lookout for this info for my mission.

    Here is my web-site 4 Cycle Fat Loss Solution Review ()

    ReplyDelete

Thank you so much for taking the time to comment, I really appreciate it! I never fail to read all your lovely comments and they always make me smile. I always do my best to answer any questions you may have. However, if you want a quicker response, I’d recommend tweeting (@imisskatv) or e-mailing me (misskatv@gmail.com). Thank you all so much for visiting my blog and for the massive support! <3