Showing posts with label Tips and Tricks. Show all posts
Wednesday, June 3, 2009
  • Digg
  • Making Browse Category Navigation Address “Browse-Nav”

    0 comments
    Save to del.icio.us 0 hits!

    By adding the browse category navigation address into your blogger template, the reader can easily know the location of your . Now please see image below: example..

    browse_navigation

    To insert “Browse-Nav”, all you need with a few modifications of your template code. Please follow instruction below:

    1. Login into your blogger account.

    2. Click Layout.

    3. Click Edit HTML tab.

    4. Click on Download Full Template to backup your blogger theme.

    5. Now tick Expand Widget Templates and wait for a while.

    6. Search for this code below (Ctrl+F):

  • Copy and paste the code below exactly above the code ]]></b:skin>

    .browsenav {
    padding:5px 5px 5px 0px;
    margin: 0px 0px 15px 0px;
    font-size:95%;
    line-height: 1.4em;
    border-bottom:3px double #e6e4e3;
    }

  • Search the following code:

  • Copy and paste the code below exactly below this code <div class='post hentry uncustomized-post-template'>

  • Click Save Template.
  • Now please click on your post title to see something awesome..like it?..

    Read more...

    These icons link to social bookmarking sites where readers can share and discover new web pages.
    • StumbleUpon
    • Technorati
    • Sphinn
    • Facebook
    • Mixx
    • Google
    • Furl
    • Reddit
    • Spurl
    Thursday, May 22, 2008
  • Digg
  • Blogger Archives Dropdown Menu Classic Template

    1 comments
    Save to del.icio.us 0 hits!

    Recently, there got one reader asking for help how to configured blogger archives drop-down menu for classic template just like below image:

    Blogger Archive drop-down menu

    Now don't wash time, i will show you how to tweak BlogSpot Classic Template with just a simple coding add-in. Please follow this steps:

    Note: Remember to backup your template and widgets before attempting to follow the steps below.

    1. Login to blogger with your ID.

    2. At dashboard, click Template.

    3. Click on Edit HTML tab.

    • Search for sidebar section and find this code :

      <BloggerArchives>
      <a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>
      </BloggerArchives>

    • Replace above code with this code :

      <select name="archivemenu" style="width:100%" onchange="document.location.href=this.options[this.selectedIndex].value;>
      <option selected>- Archives -</option>
      <BloggerArchives>
      <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
      </BloggerArchives>
      </select>

    • Save Change. Done..

    See the different? hope you like it…

    Blog till you expert….

    Read more...

    These icons link to social bookmarking sites where readers can share and discover new web pages.
    • StumbleUpon
    • Technorati
    • Sphinn
    • Facebook
    • Mixx
    • Google
    • Furl
    • Reddit
    • Spurl
    Sunday, February 3, 2008
  • Digg
  • Remove Count Label Indicator From Blogger

    0 comments
    Save to del.icio.us 0 hits!

    How many of you know about label? please visit this site for more about . For today post i will show you how to remove label static indicator from your blog. please look at below picture:

    example:

    Before editing code

    How to remove count label indicator from blogger

    After editing code

    After remove count label

    Methods to remove label count from your blogger

    Steps:

    1. Login to your blogger with your ID.

    2. At dashboard page , click Layout.

    3. Click edit HTML tab.

    4. Click the Download full template link. Backup your blog template first:

    5. Tick Expand Widget Templates.

    • Find this code ( Ctrl+F):

    • Now delete above code then save it.
    • Now see the result.
      Yeah!!… your blog look nicer now..
      Happy blogging!!
    Read more...

    These icons link to social bookmarking sites where readers can share and discover new web pages.
    • StumbleUpon
    • Technorati
    • Sphinn
    • Facebook
    • Mixx
    • Google
    • Furl
    • Reddit
    • Spurl
    Monday, January 28, 2008
  • Digg
  • How To Add Search Engine Form To Blogger

    0 comments
    Save to del.icio.us 0 hits!

    By adding a search engine form in your blog of course will make your visitor easier to find the articles in your blog, for the reason hence opening the big opportunity of your articles will in reading by many visitors.
    How?… follow this step below:

    • Login to blogger with your ID.
    • At dashboard page , click Layout.
    • Click at Page Element tab

    layout

    • Click on Add gadget.
    • Click the sign plus ( + ) for HTML/JavaScript.
    • Copy and paste the following code into available column :

      <form id="searchThis" action="/search" style="display:inline;" method="get">
      <input id="searchBox" name="q" size="20" type="text"/> <input id="searchButton" value="Search" type="submit"/>
      </form>

    • Click Save button.
    • Done.

    Note:

    Explanation above code:
    size="20"
    This code is to arrange the wide of search box. You can change it according to desire, ever greater of his value of course more wide. Example : size="15", size="35"
    next..
    value="Search"
    You can change this word with your own word. Example : value="GO !"

    Try to search it!! here..

    Read more...

    These icons link to social bookmarking sites where readers can share and discover new web pages.
    • StumbleUpon
    • Technorati
    • Sphinn
    • Facebook
    • Mixx
    • Google
    • Furl
    • Reddit
    • Spurl

    About Me

    Subscribe now!Feeds RSS

    Blog Directory

    Blog Directory