Rona's Fun Designs

blogger themes, designs, make money online tips and tutorials

06
Mar
2012

Justifying Your ‘ABOUT ME’ Section

categories: Uncategorized
I’m glad that there were people who learned and tried my first tutorial “Centering Your Widget“ on their blogs. From there, I was asked whether that tutorial can also work with widgets in TEXT like the ‘About Me’ section. Well, the answer is No. That tutorial only works with anything that is integrated in the HTML/Javascript kind of widget. For those who may be wondering, it could also work with the ads that we put on our sidebars so they’d look more organized and not messed up. So, in order to help Aileen, I thought of doing this another tutorial to benefit not only her but us all. Now, let’s get going. 
I’m sure you also notice that the ‘About Me’ section in our sidebars is automatically aligned to the left that makes the words in the right part messed up like in the photo below. 
Now, there’s a way to make it look more neat and organized – by justifying the whole text in it like this. 
How to do that?
First of all, be very careful because we are going to tweak a little in the HTML script of your template. So, follow the instructions really well. And by the way, my tutorials are for Blogger/Blogspot users only.
  1. Go to your Dashboard, click Design and then click Edit HTML.
  2. Scroll to that page and you’ll see a box to where your template’s script is written. We will have to look for a certain code of that section that we’re going to justify. It’s a headache to be looking for it but there’s an easier way to do that. Tick CTRL+F and a search window will appear on the upper right part of your screen. When that appears, immediately type in the words profile-textblock.
  3. That search will automatically highlight that part of the code that we’re looking for.
  4. Now, add the line text-align:justify; carefully just right under that whole code. Remember, do not erase anything!  Let that } symbol stay under that line you added. 
  5. Right-click on the PREVIEW to a different tab of your screen to see if the code works. If it doesn’t appear right, that only means that you have not followed the directions carefully. So to make sure about everything, look at the photos below and copy just how the code is written on it until the code works. 
  6. Then click SAVE!
                                 For your visual (click the photos for a larger view)

Again, have fun tweaking and until our next tutorial! Ciao!
Photobucket

22 Comments on Justifying Your ‘ABOUT ME’ Section

  1. Aileen
    March 6, 2012 at 2:30 pm (439 days ago)

    Thanks so much Rona :-)

    Problem is, my code looks a little different. I did find the profile-textblock portion but not this symbol }

    Tried putting it in different parts of that code but I was not successful. But I'll try to experiment

    Reply
  2. rona
    March 6, 2012 at 2:37 pm (439 days ago)

    please give me that code, baka sakaling matweak natin nang tama. ;)

    Reply
  3. Aileen
    March 6, 2012 at 2:50 pm (439 days ago)

    Tag not allowed daw po dito. I posted the code instead sa comment section in my blog. Sis, thanks so much. You are very kind :-)

    Reply
  4. rona
    March 6, 2012 at 2:54 pm (439 days ago)

    ay oo nga.. naku ang te-arts ng comment box ko. sige. If di pa din mag-work, I can help you with that if you'll entrust with me your log-in details para personal kong matweak na mismo sa template mo.

    Reply
  5. Aileen
    March 6, 2012 at 3:13 pm (439 days ago)

    Sis, would it be okay if I send you the downloaded xml template instead? kasi baka mag multiple log in tayo hehehe am working on other sites under google apps, etc, baka mag conflict. If okay with you, where do I email the xml template code?

    Reply
  7. Aileen
    March 6, 2012 at 6:58 pm (439 days ago)

    It worked! Thank you!!!!!!!!! I will definitely follow your tutorials :-)

    Reply
  8. rona
    March 6, 2012 at 6:59 pm (439 days ago)

    I'm so happy!!! You're more than welcome! Just ask anything and I'll do my best to help. God bless!

    Reply
  9. Rovie
    March 7, 2012 at 7:24 am (438 days ago)

    Wow!Ang saya naman ng career mo Ning… Hehe

    Pasilip-silip lang muna ako ha… Hindi pa mak bwelo sa pagba blog eh…

    Reply
  10. Ferry Joy
    March 8, 2012 at 12:51 am (437 days ago)

    bravo :) ang galing galing naman talaga!!!

    >> pano mo ba natotonan ang mga 'to??

    >> wala akong tyaga sa html… kaya siguro ayaw din nya saken :(

    Reply
  11. texas_sweetie
    March 9, 2012 at 5:58 am (436 days ago)

    ganda ng mga designs mo sis. i love the colors u use, very cool to the eyes and they look attractive..pati na rin yong mga graphics

    Reply
  12. rona
    March 9, 2012 at 6:10 am (436 days ago)

    Thanks sa visit Ate Rovs!

    Reply
  13. rona
    March 9, 2012 at 6:11 am (436 days ago)

    Tyagaan lang neh at willingness.. kering keri. Hehe.

    Reply
  14. rona
    March 9, 2012 at 6:13 am (436 days ago)

    Oh, thanks for the loving words sis! My works turn out really attractive from drawing inspiration from others' designs. I still want to learn more and do other techniques. Maraming salamat!

    Reply
  15. Rovie
    March 12, 2012 at 6:38 am (433 days ago)

    Napadaan ulit dito… Kumusta na ang raket natin Ning? Hehe

    Reply
  17. Sheryl Apuhin
    March 13, 2012 at 10:38 pm (432 days ago)

    one of this days sis pagawa ko sayo..send you an email na lang sa inquiries ko..
    love your designs…supah!

    Reply
  18. Leah.
    March 16, 2012 at 11:46 pm (428 days ago)

    Mas neat nga naman kapag naka justify. I don't have an "about me" sa blog ko.. Pero try ko tong changes when I decide to add an "about Me' page sa blog ko. at siguro habaan ko pa nang konti ang description ko. I only have two statements lang naman dun sa profile. LOL..

    Reply
  19. McRICH
    March 19, 2012 at 9:24 am (426 days ago)

    i'll also try this once i sort of have more things to say 'about me.' hope you can drop by my site if you have time coz i dont know how to go about the headers, blog design, etc. newbie po :)

    Reply
  20. S-H-Y
    March 19, 2012 at 2:14 pm (426 days ago)

    Hello sis, long time no visit here, ngkasakit ako at naging busy sa first birthday ng baby at wala din gana magblog hehe..now medyo back to blog na pero d pa rin masyado..ask lng ako ano tawag sa text font na ginamit mo dun sa sidebar na ng blog na gawa mo..kasi i do the same to my own domain kaso d ko alam ano name ng text font at d din alam ng designer..hope you can reply thanks..

    Reply
  21. My.Name.Is.Jonna :)
    March 28, 2012 at 10:46 am (417 days ago)

    i already sent you an email..please check it.!!thanks

    Reply
  22. Marinella
    April 4, 2012 at 7:02 am (410 days ago)

    Thanks for that compliment.

    Btw, it's cool you make layouts. I checked your portfolio and I like your "A Super Woman". It's the most unique among the rest based on my perception. I wish I could do such thing too.

    Reply

Leave a reply

This site is protected by Comment SPAM Wiper.