Blogger Template | Irresistible



Hi Friends, Its long i have not released any blogger template for you as me too was not able to update my blog from long time.So a template after a such long time should be premium blogger template, so that every reader of mine should like it and can use it on there blogs.I wanted it to be so good that every viewer of it should get impressed with the design so much that he/she can't wait to switch to this theme.Don't worry it will be going to free but not less than premium template.I have tried my best to make it look best and work with full functionality as like wordpress.Speciality about this template will be that i am releasing this template into all 9 colors available in irresistible with an easy change of only 3 colors with blogger fonts and colors tool.Now i think you should watch an demo of it for sure.







Just Don't Forget To Check All The Colors Available For This Template From Fixed Drop Down Menu at Top Right Of Demo Blog.

Features Of Irresistible Blogger Template



  • Fixed Width Template

  • Full Magazine Style Template

  • Three Column Blogger Template

  • Right Sidebar

  • Nine Colors Background

  • Multilevel Menu Links

  • Compatible With Mozilla, Chrome and IE7

  • Three Tabber Widgets

  • Search Box Ready

  • Beautiful Comment System

  • Show Of Your Favourite Photos And Video

  • Support All Blogger Features

  • 125 x 125 adds Widget



Hacks Supported By Template




Layout Of Irresistible Blogger Template



Click The image to View Large




Now after uploading this template you would get the layout look like this in your blog.

Irresistible Template Installation



  • Top Menu Links For Blog


  • Find the below code and edit the Links and linking text with your own links and text.


    <ul class='nav' id='nav'>
    <li class='current_page_item'><a href='/'>Home</a></li>
    <li class='cat-item'><a href='http://www.anshuldudeja.com' title='Wordpress To Blogger'>Blogger Templates</a></li>
    <li class='cat-item'><a href='http://www.funnypictures.net.in' title='WP Blogger Themes'>Funny Pictures</a></li>
    <li class='cat-item'><a href='#'>Menu &#187;</a>
    <ul class='children'>

    <li class='cat-item'><a href='#'>Link 1</a>
    <ul class='children'>
    <li class='cat-item'><a href='#'>SubLink 1</a></li>
    <li class='cat-item'><a href='#'>SubLink 2</a></li>
    </ul>
    </li>
    <li class='cat-item'><a href='#'>Link 2</a></li>
    <li class='cat-item'><a href='#'>Link 3</a></li>
    </ul>
    </li>
    </ul>


    As you can see the links above are multi-level and you can have categories and its subcategories too placed in it, to make your menu deep to any level.All the Linking text above in red are Main Menu Items, In blue are Links in menu Itmes and in green are the Sublinks of Links Items.So you can make your top menu as you like.I am just explaining the format of defining it so that you can edit or make it very easily.

    Making of Menu links of your own.Just define below format first :-


    <ul class='nav' id='nav'>
    <li class='cat-item'><a href='#' title=''> Menu</a></li>
    <li class='cat-item'><a href='#' title=''> Menu1</a></li>
    <li class='cat-item'><a href='#' title=''> Menu2</a></li>
    </ul>


    This creates three menu links name Menu,Menu1,Menu2.Define any number of links within class nav to have more.This will create menu links.

    Now to create Links for the menu.Use this Format:-


    <ul class='children'>
    <li class='cat-item'><a href='#' title=''> Link1</a></li>
    <li class='cat-item'><a href='#' title=''> Link2</a></li>
    </ul>


    And place it below the link of menu for which they belong.Like it belongs to Menu1,so i will place them in this format i.e just after Menu1 Link.Now Menu1 Links will contain 2 links in it with name Link1 And Link2.


    <ul class='nav' id='nav'>
    <li class='cat-item'><a href='#' title=''> Menu</a></li>
    <li class='cat-item'><a href='#' title=''> Menu1</a></li>

    <ul class='children'>
    <li class='cat-item'><a href='#' title=''> Link1</a></li>
    <li class='cat-item'><a href='#' title=''> Link2</a></li>
    </ul>

    <li class='cat-item'><a href='#' title=''> Menu2</a></li>
    </ul>


    And still you want to have sublinks for Link1.Just add links after Link1 In this format.


    <ul class='nav' id='nav'>
    <li class='cat-item'><a href='#' title=''> Menu</a></li>
    <li class='cat-item'><a href='#' title=''> Menu1</a></li>

    <ul class='children'>
    <li class='cat-item'><a href='#' title=''> Link1</a></li>

    <ul class='children'>
    <li class='cat-item'><a href='#' title=''> Sublink1</a></li>
    <li class='cat-item'><a href='#' title=''> Subink2</a></li>
    </ul>

    <li class='cat-item'><a href='#' title=''> Link2</a></li>
    </ul>

    <li class='cat-item'><a href='#' title=''> Menu2</a></li>
    </ul>


    Now a Menu Will be created with 3 Menu items Menu , Menu1 , Menu2. Menu1 Contains 2 links Link1 , Link2. And Link1 contains 2 sublinks Sublink1 ,Sublink2.

    Its so simple to add these links if you know little bit about html and to newbies unaware of any html part can be complex.

  • Blogger Title And Description

  • Just find below codes :-

    <div id='logo'>
    <div class='titlewrapper'>
    <h1>
    <a href='/'>Demo - Irresistible</a>
    </h1>
    </div>
    <div class='descriptionwrapper'>
    <p class='description'><span>http://www.anshuldudeja.com</span></p>
    </div></div>

    And edit the text in red with title and in green with description.

  • Flickr Photos

  • Top widget of home page sidebar is flickr.I would like that you should use it for sure for keeping template beauty.Just how to add flickr photos now.Just have a flickr account if not, and upload your photos you like.

    Now just add the below script to the flickr widget from your blogger layout as you can see there with name My Photos.


    <script src="http://www.flickr.com/badge_code_v2.gne?count=10&display=latest&size=s&layout=x&source=user&user=XXXXXXXX@N04" type="text/javascript"></script>


    And just change the red text with the photo id of yours as you can see it on your photo links in your account.

  • Tabber Widget

  • As i have installed three tabbers in template and all working on one script.I have expanded the tabber script in blogger itself to work so as all of you can use it without bandwidth problems.So loading time of template can increase a bit.So if you not happy with it.Just take the script and upload to your own server and place it before the </head> tag in your template in below format.You will get the script with the download file of template.


    <script src='http://your-server-url/tabber.js' type='text/javascript'> </script>


    Just change the red url above with your server url.

    Note:-If you use tabber script in template of your own,don't forget to find and remove the script i have expanded in template.

  • 125x125 Sidebar Adds

  • You will find four 125x125 adds fixed in your template sidebar.Just eiher edit them with yours links and images or remove below codes completely if you don't want them.


    <div id='advert_125x125'>
    <a href='#'><img alt='1' border='0' height='125' src='http://www.themeforest.net/new/images/ms_referral_banners/GR_125x125.jpg' width='125'/></a>
    <a href='#'><img alt='1' border='0' height='125' src='http://www.themeforest.net/new/images/ms_referral_banners/TF_125x125.jpg' width='125'/></a>
    <a href='#'><img alt='1' border='0' height='125' src='http://www.themeforest.net/new/images/ms_referral_banners/VH_125x125.jpg' width='125'/></a>
    <a href='#'><img alt='1' border='0' height='125' src='http://www.themeforest.net/new/images/ms_referral_banners/125x125_AJ.jpg' width='125'/></a>
    </div>


  • Switching To Other Colors Of Template

  • Hi as i have released this theme in 9 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 css file for all 9 colors you can use any color css you like but at any time if you want to switch to other color you will try to upload other color css but this will effect all your widgets so just read simple instructions to switch to other color theme within a minute.

    Just check for below codes in your template.You will get them at the beggining of your template codes only.

    <Variable name="bgcolor" description="Page Background Color"
    type="color" default="#fff" value="#18191b">
    <Variable name="linkcolor" description="Link Color"
    type="color" default="#58a" value="#6099ff">
    <Variable name="textcolor" description="Text Color"
    type="color" default="#333" value="#a3d5ea">

    body#woothemes {
    background:$bgcolor url(http://3.bp.blogspot.com/_j82W7u9kZbs/Sqh3r8PhzRI/AAAAAAAAAJU/6s3whGZYO5U/s1600/bg.jpg) repeat-x center 0;
    color: #e9e9e9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    }


    Just change the red values of three colors and one background image in your template with values contaied in the other color styles and and your new color theme is ready.It will hardly just take a minute.So Enjoy It and have 9 different themes in 9 days.

    If i left something that you need more while installation of template or something where i got wrong in explaination or made complex let me know.



Template Full Support


If You really liked the template and want full support for this template,just use the paypal button at my blog sidebar to appreciate my work and make my time worth,i spent on this template design.

52 comments:

Prabhat's Books and Comics said...

Dear Anshul, new templates (released and using for blog)- are looking nice. Keep it up!

Kannan said...

Hi dude...I have been searching for this template for blogger from many days...There is a problem with the download link..

Thanks
Kannan

Anshul said...

@kanan Always read the complete post and then only comment for the issue.

Lonely.Boy said...

Hay Sir
how are you?
i hope u will be fine.
aap ke blog ki ye new layout great hai (y)
ab aap ka blog pehlay se zada kool lag raha hai,
boz pehlay sara black black tha na is liye zada maza daar nahi lag raha tha ...
Keep it up!

TATA
Ba Byee

Jeevan Jacob John said...

Hi,

I have uploaded this template. How can I add the color changer widget to my blog ? Please Help.
(the widget in demo blog)
http://blog.techpupil.com

Anshul said...

@jeevan
This is the hack i implemented you can get install from there.
http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm

Isaias Arredondo said...

Realy Realy Amazing!!! ^^

Jeevan Jacob John said...

Hi,

Since I didn't know how to work with the codes on Dynamic drive, I went to the dem blog and copied the code from there....I have uploaded the images and files of my own. Everything appears correct. But it's not working.Please find a solution for me...I can post the file links on the following comment...thanks

Anshul said...

@jeevan i checkd your blog source page the css you have uploaded is ok but there links are showing it as .txt file please save them as .css file to your desktop and then upload to opendrive and then chnage there links i.e you have uploaded files as .txt file not css thats mistake.Then it will work if you would have not mad any oher mistake.

And PLease upload all files on your server.

Anshul said...

@jeevan your javascript url too seems wrong as you have uploade as .txt.js it should be only .js.

Afrizal said...

cool, i really like this template thanks

Mia said...

Youve done an excellent conversion job w/ this theme :)

sop said...

my blog have some problem:
1- flickr not working
2- tabber (recent commen) not working

Anshul said...

@sop you tabbers are working fine they can't stop as they hosted on blogger and you are using picasaweb picture or script in place of flickr only flickr would work fine as i told in post.

pinkwin said...

i want it, i want it, i want it, I use it... okeh.. mcuaaahhh... :)

Jeevan Jacob John said...

hi,

Glad that You r back. I have updated the codes. But the template color change applies to only the main page. If anyone cliks the post page, the bg color becomes blue

lOn3ly said...

Thnx a lot ! :) Moi Blog looks much bettah >:D<

Dilip said...

Hy Anshul...
I like this template, but how to put the video? thanks

Digi Free said...

Thank you! Your blog post will be advertised on the DigiFree Blog Layout Freebie search engine today (look for timestamp: 16 Nov [LA 05:41pm, NY 08:41pm] - 17 Nov [UK 01:41am, OZ 12:41pm] ).

WinTempesta said...

thnx for this nice template :)

KVD said...

Thanks for nice template!

Mia Zoe said...

Hello Anshul , I have a question : Can you please instruct me on " where " I would be able to implement the Disqus Comment system on the theme - I need to keep track of the " Trackbacks " on the comments and since Blogger doesnt have this feature , its difficult you know ? do you think when you have time you can try playing around with the code & see if you can install it ( preferably with the png background which is on the current form - or else it just wont look good & will ruin the design ) . I would truly appreciate this . I have Disqus on my other Blog but it was differnt to install - I dont want to mess up this theme , I put in a lot of effort to customize it . Can you please help me in this when you have a chance ? I would really appreciate it greatly :)

Thank you Anshul :)

Anshul said...

@mia you seem to become aware of codes well.YOu have implemented many things nicely.And about disqus i never tried it.As you said first me too will try on demo blog and will try to implement on the theme.I will comment here if i succeed in it.

Mia said...

:) Yea, I can say I love coding more than I love design ! :D , I can spend days on trying t o learn and understand a code - I believe coding enables you to be a good designer ( if one doesnt know coding - they can never be successful @ designing in my opinion ) . I try to learn as much as I can - one has to love something in order to be good at it I believe. Thank you for trying to code the Disqus comment system into this theme ( I believe it will make it all that much better in the end - and I am CERTAIN you will achieve it ! ) ; I had installed it in the beginning when I was customizing the theme itself - and I succeeded of course , however : when you try running the ( Disqus Recent Comments json -api ) into the Irresistible recent comments widget - the dom tabs margin setting seems to get ruined - they drop down by a few pixels - and I was just too tired to sit there & attempt to get into it deeper . So, when you try to code the Disqus into the theme , keep in mind that in order not to lose the comments u must keep the original json recent comments and u must also implement the Disqus recent comments json as well . If you want to see what I mean , just take a look @ my other blog page HERE as u can see there are the ( prior ) comments from the Blogger comment system & the Disqus recent comments as well - so there are 2 json api feeds running in 1 widget . I hope this helps out in some way , but I know you will figure this out better than I did . Thank you again & I will be in touch soon . Take care :)

Mia. 

Anshul said...

@mia ya sure i will check for sure its new thing for me i will try.As give some time and today i will be releasing another template thats why busy. All will be going to love it for sure.

Anshul said...

@mia i tried disqus on irresistible its gets added n comments well but the back ground problem was not solved as template is really complex to deal with . you have to waste time on codes with experimentation.I got like this but distorted.
http://disqus-comments.blogspot.com/2009/12/tester.html
I would say to use default comments only.

Mia Zoe said...

hmm..yes, I see what you mean Anshul ..it does become distorted - and aside from that , the comments get listed in a descending order instead of the ascending order as in the Blogger comment system - well, I guess we tried - it seems that its not going to work in this particular theme - or maybe it will , if I muster up the patience to sit there and do it at some point ( but Im trying my luck out on WP at the time being so - between PHP & Bloggers XHTML , it can be quite a challenge - I get migraines at some point :D ) ; I guess I will have to tackle this at some later point in time . I thank you for taking the time to do this - lets see what happens a bit later on :)

Thank you once again Anshul . Be well :)

Mia 

Anshul said...

@mia if you still trying i suggest just first change the comment system i made for this as default to that of blogger style.Just change all css of comments and and its codes.Make it work fit. Then try disqus it might work for sure as i think.

Mia Zoe said...

When I first installed Disqus - I had removed the Blogger Comment iFrame- I placed the Disqus inside the png background, but : when I installed the Disqus Recent Comments json , the dom tabs on the recent comments widget became distorted - so I was tired & just couldnt fight w/ the code and I gave up by removing it and just installing the Blogger comment form again -and now , Im fighting with PHP code ( which is even harder ugh ! :(( ) and between this & PHP , MySQL , FTP & XHTML - I believe I just may end up blowing up the www. ! :)) ... maybe you should give this a go once you are done w/ the new theme youre working on - I am about to attempt implementing a beautiful pagination for this theme - once I get it right I will let you know - maybe you would like to implement it into the theme as well - it will be quite different from everything out there at present ! ( pray I get it right :)) ).

Will be in touch soon - be well Anshul Dudeja ! :)

marzuki said...

Hey there,

I was hoping if you could help me. I'm having problem with the drop down menu over at my blog. Here's a link: http://thespiralstairwell.blogspot.com/search/label/Philip%20Larkin

When u hover ur mouse over Other Links, a menu will drop down. But because of the box "Showing posts with label Philip Larkin. Show all posts", my menu disappear. Is there away to not make it disappear.

Also, if u clicked this link: http://thespiralstairwell.blogspot.com/2009/12/stubborn-creative-love.html , the drop down menu gets hidden behind the youtube video. How do i make the menu appear in front of the video?

Would be great if you or anyone here could help me out.

Best regards.

Anshul said...

@marzuki
=> Just add wmode="opaque" after < embed
=> So it will look like < embed wmode="opaque" . And than the rest of the code.
=> But the painful bit is, you need to add it on every embed code for video.

And remove showing posts with labels if you don't like it.

marzuki said...

Hey Anshul!!

Thanks alot! All done! Thanks for helping a stranger out. Appreciate it!

Eddie said...

first things first:
Awsome theme, really wow!

second thing it's seems it won't work on my "test" site (http://shitlog.nl)....
could you help me with this

Thnx a lot

Anshul said...

@eddie i would suggest just download fresh codes of google minima default template and then upload it to your template and reset it.

Now upload my template and download it again from ym download link so as no chnace of making mistake.

Eddie said...

Sadly it didn't work.
I did a revert to the standart design and then to minima en then to your design but no look.
Gonna try another one of yours i think.

thnx anyway....

Mia Zoe said...

Hi Anshul , I just wanted to let you know I DID IT ! ;;) I installed the Disqus comment form with the comments in an ascending order- did it manually with just 1 try ! have a look & tell me how you like it ? :D @ MIA Not bad for once around huh ? - I even managed the Disqus json feed recent comments without causing the dom tabs to get distorted ;))

Be well Anshul Dudeja ! ;)

Eddie said...

I got it working!
Took me a few hours but i think everything is perfect now.
Also using it for my "real" site/blog:
http://blog.gjaltema-online.nl/

Thnx a lot
Eddie

Anshul said...

@mia i am impressed with your hard work you made it to work. I liked it a much.If you determine you can do anythng.If you need any advice or help in future just contact me i am always to service at bloggers who are passioante to it.

Mia said...

Thanks Anshul, I appreciate your help and your conversion of this great theme ( which you made even more awesome ! ) :D Now I am here to refer a fellow Blogger to one of your awesomely converted themes ;) I hope you had a great Christmas holiday & I hope the New Year will bring you everything the old year didnt ! ;))

Be well Anshul Dudeja ! & Smile :)
All the best to you for 2010 & beyond !

Ana said...

Hello, Anshul!
First of all, thank you for converting this theme to blogger. You did a great job. But I always want more :))

First of all, I'd like not to have the posts on the main page stripped of html. I still want the formatting and the links on the main page, not only on the post page. Now I suppose you did this (removing html tags) for a reason - what are the problems that may appear if I change the removeHtmlTag function into one that simply extracts the first paragraph out of the post with the html tags?

Second, I'd like x comments on the main page to link to the comments section (blog-address/post.html#comments) - what are the problems that may appear here if i enclose that within < a expr:href='data:post.url + "#comments"'> < /a>?

Thank you in advance for your answer.

Anshul said...

@ana the codes of this template are very complex to make changes . As making change in post on one effect other. The best is to use this template as it is.As everything is perfect in it. I am not going to change anyhting in it its no need in it and will take a really waste of much time.So sorry friend for it.If u try to change one small thing you keep on going to change many other things to make it correct.I can suggest only use as it is, i can't give any help in this template bcz it would be totally waste of my time bcz me too has to work hard on its code to make small change.

XC said...

Great Template! Thx so much!

Biyan said...

Great design but hard installation.

fazlina said...

hi there.. i hv a problem with the flikr link.. the picture cannot be seen on blog.. feel very glad if u want to check..www.warisanhajiharun.blogspot.com

Anshul said...

@fazlina something you made wrong or wrong widget added anwhere.And just read instaructions to implement flickr photos and link.

raj said...

heya anshul, in demo template of this i ddid try to change the color of it through drop down menu the color is not changing at all. is there a problem with it, plss tell me in our blog also with this template the color will change na from the drop down menu

Anshul said...

@raj ya problem wih it.But with download link you will get xml fr all colors.You can use any u like and this feature of chnagung colors in not provided to you in template.

Doug said...

I have uploadedthe temp fine but layout will not show me anything to adjust or edit?? Help.

Doug said...

Page elements that is.

Rizaro said...

Love it...and use it to my radio station Blog @

http://pesonafmmadiun.blogspot.com/

LadyLongLocks said...

Hi Anshul,

After a bit of work, I finally got your template integrated into my blog and everyone loves it!

However, I'm having one small problem with the Date which appears above posts in large type (instead of small type underneath the posting title). Also, the full post is being displayed instead of only the first ten lines and the posts being separated by the little dashed line.

I've been looking at this literally days, and I can't figure it out. did Blogger do something to the format? What would I have to do to edit the code to fix it?

Thanks much in advance,

LadyLongLocks
http://fabulous-at-50.blogspot.com

Anshul said...

@lady you have not installed template correctly till now i think. Seeing many title images 2 times and post page not becoming big.

TO remove date just go to blogger Design > Page lemenets
Click on edit button of blog posts
POp up window will open Just uncheck date from there and save.

Post a Comment