↓ Main Menu (Click me!) ↓

Personal Blog


Personal Blog is a blogger template for personal blogs. It has a notebook styled layout. The template was request by most people, so it`s here for you :)

Based on a Website template by MyTemplateBox.com and created for Blogger by me.

55 Comments

Very beautiful template!!!!!

nice template.. but where can i hide the WELCOME NOTE?? and how to change the picture??

Anonymous: To hide Welcome Note, here`s what you need to do:
In the EDIT HTML page, using CTRL+F, find "#welcome{".
The browser will highlight the following code:

#welcome{
float:left;
clear:none;
width:200px;
margin-left:20px;
}

Replace the above code with the one below:

#welcome{
float:left;
clear:none;
width:200px;
margin-left:20px;
display: none;
}

Just in case if you want to edit the Welcome Note, here`s what you need to do:
In Edit HTML page, find "This is a free and fully standards compliant Blogger template",
The browser will highlight the text which you can edit for your blog.

To change the picture of girl in the header,
Goto: EDIT HTML, find "main-img.jpg"

The browser will highlight the following code:

img alt='' src='http://3.bp.blogspot.com/_k_DnmK4oz2Q/S2vuttj_NuI/AAAAAAAAAsg/zDDFRHfsqPA/s1600/main-img.jpg'

Replace the image url link from above code. "http://3.bp.blogspot.com/_k_DnmK4oz2Q/S2vuttj_NuI/AAAAAAAAAsg/zDDFRHfsqPA/s1600/main-img.jpg" with your image link.

Click PREVIEW before saving. Save when done :)

TQ sooo much for the info... i will try to do it first..

I would like to remove the image on the right and replace it with a widget. How can I do this?? Thanks!!

Aaron and Shantelle Mcbride: Here`s what you need to do:

Follow the instructions in text file on how to remove the image for widget. You can download the text file from the following link:

http://www.box.net/shared/c14smbd124

Thanks for asking :)

Thank you soooooooo much! Worked like a charm. Thank you for answering so quickly. Love this template!

Aaron and Shantelle McBride: You`re welcome.
Tell your friends about this site :)
Thanks

Thank you for this very beautiful template and fine instructions.I'd installed it very well. Please, I'm sorry but my English is very bad. I'm brazilian. Thanks!!!
Vanessa.

Hi,
This is very beautiful template when I open it with Firefox. But there's a problem when I open it with internet explorer. main-img was not in correct position. Would you please to check it at http://bundapunyabisnis.blogspot.com
Thank you

Hi,
I already fix it, now the template are beautiful in IE 6 browser and IE 7 browser. Thank you for this very beautiful template, I like it so much..
Bunda Jayvyn

Great template... thank you.

Vanessa: Thanks :) No your English is good ;)

Bunda: you`re welcome :) Great work!!

The “reactions” boxes do not appear. Please help. Thanks!

Yu-Kym: I`m terribly sorry Yu but the template`s layout is so adjusted that it can`t accept the star ratings or reactions :'(

It's ok. Still a wonderful template. I love it alot!

hi there.
this template is very, very cool.
i've done a lot of fiddling around with it (because i'm a newbie, it's taken a while).
but now i seem to have an image stuck where your old image was and i can't seem to delete it!!
please help?!
my site ... http://hellcatsmeanderings.blogspot.com

thanks

Can you change the background color? Maybe for an picture?

I love the template but when logged in there is no way for me to get either post new or go to my dashboard. The option is normally at the top of the screen and does not exist in this template.. Help??
http://butidigress1.blogspot.com/

Is it possible to change the background ( for another color or picture)?

I love this template! Is it possible to arrange it so that the posts go on the right side up at the top where the image is?

Dear Volverene Evo; can u give us the PSD of the "personal pic"?
I mean http://3.bp.blogspot.com/_k_DnmK4oz2Q/S2vuttj_NuI/AAAAAAAAAsg/zDDFRHfsqPA/s1600/main-img.jpg

I need the PSD for "change" the pic... can u? Please...
Thanks!

Wall: I actually don't have the PSD of that image. The template was designed by www.mytemplatebox.com. They requested me to convert it to blogger. You may ask them. I hope they have what you require :)

All right dude, tks for replay.

Wall: You're welcome :)

Is there any instruction how to use the menu bar on the right side. Do I have to make references to existing pages a=or make pages inside blogger? Sorry us newbs have ot learn sometime.

thanks - great change to my blog

Hansen Team: Do you mean the menu bar on the LEFT ??

You can easily make changes to link lists/menu bars in blogger templates by following this text file which contains instructions on how to set up and edit link lists :)

All the very best!

Dee: I'm afraid that's not possible :( I've tried it :)

Anonymous: I'm afraid that's not possible to change the background color or background image(because the whole background is composed of three images coded to provide the real picture of a dairy). Sorry

Wookies Girl: Oh you mean the Blogger navigation bar that appears on the top of your blog?? To make it appear again, read the short context titled "How to display the navbar again in my template?" on the FAQs page.

Here's the link:
http://www.templatesblock.com/2009/08/faqs.html

I hope you'll fix that in a minute or two :)

kellyhellcat: Please let me know which image you'd like to put to your blog, I recommend posting me your issue via this contact page:
http://kontactr.com/user/volverene

I'll be happy to help you regarding this issue.

I've checked your blog and it looks cool ! :)

This template is beautiful. I would like to change two of the colors but they aren't in the fonts/colors and I can't find them in the html. Yellow header on the post and the purple header on the widgets/gadgets or sidebar. Can you help me with this?

cant open the XML document... :(

Hi you've put that you can easily edit the left hand side menu by looking at the text file but you haven't included the link.... I'm actually wanting to delete the whole part that says.... home, about me, Gallery....etc
Please could you advise how I would do this?

Thank you so much I love this template

Mashell: Could let me know your blog URL ? so that I may better enlighten you with solution of your issue :)

ART OF NAIL: There probably might be a problem with your browser or blog. I have checked, the template works fine :)

Cheery: I see, I saw your blog. You've removed the link list but the background is still there.
There's 2 things you'll need to do make that Link list background disappear.

1. Goto: EDIT HTML page
2. Using CTRL+F, find "#menu{"
3. The browser will highlight the following code:

#menu{
float:left;
clear:none;
background:url(http://1.bp.blogspot.com/_k_DnmK4oz2Q/S2vutj3Z-rI/AAAAAAAAAsk/hENaZK4Tk3E/s1600/menu.png) top left no-repeat;
width:190px;
height:325px;
margin-left:-15px;
padding-top:30px;
padding-left:10px;
}

4. Replace the above code with the one BELOW:

#menu{
float:left;
clear:none;
background:url(http://1.bp.blogspot.com/_k_DnmK4oz2Q/S2vutj3Z-rI/AAAAAAAAAsk/hENaZK4Tk3E/s1600/menu.png) top left no-repeat;
width:190px;
height:325px;
margin-left:-15px;
padding-top:30px;
padding-left:10px;
display: none;
}

5. Now find "#sidebar-wrapper {"
6. The browser will highlight the following code:

#sidebar-wrapper {
margin-top: -400px;
margin-right: 20px;
width: 300px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

7. Replace the above code with the one BELOW:

#sidebar-wrapper {
margin-top: -120px;
margin-right: 20px;
width: 300px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

8. Click PREVIEW to see the desired result. Save when done :)

Thank you :)

thanks, it is working very well... :) and i like it... can i change the violet color templates into black? thanks

ART OF NAIL: You are welcome :) Yes you can change the violet color templates into black :)

I don't think this question has been answered yet. When run in IE 8 (I don't know about the other IE's), if you look at the very bottom, part of the book shows again. Is there a way to fix this?

Also, I added info under my picture. Is there any way to make the boxes wider?

Lastly, is there any way to use the original picture's 'frame', where it looks like the picture is 'taped' into the book?

kristinbatchelor.blogspot.com - thanks so much!

Peninajace: Thank you :)

Could you please tell me, how do I widen my text column. It seems a bit too narrow to me and often words are broken into two lines. Help!

no matter how many times I try to change the image it does not work, is there another way to do it? It says it is not well formed? But i'm highlighting 'http://3.bp.blogspot.com/_k_DnmK4oz2Q/S2vuttj_NuI/AAAAAAAAAsg/zDDFRHfsqPA/s1600/main-img.jpg' and replacing it with my image. Is this wrong?

just want to thank you for this template. I love it and your tutorials were easy to follow to make changes.

Jo Princess Warrior: You're welcome :)

Anonymous: Probably the image you are trying to put may have problems or your not putting the image correctly. Let me know your Blog URL so that I better understand the issue and also let me know about the image URL you're trying to put.

Anonymous (About widening the text column): To widen the text column:

1. Goto EDIT HTML page

2. Using CTRL+F, find "#main-wrapper {"

3. The browser will highlight the following codes:

#main-wrapper {
width: 370px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
margin-top: -130px;
margin-right: 20px;
width: 300px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

4. Now see in the above codes. These are actually two set of codes. One is (#main-wrapper) for text column and second (#sidebar-wrapper) is for sidebar. Both of the hold properties like width.

5. Now see in the above code for #main-wrapper "width: 370px" it shows that text-column(main-wrapper) is 370 pixels wide. You may widen it by increasing the number (370) in the above code.

6. Be sure while widening the main-wrapper that may not be wide enough the so that it overlaps the sidebar. if you widen the main-wrapper, you may also narrow the sidebars too.

7. Now I hope you can make adjustment according to your requirements.

8. When you change the size, click PREVIEW to see the desired results and SAVE TEMPLATE when done.

That's it! :)

Leave a Reply