Understand your Beta-Template

I have come across many bloggers who have great ideas but are scared to even try them on their template for the fear of messing it up and ruining several days labour. So i have compiled a small note on getting to know your temmplate as individual sections.the Links are to a text file and they will open in a new window. If the links donot open or if you are not able to see the text file kindly let me know

Color Chart Variable Defenition Hyperlinks
Header 3-Colum-body Date-header
Post Body SideBar appearence Footer
Post Footer Post Template

Do let me know if your opinion.There are many who may have the same doubhts as you.So Share your views and help us all.

21 Replies to “Understand your Beta-Template”

  1. first impression… that “# clicks today” pop-up is annoying and just-plain in thw way. I don’t want to know how popular you are: I want to learn from you!

  2. Welcome Wendell
    I sorry if the popup is annoying..
    I was jsut trying out ferw things.I shall imeeditely disable it.Thnks for telling me
    Deepa

  3. Thanks for commenting on my blog deepa 🙂

    I will be a regular visitor to your blog as I like to soak up as much information as possible to improve on my own. Thanks so much for sharing.

  4. Deepa,

    #sidebartop-wrap {
    background:$topSidebarBgColor url(“http://www.blogblog.com/rounders2/corners_prof_bot.gif”) no-repeat left bottom;
    margin:0px 0px 15px;
    padding:0px 0px 10px;
    color:$topSidebarTextColor;
    }

    #sidebartop-wrap2 {
    background:url(“http://www.blogblog.com/rounders2/corners_prof_top.gif”) no-repeat left top;
    padding: 10px 0 0;
    margin:0;
    border-width:0;
    }
    This is wat I have and I wanna sidebar to my left as I have too many in right side.

  5. Priya.. i have given with refrence to the template i am using..May be if could be little more specific where its confusing.. i can perhaps sort it out

  6. Hi!
    My blog is http://dknit.blogspot.com and I’m just trying to regain the design I had before I switched to the new template. I would like to change the look of the date-section of the posts. Additionally, so far my post titles just look like links, but they don’t link anywhere. How can I change that? I’m using the Minima template.

    Thanks a lot!!!

  7. welcome Dorothee
    //////////////////////////
    my post titles just look like links, but they don’t link anywhere.
    ////////////////////////////
    Notice that your main page has all your posts in the reverse chronological order (ie…first post will appear last and the newest post will appear first..)well thats how blogger is designed..However when you clik on your post-title(which u say appear as link).. this will open only that particular post in an entire posts…This is called the permenant-link (permalink)…This is default in blogger..I guess this can be removed with a litte tweaking..but not advisable.

  8. Hi Deepa,

    thanks for your answers!
    I just double-checked clicking on my post titles, and everything is like I wanted it to be.
    I also figured out how to modify the date header.

    What I have problems though is the title header of my blog. I’d like to “move it to the left” a bit, but don’t know how/where to do this. Plus, I’d like to make my title picture a link that leads to my blog’s main page when clicked.
    Do you have any ideas about this?

    Thanks a lot,
    Dorothee

  9. Dorothee.. i think u have add the picture as a picture widget..

    Option:-1
    Insted i would suggest that u delete that picture widget (or if u added the pic using <img > tags) delete that and add a Blog-Header widget and then add the specif picture to the header.. so taht it becomes a link to main page by default

    OPTION :2
    In u r template locate the code that specifies the picture and
    add
    < a href= “the url of your main blog page” >

    < img src= “Picture url” / >
    </a>

  10. Hi Deepa,

    yes, I think I did add the blog title as a header widget. It seemed easier this way, especially with other modifications following, like changing the position of the title header (which I still haven’t found out).

    Does your 2nd option apply for the widget-thingy? Because I can’t seem to find the area in the template that you indicated.

    Thanks,
    Dorothee

  11. Dorothee..
    //////////////////
    I think I did add the blog title as a header widget.
    ///////////////////
    I dont think so..Just go to Template-Page elements..tell me waht u see in the header postiion…Does it say “header” or “picture”..Coz..if its header it will automatically link to main page

    OPTION-2 is specifially for the picture widget thinggy.. if u choose to retain it..Finding specific widget code can be tedious..
    Try Sercing for http://photos1.blogger.com/blogger/5346/1942/1600/header_rounded_exakter%20Kopie.jpg in the template – Expanded Widgets must be cheked..using Ctrl + F

  12. Hi Deepa,

    I did use the widget thingy to include the picture in my blog title. I checked the header section in the Page Elements page, and it does say “picture”.
    Well, that’s that, but I don’t find the url you quoted – even though I had the “expand widget template” checked. I know it must be in there as you were able to find it, but I can’t!
    I found this instead:

    < div id='header-wrapper'>
    < b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
    < b:widget id='Image1' locked='false' title='' type='Image'>
    < b:includable id='main'>
    < b:if cond='data:title != ""'>
    < h2>< data:title/>< /h2 >
    < /b:if>
    < div class='widget-content'>
    < img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/ >
    < br/ >
    < b:if cond='data:caption != ""' >
    < span class='caption'>< data:caption/ >< /span >
    < /b:if >
    < /div >
    < b:include name='quickedit'/>
    < /b:includable>
    < /b:widget>
    < /b:section>
    < /div >

    Can I possibly work from here?
    Many thanks!

  13. Thats ok dorthee.. just add
    <a href=”url of u r homepage” /> <img expr:alt=’data:title’ expr:height=’data:height’ expr:id=’data:widget.instanceId + “_img”‘ expr:src=’data:sourceUrl’ expr:width=’data:width’/>
    </a>..
    ie.. i have added the tags between the image

  14. Yay! It worked!
    There was only one little mistake that made me stumble:
    < a href="url of u r homepage" /> < img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width' />
    < /a>..
    That one / mustn’t be there.
    Thank you Deepa! You’re my hero.

  15. dear deepa:

    u have become a hero/heroine of dorothy. keep it up. a little genius is coming up, i pray god that u get the right push up to show your talent.

    all the best

Leave a Reply

Your email address will not be published. Required fields are marked *