As irresistible was designed by woothemes and this time again a theme i took for conversion is from them,as they give really the best wordpress themes.So lets take a look at my new template name Bueno.

Features Of Bueno Blogger Template
- Fixed Width Template
- Two Column Blogger Template
- Right Sidebar
- Seven Colors Background
- Two Menu Links
- Compatible With Mozilla, Chrome and IE7
- Search Box Ready
- Beautiful Comment System
- 125 x 125 adds Widget
Hacks Supported By Template
- Search Box For Blog
- Swap Title Hack For Blogger
- Hidden Navbar Layout
- Post Date Widget
- Blogger Avatars Activated
- Three Column Footer
- Remove Subscribe To Posts Atom
- Remove Archives Count
- Remove Labels Count
Bueno Template Installation
- Header Image
- Top Menu Links
- Page Links
- Timestamp Format
- 125 Banner Adds
- Archive Format
- Switching To Other Themes Of Template
Just go to Blogger Layout > Page Elements > Click On Edit Button Of Header > A Popup window will open.Just browse for the image of your header from your computer and select an option for Instead of Title And Description and save it.
To best fit your header use an image of size 175px × 61px as i have used in demo blog.
Just find the below codes and edit the links and text in it.
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><a href='#'>Edit</a></li>
</ul>
Replace Red ones with links and bold ones with linking text.
Just find the below codes in your template.
<div id='meniu'>
<ul>
<li class='current_page_item'><a href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'> Sitemap</a></li>
<li><a href='#'>Full Width</a></li>
<li class='rss'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='RSS Feed'>Rss</a></li>
</ul>
</div>
Just replace the # with your links and the linking text pointing to them.
Just Go To Blogger Layout > Settings > Formating > Timestamp Format and just select the format as shown in picture below and save it.

Just go to Blogger Layout > Page Elements > Add a Page Element in Sidebar > HTML/Javascript and now just add below codes.
<div class="ads125">
<a href="#"><img src="http://i38.tinypic.com/25ezi91.jpg"/></a>
<a href="#"><img src="http://i38.tinypic.com/25ezi91.jpg"/></a>
<a href="#"><img src="http://i38.tinypic.com/25ezi91.jpg"/></a>
<a href="#"><img src="http://i38.tinypic.com/25ezi91.jpg"/></a>
</div>
Just replace # with your advertisers blog link and image link with advertisers banner link.
If you are using blogger archive in your sidebar i suggest to select these settings.Just go to Blogger Layout > Click On Edit Button Link of Blog Archive Widget . A pop-up window will open just select from there the style as Flat List.As Blog will look nice with it.
I have released this theme in 7 colors,so i wanted that users can switch to any theme they like at any time they want.So i made the switching of the theme very easy and will take hardly a minute to give new look to your template.
As i have given you xml file for all 7 colors you can use any color xml you like but at any time if you want to switch to other color you will try to upload other color xml but this will effect all your widgets so just read simple instructions to switch to other color theme within a minute.
Just what you need is to change 4 image links and two colors to give your theme a new look.For images just find for bodytile.jpg, bullet_hover.png, date.png and ico-rss.png.Just replace them with other colors images.You will get image links to use for all themes in notepad file when you download this template.
For colors just check for below codes in your template.You will get them at the beggining of your template codes only.
<Variable name="linkcolor" description="Link Color"
type="color" default="#ccc" value="#115900">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#9bd28e">
Just change the two color values in red and you are done with it.All the color codes you will get in notepad file when you download this template.
Donate If You Like The Work
If You Really liked our work and want us to continue provide these premium templates for free, Then support us by donating something you feel for this design by using paypal button in my sidebar.







117 comments:
Thanks for the theme and tutorial,I use Bueno theme in Wordpress,I need to change link in posts,do you know how to change them? Thanks
@invisible i have menioned in post how to switch to theme.
Thanks a lot, the template is so cool ~
can you plz help me with the date... it just says undefined
@seth ya sure let me know i will do it for you,if you still not getting date after changung timestampformat.
I have one question:
How can i decrease the size of the Right side bar titles?
thanks
ok already did it thanks tho!
Hello! I love this template and have just started using it : ) I am having a problem though with tags...under posts, tags are lapping over the bounding box...in the template the tags appear under "Categories" Do you have a solution?
@vander i doesn't seem to see any problem in your blog.Show me exact screenshot what problem you saying, i will do it or provide an solution.
first of all thanks for this cute template and the tutorial, but i'm having some problems with the date. It's still saying undefined, after changing timestampformat. can you please help me?
@behind the scenes ya sure just conatct me or invite me to your blog at anshulaffprg[at]gmail.com i will do for you.
Thank you for the template!
I have one question concerning the menu :
How come when i click the links on the menu nothing happens. I want to add info to the "about"..
@Mj Forever just do a post with title about me n your blog and then just take its url.Now edit the menu link with that as i told in template installation above.
Hello,
great work! I've one question. At the bottom, there is a white bar and in that bar there should be a link to older posts. But there is nothing yet. Does it appear automatically when i got so much posts or is there anything wrong?
@jane nothing just you will showing 7-10 posts on homepage and you wouldnt have made that much post.You can select that option from Settings > Formating > Show .You can reduce the number to any you like.
Hello, Anshul! First of all, I'd like to congrat you for this wonderful theme!
But I've changed several times my date format and it still shows "Undefined", what should I do?
Thank you!
@julaino you would be changing date format change timestampformat.If still problem just invite me to your blog at anshulaffprg[at]gmail.com i will do for you.
Hi, quick question:
how do I change the colour of the text? I would like ot have it in black that it is easier to read. Can't find it in the html and the option in the menue of blogger does not excist anymore.
@andreas here is the color .
body { font: 14px Georgia, Times, Serif; line-height: 1.5; color: #7a7a7a; }
Thanx for being so kind! I'll invite you to my blog, but maybe the problem is the language. Could it be that all those date codes are built up to work in english?
@juliano you can publish my posts in your language with backlnk by using translator.
Hi Anshul. I managed to remove the sitemap and full width sections from the top bar, but I wanted to see if there's a way I can shift over the remaining buttons (Home, About, RSS) to the right edge and increase the size of the blog title. Any help you could give would be appreciated. Thanks so much. I love this theme!
#meniu {
width:640px;
margin-top:53px;
padding:0;
text-align:left;
float:right;
}
Just decrease width and make text align to right instead of left.
Now increase width for header from below codes.
Increase that much only ,how much you decrese for menu.
#header {
width:300px;
text-align: left;
float:left;
}
Anshul, how to enable the Featured Post?
(as shown in your template screen capture above)
@endonesia thats screenshot from wordpress you have to use any script widget like recent posts widget with thumbnail in sidebar.Just get codes for it and add as an widget in sidebar.
hey anshul, i've been hunting templates for days. and all those pretty templates are non user friendly and annoys the shit out of me. Because I have no idea how to fix them. BUT THEN, voila! I have to say this design of yours is a stroke of brilliance. It's simple, nice and it's PINK! haha. Plus i had no problem with this template at all. Thankful with all my heart ! (: (: (:
Thanks Anshul... haven't found the pluggin yet. but there is a latest news plugin with similar appearance.
Hello Anshul,
I have the same problem that many people here with the timestamp. Though I changed it as you suggestes, it stills indicates "Undefined". What should I do ?
http://johnspersonalmba.blogspot.com/
Thanks for your help, your template is definitly a good one.
John
Hello Anshul!
First of all, thank you for the beautiful template. I ended up finding the same problem that others also found in relation to date. How can I fix?
@J and juh just check again you will be changing date by mistake just check again chnage timestampformat.If still you have problems just invite me to your blogs i will do it for you.
Done ! You are invited ;)
John
@J just grant me admin. I accepted.
Many thanks for your help Anshul.
John.
hye. i think i still have problem with the time. it keep showing undefined. can u please help me?
@nurfaiz you all making same mistake. You are changing date format , you have to change timestamp format not date check again. I have also shown you picture for it in template installtion.See carefully.
Hello!
I'm testing the template Bueno, but I have problem with the date of
side of the post, is showing the word: undefined. how do I
change? please help me!
Thanks!
how do i change the date?
Just make the timestamp settings as i said above in template installation.Please read the instructions carefully.
Thanks, Anshul, for the theme. I love it
thanks for the theme - i really like it!
the only thing is, i tried doing what you said with the date, because it keeps coming up with 'undefined', but when i searched it appeared that the code wasn't in the theme's html.
can you help me?
thanks
@ameliarr yu just need to change timestamp format as i said above in post.no need of any codes.
Very THX, I can change timestamp format now.
Special kind of U, Anshul
Hello, plz help me with the date problem D=
i invited you~~
Hey Really Loving this Template for blogger! Very beautiful! I just came across one thing I can't get the date right on my blog I tried a few things, but I would love it if you would help me with this!
Hey no Problems! Did the correction and Thnx a lot! (:
@duo give me admin also.
DONE!
thanks for the template..
THANKS! THANKS! =DD
Hi! Is there any way that we can do it like your demo, with that dropdown menu so users can pick their own theme? Thanks
@cohen i have installed it from here
http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm
Daer Anshul, you are VERY patient for responding to the same question a million times..i have the same problem and hopefully it will be fixed with the corrections you suggested above..
I have a question such @Iriane Bandeira:
How can i decrease the size of the Right side bar titles?
And, how can i decrease the size of the titles of posts?
Thanks! ;)
@carol find below codes and change values of font in them one for sidebar and other for post title
.sidebar h2 { border-bottom: 1px solid #f3686d; margin: 0; padding: 10px 0; text-transform:uppercase; color: #404040; font: 20px Impact5; font-weight: bold;letter-spacing:0px; text-shadow: 0 1px 0 #404040;
}
.post h3 {
width:100%; position:relative; margin: 0 0 30px 0; padding: 0 0 25px 0; color: #000; border-bottom: 1px solid #e7e7e7; font-size: 32px;
}
Olá Anshul, estou tendo problemas com a data. Aparece "Undefined" Já mudei o "Timestamp Format" e continua com erro.
IS there any way to add another column next to the already existent or maybe on the left of the posts?
And i guess this way i would need to reduce the right column, right?
(I don't really speak English, so sorry if i made any mistake!)
@pepper customizations can always be done and it is possible but its not as i will tell and u will able to do.As only those who know codes will be able to do my friend.
Ok!! thank you anyway , i'll try to learn more about codes so one day I can do it, :DD
Just one more question, i changed the links on the top of the site and stayed with just 3 of them, then I moved them to the right, but the pink line under them still too big, as you can see here (http://girlytrends.blogspot.com/), its touching my logo image, and i wanted it to be only under the links.. how can I make it smaller?
@ju just find these codes
#meniu {
width:580px;
margin-top:53px;
padding:0;
text-align:right;
float:right;
}
if you want only three links only just decrease width from above css make it to 150 or anything which you feel adjust to your likes.Then it will be ok.
Thank you a lot, i made it 280 and now it fits perfectly (:
My "Author" box below each box is empty. How do I get it to show my name?
@macy just go to layout > Page elements. You will see Blog posts widget from there click its edit button popup window will open and just enable there posted by option by checking it mark.
Can you please point to html to remove the pink border around the title if it's displayed as an image? I tried to make it transparent, and it worked, but then the commenters' names became transparent as well.
how do you get rid of the pink border around the image that's placed instead of the header?
@lily and law girl ya u are right.Two problems came in template one for borderas you saying and second in page navigation.I just updated the template codes.Either update from above or just add this css in your codes border will become hidden.
img {border:0;}
And for navigation see updated template.
Hi there Anshul,
Thanks for the template, I love it...only have a problem changing the timestamp so invited you to my blog...when you accept, I'll add you as admin...thanks a bunch
Sunny
this template rocks. thanks for sharing it :D
Hello - I have had your template for a few weeks now. Today I deleted my blog archive in my column, then when I re-added it, it doesn't look right anymore? Any ideas?
http://www.brattypants.blogspot.com If you would like to see what it looks like - it's halfway down the page on the right side
Thanks!
@bratty just implement this hack it will get ok.
http://www.anshuldudeja.com/2009/06/how-delete-posts-count-number-of-blogge.html
Hello!
(My expression in English is not very good so I hope you will understand my question...)
This template is really beautiful! I have just install it but i don't arrive to remove the pink border around image in the post. I have tested :
img {border:0;}
but it doesn't work and i don't know if this code is appropriate in this situation...
Thank you for you help!
@fanny this is the code in template where i have defined border to image
.post img {
border: 5px solid #fbdddf;
max-width:490px;
}
and also keep img {border:0;} as this is for whole template and above one for only post.
To Anshul, thanks for your bueno themes. But, i have some trouble in time stamp. in my front end, time stamp is "UNDEFINED". To review the trouble, please visit my blog at http://www.blogipul.tk.
Please.. i need your help.
thanks
i dono wan how to post it to my blogger >-<
please help me...
Hi there! could you help me with the date. Cause just today, the date's round pink backgraound disappear! I couldn't figure out what's wrong with it :/
http://amahleestory.blogspot.com/
I thought pretty much the template, but I'm having problems with his banner ... is a margin in the image of the top ... I tried to change the color to white margin, but the links of the posts are also in white ... I believe that their code is one ...
takes a lot of your help ...
thanks!
I got it - alone - to solve the problem ...
if there is anyone else with problems on the edge of the banner, simply add "border: 0px solid $ linkcolor," after the code: "# header img ("
thanks!
Hi, i have a question, sorry for bother you, i don't have an idea about what links i have to add in the Home, Post Rss, Comments Rss, Home, About, Archive, Sitemap, Full Width, Rss, i mean all the links. I'm so new in this and i already found the codes that i have to change, but i don't know what links to put on them. Thank you and so sorry for bother you.
@me see as i have said in tutorial above.For first menu edit rss one just keep as it is n problems.
Now for second Hoem archive.In it you will find # just replace it with any url in your blog which you want to show there and corresponding text to that link what you want to show for that url like about,contact.Written in codes.
Like in about you can replace # wih your blogger profile link.
Hi Anshul,
this template is very beautiful,thanks your template =)
sorry,i have a problem,
it can't show date,and just show "undefined"
hope you can help me..Thanks
http://juz-yennie.blogspot.com/
@yennie just chnage the timestamp format as i sid in installation and remember chnage timestamp format not date format.
huh..I get it.
Thanks =)
I just loaded the code and the leftside time date will not change please let me know what to do.. thanks :)
sorry nevermind just got it :)
hi
i have no idea how to activate your template i downloaded it but have no idea where to go from there? any help? www.kobijean.blogspot.com
thanx
@kobi there would be read me file with download just read instructions from there.
hello =)
i've just uploaded this template but i'm having a ploblem with the date.
it's confirgured with the right format but still doesn't work =/
thanx
well.. i was changing the wrong place
sorry!
its cause my blog is in portuguese and i couldnt figure out where "timestamp" was
thanx any way
loved the template
hi.. can i conveted this template to 3 coloums?
@Lana if you know css and about blogger then you can do anyhting. :)
Hi Anshul,
Thanks for converting this template and for all your above replies to the others as it certainly helped me while I was editing the layout. :)
Here's some stuff which I hope you can help me with (pls kindly refer to www.felizaong.blogspot.com, updated as of 17 apr):
(1) For the header image, how to make it as wide as the whole blog width?
(2) For the blog image, I would like to insert a picture with a longer height.
(3) There's a problem with inserting the header image from my Page Elements. When I uplaoded the image and chose the 'Instead of Title and Description', my image height got cut off. Thus, I have no choice but to insert my current header image WITH the blog name and description. :(
(4) How to make boxes for my items in the side column? I would like to separate each item, just like how each blog post is separated into their own boxes.
Much thanks and appreciation for your help! ^_^
@feiza some points i have told in comments.But all you saying is diffficult to explain bcz could be done only by designer.
Dear Anshul, please help with date...Its not showing,I tried timestamp format but still its not appearing...Thanks
hi anshul, how can i make the featured post appear on sidebar with square pictures and summary
@search engine its not possible, if you have chnaged only timestamp format and and done it correctly then it will show date for sure.Check again.
@lana ya just search for the widget on google like, recent posts widget with thumbnail you will get it.
How can I add a share button (widget) at the bottom of each post?
@kelly just expand your codes and find for
data:post.body and place the widget code after it
Thanks so much!
Hi,
first, thank you for this nice template and all your help.
Then... my question : I would like to put my header img on the left top corner of the page. thx
@Dede07 - The header image is found within your Wordpress Dashboard>Bueno (on the left hand nav)>General Settings>Custom Logo.
Anshul, can you please help answer my questions?
1. Whenever I add A Bueno Custom Image (for a thumbnail of a Featured post), I get a duplicate image posting within the body of my main post page (my homepage). It's about 500px wide and 200px high. The only way to get rid of it is to deactivate thumbnails on my Featured Posts. Do you know a workaround/fix for this?
2. Where in my CSS do I add in img {border:0;}? I've appended the style.css and custom.css, but it's not working.
Thanks! :)
Bonnie
Love this thank you!
Hi, there and thanks again.. It seems I'm having a problem with adding amazon store to this template because it only shows half the store when I put it in "inline frame" html. I guess I could just make the store a standalone site.. but it would be better if it was integrated in the blog imo. (Always has to do it the hard way you know..) Just wondering if it's even possible to get it to work so that the whole store can show up at the page..? Thanks
@marie i dont say what exactly you doing where you placing codes and what problem you facing cant suggest you unless me having codes and doing what you want.
I'm having the same trouble as Bonnie:
>> 1. Whenever I add A Bueno Custom Image (for a thumbnail of a Featured post), I get a duplicate image posting within the body of my main post page (my homepage). It's about 500px wide and 200px high. The only way to get rid of it is to deactivate thumbnails on my Featured Posts. Do you know a workaround/fix for this?
@ohvery for which featured post u talking are u talking for wordpress blog if yes then contact the author at wordpress download.We provide blogger format.
Hi Anshul,
I am loving this template! :D
Have been using this template for about 2 months but recently, I realised that my date is displayed in white color.
My timestamp format is accordingly to what you have instructed.
Can you pls advise me on this? Thanks alot!:)
@felize ya date color is white only as same in my demo blog.http://bueno-template.blogspot.com/
What u want to do with date
if want to chnage white color
find this clsss in css
.calendar {
color:#fffff;
and chnage white color code.
Hi thanks for ur reply Anshul.
Sorry, but I realised I didnt explain my issue properly.
As in the pinkish circle around th white color date is no longer visible. As in this circle >>>> http://2.bp.blogspot.com/_j82W7u9kZbs/Sx1VbPJ6QEI/AAAAAAAAARw/yOtQ8kcPzck/s400/date.png.
If you go to my blog, and see the date for each blog entry, you can see what I mean! Thanks!! :)
@feliza but i saw your blog and me able to see date in the circle.
Hi Anshul, I was puzzled when you said that you could see. But since I have been viewing my blog via Firefox browser and I cannot see it, I decided to view my blog using IE. And yes I can see the pinkish circle if I use IE. Can the problem be rectified for this? :X
Image 1: Using Firefox > http://inlinethumb59.webshots.com/47290/2870612450106434032S600x600Q85.jpg
Image 2: Using IE > http://inlinethumb20.webshots.com/23635/2929086230106434032S600x600Q85.jpg
And since I was viewing my blog using IE, I realised that the date is not aligned properly? Please help me by viewing the following two picture links:
(1) http://inlinethumb06.webshots.com/7493/2968571980106434032S600x600Q85.jpg
(2) http://inlinethumb38.webshots.com/44005/2946316030106434032S600x600Q85.jpg
I really really appreciate your help!!! ^_^
@feliza me too using firfox and circle appearing to me in firefox.You just upgrade your firefox.
And alignment is not much difference and you hav also editd template to adjust your way.may be that could have lead to these faults.
Hi, Anshul! I'm so glad you converted this template for Blogger.
Anyway, I don't want to use the three-column footer. I removed all the widgets but there's still this empty pink space left. How can I remove it? Would appreciate your help a lot.
Thank you so much in advance!
@cnady yo should show demos to chek...
Hello, can you PLEASE PLEASE tell me what search box is used in the template. I think it is awesome and I would really like to get one.
@bree its just simple search box we use in all templates, just hav been styled using css.
Hi Anshul!I Love your templates!I would like to erase the search black bar on the top of the template.Were do i find the code?
Thanks a lot!
@A.g find for this class
div id="top"
and just delete all codes in this class.
Anyone have blogger.com & this template works with it?
It won't for me.
Post a Comment