Skip to main content

Breadcrumb For Blogger

Hi... Friends. Sorry for not posting for a long time because i am busy in website template makeover. After all i will going to tell what thing i have introduced in my website template and how you can use it in you templates for blogger.
In this post i am going to tell how to introduce Breadcrumb in Blogger. Breadcrumb trail will help readers keep track of their location and they can browse easily between different parts of website.

In Dtcrunch template, there's a section for reader postion 

Here is steps to make a breadcrumb for blogger template 

1. Log in your blogger Account 

2. Click Layout -> Edit HTML -> Download Full Template for Backup

3. Check the Expand Widget Template 

4. Find the code ]]></b:skin>

5. Copy and paste the code below exactly above the code

             .breadcrumbs{
             padding:5px 5px 5px 0;
             margin:0;font-size:95%;
             line-height:1.4em;
             border-bottom:4px double #cadaef;
            }

6. Find the following code in your template :
            <div class='post uncustomized-post-template'>

7. Copy and paste the code below exactly below the code <div class='post uncustomized-post-template'>

     <b:if cond='data:blog.homepageUrl == data:blog.url'>
      <b:else/>
         <b:if cond='data:blog.pageType == &quot;item&quot;'>
           <div class='breadcrumbs'>
                       Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
                      <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
                             <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
                              <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
                                </b:loop>
                        </b:if> &#187; <data:post.title/>
                    </div>
          </b:if>
        </b:if>

8. Click Save Template button

9. Wait for a while until your template saved, Now open you blog, click the title of an article see the results
enjoy!!

Popular posts from this blog

Google Translate, Now With Voice Input

Google Chrome 11 added support for HTML speech input API. " With this API, developers can give web apps the ability to transcribe your voice to text. When a web page uses this feature, you simply click on an icon and then speak into your computer's microphone. The recorded audio is sent to speech servers for transcription, after which the text is typed out for you." Google Translate is the first Google service that uses this feature. If you use Google Chrome 11 Beta , Google Chrome 12 Dev / Canary or a recent Chromium build and visit Google Translate (Click Here) , you can click the voice input icon. Right now, this feature only works for English, so you need to select "English" from the list of input languages.

Upload and View Videos in Google Docs

Google Docs , It is the popular cloud based Office Suit of Google . Google has been continuously adding new features for his users in Google Docs. Recently Google made Docs more advance by adding the uploading, storing and viewing video feature to Docs. Here is the way how you can upload and view video in Google Docs. Google provide 1GB space for upload a video with the maximum resolution of 1920x1080. It also supports multiple formats like WebM , MPEG4, 3GPP and MOV files, AVI MPEGPS, WMV and FLV. To upload a video just click on upload button at the left top. To watch your Uploaded video simple click on the file from your document list.

Google Calendar's Favicon Changes Every Day

When Google Calendar changed the Favicon , many people wondered why it only shows 31 . "Does it mean that starting today, every day will be the 31st ? Seriously, favicon should be changed everyday to match the date," suggested a Google Calendar user. Google listened to the feedback and the favicon will now change Every Day. "When you look at the Google Calendar icon at the top of your browser window, it will no longer always display 31 but will instead change to reflect the current day of the month. Today's date is now always a short glance away." Google Calendar is the first Google service that has a dynamic favicon, but you can change Gmail's favicon to show the number of unread messages . Click to Enable button.