Date A Live Blogger Template

blogger templates

Date A Live Blogger Template




Live Demo


Customization

1.Setting Menu

Go To Blogger
Select Template
Click On Edit HTML
Find the below code and then do do the customization in the menu. 

<li><a href='http://www.facebook.com'>Facebook</a></li>

<ul class='menusjohanes'>
<li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'/></li>
<li class='jolor' data-role='dropdown'><a href='#'>About</a><ul>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>

<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>

</ul></li><li class='jolor' data-role='dropdown'><a href='#'>Contact</a><ul>

<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>

<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>


</ul></li>
<li class='jolor' data-role='dropdown'><a href='#'>Download</a><ul>

<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>

<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>


</ul></li>
<li class='jolor'><a href='#'>Report</a></li>
<li class='jolor'><a href='#'>Watch</a></li>
</ul>

2.Setting Seo/Meta Tags

Change the first red text with your description of blog and the second red text change with your blog keywords.
<meta content='deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>

3. Setting the post date / resolve undefined.

Open settings => language and formatting on your blog as shown below. 
then follow the posting date format like the example shown below: Date header format:


Date header format: 

Timestamp Format:

Comment Timestamp Format






And Thats Everything To Set Now Download

source : http://mc-blogt.blogspot.com/2013/03/date-live-blogger-template.html