How to Remove “Undefined” date in Blogspot Templates

When you upload a new blogspot template from third party designer to your blogspot and found that the date for your post was “undefined”. This is actually an error, then you have to correct it. This “Undefined” error will appeared in every post instead of the blog post date.

undefined error

The reason for this error is the blog timestamp does not match with the one required. To fix this error, you have to follow this simple steps:

1. Loging to your blogger dashboard
2. Go to Setting
3. Go to Formatting
4. Modify the Date Header Format, Archive Index Date Format and Timestamp Format as below.

5. Click Save button.

How to Configure Blogspot Template

1. How to Configure Meta tags

Login to your blogger dashboard–> layout- -> Edit HTML.Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE,KEYWORDS HERE as below.

DESCRIPTION HERE:Write your blog description
KEYWORDS HERE:Write the keywords of your blog separated by comma.

2. How To Configure Favicon:

Login to your blogger dashboard–> layout- -> Edit HTML.Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace “YOUR-FAVICON-URL” with your Favicon address/url.

3. Configure Featured Content Slider:

Login to your blogger dashboard–> layout- -> Edit HTML.Find <!– Featured Content Slider Started –>.Now scroll down slowly and you can see each featured slide codes between <div class=’fp-post’> and </div> .

Now replace,

  • “This is default featured post X title” with your featured post title.
  • “featured-post-X-url-here” with your featured post URL.
  • “Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
  • Slider image address with your slider image.

for each featured slide.

4. How To Configure Second Navigation Menu

Find <div class=’menu-secondary-wrap’> inside your template.(using CTRL+F).This is the beginning of the navigation menu.Now follow the steps given here:

5. How To Change Tab Names of Tab Widget

If you want to change your tab names of your tab widget then find this:

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
</ul>

Now change the names “Populars”, “Tags” and “Blog Archives” as you like.

6. How To Add a Header Logo

You can add a header logo for this template easily in the “Page Elements” section(Blogger Default Method).Logo image size must be 275px width and 64px height.

How to Add Post Footer to WordPress

These are a few steps to add post footer in WordPress post:

Steps
1. Go to plugin menu
2. Click Add New and
3. On the search box, type term –> add post footer, then click search plugin
4. It will show you one plugin called “Add Post Footer”, and click install. Then activate the plugin.
5. Once activated, go to setting menu, then click ” Post footer”
6. On these page, you will be able to customize the setting such as below :

  • Add Ad before Related Post: Select Yes/No
  • Add following Ad. code to the end of post: Select Yes/No
  • Add Ad Code Script:
  • Add related post list: Select Yes/No
  • Add Maximum number of post in the list:
  • Add The header text for post list:

How to Upload and Install a Blogger Template

This article assume that you already downloaded the new blogger template to your computer. If the template is contained in a zip file, please ensure that you have extracted the XML template.

How To Upload and Install a Blogger Template.

1.Login to your Blogger Dashboard.
blogger
2.Click on “Design”. By default you will redirected to page elements page.
blogger
3.Click on “Edit HTML”. From this page, you can perform backup/restore Template.
blogger
4.Click on “Browse” then select your new blogger template.
blogger
5.Click on “Upload”.
6.Now confirmation message will appear.Click on “KEEP WIDGETS”.

How to Automatically Update Your FaceBook Status When You Add New Post on Your Blog using RSS Graffiti

In this Post, i will guide you the quick steps to automatically update your facebook status when you add new blog post using RSS Graffiti. RSS Graffiti makes it easy to share your blog posts, Twitter updates, YouTube videos and other social activity with your friends and fans on Facebook. RSS Graffiti can be use at any site that has an RSS/Atom feed. With RSS Graffiti you can schedule regular updates to keep friends and fans up to date with your latest activity and latest post.

This steps assumed that you already have facebook account.

1. Login to your facebook

2. Browse to this facebook app url:

http://apps.facebook.com/rssgraffiti/

3. Go to Feeds tab, and the click “+ Add feed”

4. On Feed URL, Enter the URL of your RSS/ATOM feed

5. On Source Name, Enter a name of your blog feed.

6. On Source URL, enter your source site. If you leave this blank graffiti will use the Channel URL from your blog feed.

7. Select Style.

8. Click Save.

Note : This is basic configuration, you can do further customization on Filter, Transform, Schedule and More Tab.

How to Remove the Blogger Nav Bar

If you are using blogspot and now using basic template from blogger, you will see below navigation bar at the top of your blogspot blog:

Follow Share Report Abuse Next BlogĀ»

There is the simple way to remove or to hide this nav bar on blogger account. Please follow below steps to remove it.

1. Login to blogger.com dashboard.
2. Go to Edit HTML and Expand Widget Templates
3. Find below code:

    <b:skin><![CDATA[/*
    

4. Add this code after above code as below

    #navbar-iframe {
       display: none !important;
    }
    

Example :

    <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name:     Simple
    Designer: Josh Peterson
    URL:      www.noaesthetic.com
    ----------------------------------------------- */
    #navbar-iframe {
    display: none !important;
    }
    

5. Save your template

How to Create Automatic Thumbnail and Read More Function for Blogger

There is the simple way to customize your blog with automatic thumbnail and read more on the content. The steps are as below:

1. Login to blogger.com dashboard.
2. Go to Edit HTML and Expand Widget Templates
3. Find below code

    <data:post.body/>
    

4. Replace <data:post.body/> with below code.

    <p><script type='text/javascript'>
    summary_noimg = 430;
    summary_img = 340;
    img_thumb_height = 100;
    img_thumb_width = 120;
    </script>
    <script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>
    

5. Click Save.