- Built in search box
- Fonts can be customized through your Blogger dashboard
- Fully widgetized sidebars and navigation links
- Fully widgetized 3 column footer section
Demo | Download
if you like this template or use it leave your comment and let me know
Citrus pink 3 column blogger template
Sunday, 18 January 2009
Here is another 3 column blogger template fully widgetized and uses niftycube to create rounded corners which requires javascript enabled on the visitors browser if they have it disabled they will see normal square corners here's the features of this template
Demo | Download
if you like this template or use it leave your comment and let me know
Demo | Download
if you like this template or use it leave your comment and let me know
79 Responses to “Citrus pink 3 column blogger template”
I stumbled on your page...cool stuff! I'm having a hard time making my photos larger...can you help me with that? I know blogger has a choice for that...but it still doesn't display as large as I would like it too...
Thanks!
@Lucy
Hi Lucy what size do you want the images to be ? full width of your posts ?
Hi Lawny!
Thanks so much for the info :-) However, I think blogger must have some kind of auto resizer...because I can't find where it allows me to change the pixel height after image.... This is what I see: img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" And even after that I kept looking and I couldn't see it :-( I guess blogger doesn't allow for that?
I just know I love the blogs that have large photos displayed...that's what I want...but I can't do it? Thanks so much for your help!
Lucy :-)
I have not installed this template yet but I plan on using it soon. Love the style of it!
@S.Vanessa
I'm glad you like my template ;-)
I came upon your site and love this template. Thanks for putting it together. I do have one question. Is there a way to change the stuff in pink to a different color without totally redoing the code in the template.
@Scooter
Yes you can change the colour by finding the following code
#header {
margin:0;
text-align:left;
color:#ff006c;
}
#header a {
color:#ff006c;
text-decoration:none;
}
#header a:hover {
color:#ff006c;
}
the code above is for the blog title colour change the hex code to whatever you want. You can find the rest by doing a search and replace with notepad, FireFox or some simple text editor for the following hex code ff006c just change all of these instances of the hex code to whatever colour you wish
i have featured this template on my new bloggeruser blog. I hope you will like it.
I notice that Home/Post/Comments section above the sidebars does not show up when i upload the template to blogger. do you know why this is and how i can fix it.
@Scooter
i have looked in your site's source code and it seems that the navigation links are missing have you edited the code ? try uploading it again and let me know what happens
i uploaded the template without any tweaking to the code.....here is my test site http://scooter-testblog.blogspot.com/...it is still missing.
@Scooter
go to the page element tab and add a linklist widget just below the header leave the title field empty in the widget and enter you links in it should show up
hey I love this template...I will use it soon...thank you!!!
thanks ill be using this template for my new blog..
how do you add your menu bar (home, about..)?
@Insider-Insights
add a linklist widget leaving the title field empty just below the header
Well, I was looking for a new face to my blog. And decided to put the Citrus Pink. I think it is working, ...it was the first time I upload a template. Thank you.
after i have downloaded it,how to use it?how to put it in the blog??
@eJAI
see this post
Hi, how do I change the picture in the header? I tried editing the widget and uploading a photo, but after I save and check my blog, it doesn't work. Is there a certain size I need it to be?
@stephanie
i did not code the header image widget since i had no image for the header but you could easy modify it to work
Great layout!! Probably one of my favorites I've comes across so far.
I was wondering if you knew how I could upload this template without losing all of my gadgets/widgets?? I have a lot of links going on and would hate to have to reinstall all of that ;o) Any help you can give would be appreciated!!
Kim
@Joie De Vivre
you just need to copy all the widget code's to the new template try this post
If you could be so kind as to tell me how to code the header to allow me to upload an image to it, that would be splendid!
I love your template. I'm also curious, but when I put mine in place, I do not have that tool bar under my search box, unless I'm missing something...
Thank you!
@iambellaluna
it would take too much time to explain how to code the header right now. What do you mean by tool bar under search box ?
Love this template; thanks so much for creating it for others. I did go in and change all the pink to blue, with one exception. How do I change the button for the rss feed? Do I need to make my own? And if so, what part of the code do I need replace?
Thanks again!
@Jordan
yes you can create your own rss feed icon you need to expand widget templates and search for the following code
<span style='float:right;width:30px;height:50px;margin:0 5px 0 0;'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='' src='http://i41.tinypic.com/jtuw0i.jpg'/></a>
</span>
replace the image link "http://i41.tinypic.com/jtuw0i.jpg" with your own and adjust the width and height to whatever size your image is
Good day to you,Lawny.Had downloaded your citrus-pink template,but I have a problem.When I click to open the file, I got a message reading:
The XML page cannot be displayed.
Cannot view XML input using sytle sheet.
Please correct the error and then click the Refresh button, or try again later.
System error:2146697204.Error processing resource
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd."
Please kindly help and explain how to make corrections.
Thank you for your kind generosity for offering free templates to bloggers.
Thank you very much.
@BLOGGERScafe1
you cannot open the file in internet explorer but you can open it in notepad++ why do you need to open the file ? if you are trying to install it read here
oooohhh i love this template!im gonna try it on my blog now!
thanksss
heyyy Lawny!i love the layout of the widgets, you know those separate boxes things and i tried to figure out the xml of citrus-pink to try and apply it to my blog, but it all got messed up :(
yes, i'm such a noob i know :(
could you help me out if you've got time pretty pretty please???
@Little M
I have lots of site's to work on so i don't really have time to help you out unless you are going to hire me
how do i get the grey box in between posts as the one you have in demo?
Also i am not able to get that navigation stuff...home, about..etc
thank you
@cosmetic
you need to add a linklist widget leaving the title field empty just below the header for the navigation links to show up I'm not sure what you mean by the grey box in between posts
hye..i like your template.and i decided to download this template.but i cant..why?
@Tauke
Click here to download it what problem are you having ?
I like the template, but for some reason, i can't upload an image. I try but the image doesn't appear on the blog.
@A.Spence
i did not code this to use a custom image in the header however you could modify it if you know CSS/XHTML to work
thx for the nice template.
Hello. I am using this template on my site but why is it the navigation bar at the top is not showing?
@donna
go to the page element tab and add a linklist widget just below the header leave the title field empty in the widget and enter you links in it should show up
I did what you said but the nav bar is still not showing. I dont know if i messed it up or what. I added link list element right after the header and added my list of links. No luck:(
If ANYONE needs to know how to add an image for your header on this layout visit this site.
http://blogatech.blogspot.com/2007/01/add-custom-header-in-new-blogger.html
It had easy steps to show you how to add the image. All you need to do is use the background url part and thats it. Enjoy!!
@donna
your blog description is very long and it is pushing the navigation down into an hidden section i will update the template when i get time and post the fixed version here
I really like this template. And I am using it here. http://littlepinkpenguin.blogspot.com/
Only my search bar and rss icon are half cut off. Can I fix this?
@Holly
since you have downloaded my template from another site the codes will not have the updated version you should download it from here since i have fixed a few bugs enjoy ;-)
Hi Lawny, I'm working on installing this template for my blog right now. I've searched for months and was so happy to come across this one. I love it!
One question for you: My signature that I already had set up for my blog now has a box/outline around it. Anyway to remove that or does it just not work with this template?
@Chantel
i have just updated the code for this template with a few bug fixes of course you can remove the outline by adding in line styles to the img tag switch your post editor to html mode not compose and scroll to the bottom and find the following code
<a href="http://www.chantelligence.com" target="_blank"><img src="http://i35.photobucket.com/albums/d151/cnew21/chantel_siggy_bevel2-sm.png" alt="chantelligence.com"/></a>
just add border="0" so it becomes
<a href="http://www.chantelligence.com" target="_blank"><img src="http://i35.photobucket.com/albums/d151/cnew21/chantel_siggy_bevel2-sm.png" alt="chantelligence.com" border="0"/></a>
Ok, got it. Thanks. Does this only apply to future blog posts or do I have to manually change this on all my posts that are already published?
One more thing, do you have a help page for re-installing my header? It's PNG file like my signature that a friend made.
Thanks in advance.
@Chantel
if you want to remove the borders from all posted images find the following CSS code
.post img {
padding:4px;
border:1px solid #e6e6e6;
}
change the border like below
.post img {
padding:4px;
border:0;
}
@Chantel
sorry this was not coded to add an image to the header via the widget but if you know XHTML/CSS it can easy be done
Done! Thanks so much. I'm learning a lot from your site and tutorials. :)
You said you updated the code to fix bugs. Do I need to install again? (eeek!)
@Chantel
yes however it will wipe out your widgets unless you know how to transfer the codes to the updated version i have a tutorial here however it is not easy for a newbie i could do it all but i charge to customise blogger templates
I installed the updated version, only now the blogspot bar is showing accross the top, and it is not showing in the demo and didn't show in the old version. Getting rid of this bar was kind of the whole reason I installed a different theme... How do I fix it?
http://littlepinkpenguin.blogspot.com/
@Holly
sorry about that i have just updated the code again so it doesn't show the navbar
RE: Sorry this was not coded to add an image to the header via the widget but if you know XHTML/CSS it can easy be done
My friend had to do the same thing. Find the code to add an image in the header. She is trying to help with my blog now but she can't find where to insert it.
@Chantel
looks like you managed to do it
Very nice template! I will be using this for my new blog. Thank you!
I forgot where I downloaded your layout, but I have changed it already with your new version. Thanks for the heads up.
Hey Lawny!
I just downloaded citrus pink and I want to say THANK YOU! I've spent hours looking for the perfect template!
So yeah... you rock!!
I Love this template. I managed to install it, and even copied the code for my widgets to come over. However, they are too wide. I am used to being able to simply drag the widget to the spot and it resized itself. Is there a place in the code where I tell it where to be on the page and how wide it should be? If so, could you point a newbie like me in the right direction?
@Amanda
this template is a fixed width with two columns and a wider section above the columns the one you used before might of been a fluid layout but you can modify the widths of the template if you know XHTML/CSS
You have some great looking templates, but I can't open the files because I don't have any zip software. Do you have a doc with the HTML for people like me to open instead?
Thanks.
@Rulan
the files are xml documents compressed into a zip file you can get 7-zip for free to extract them if you can't extract them email me with the name of the template you want and i will send you a txt file with the code since you are the first person to say "i can't open the files"
hi Lawny,
I can't open the file either, I get this:
The XML page cannot
be shown the XML petition cannot be shown if Stylesheet is used. Eliminate the mistake and then click on updating or you repeat the process later.
System error: -2146697204 . fault when working on the resource 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'.
I hope you can help, I really love your tempplate :)
@badgirl33
what browser and operating system are you using? try right clicking the download link and choosing "save link as" in Firefox or "save target as" in internet explorer then extract the file and upload it to your blog
it still tells me the zip file is damaged. I use FF (latest version) and WinXP
@badgirl33
i have emailed you a copy of the template
Hi Lawny, I tried 7-zip but for some reason I can't get it to work on my vista pc.
I would like both the Citrus Pink, and also the Chocolate Theme, if thank is possible. Thanks.
@Rulan
contact me via email and i will send you them
Lawny. I have just emailed you.Thanks
@Rulan
you should have them inbox by now
Lawny, thanks for sending me the templates. I have a question. When I installed the Citrus Pink one, the "Home, About, Portfolio, Subscribe, and Achieves, links at the top didn't show up. Where did they go, and how do I get them on there, please?
Rulan
@Rulan
go to the page element tab and add a linklist widget just below the header leave the title field empty in the widget and enter you links in it should show up
wow. Thanks Lawny. I am just a learning with this kind of stuff, but thanks to you I got it working.
Thanks again. Love this template.
I love the layout of Citrus Pink, but have now found that the main colors don't work with my graphite drawings. Can I change the color, or do you have a black template with the same layout?
Sorry to trouble you.
Rulan
@Rulan
yes you can change colours see this comment
Thanks Lawny. I just made the whole background black. The pink standsout really well now.
how to use it?
@mailovesRAWR
to install templates see this post
Post a Comment
Comments are moderated before appearing on site, any that contain suspicious information, self-advertising or spam-like URLs will be deleted.