MyTimeLine (Responsive Blogger)

MyTimeLine is a free blogger template with 2 columns, responsive design, magazine-styled, right sidebar, gallery-styled, minimalist, exclusive design for Blogger, ads ready, footer columns, slideshow, social bookmarking icons, posts thumbnails, tabs, drop down menu, breadcrumbs, emoticos, emoticons, well formatted threaded comments and neutral colors.
Excellent layout for blogs about any general topic, internet, music, news, a diary, photography or travel.
Download MyTimeLine for free in BTemplates.

DEMO | DOWNLOAD

CONFIG

 Login to blogger dashboard --> layout --> Edit HTML
Now scroll down to where you see the codes below:

Middle Menu
<ul id='navinti'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>About</a></li>

<li><a href='#'>Archive</a></li>

<li><a href='#'>Comments</a></li>

<li class='dgnsub'><a href='#'>With Sub Menu</a>

<ul class='sub-menu hidden'>

<li><a href='#'>Sub Menu</a></li>

<li><a href='#'>Sub Menu</a></li>

<li><a href='#'>Sub Menu</a></li>

<li><a href='#'>Sub Menu</a></li>

</ul>
</li></ul>


Just replace "#" with your menu item URL.




Change profile image picture:
find this image link:
http://lh6.googleusercontent.com/-S_u47sY4Ias/AAAAAAAAAAI/AAAAAAAAFWs/nVcUUPYZkmQ/s50-c/photo.jpg

and change with yours profile image link..

OTHER CONFIGS

Recent Post

<div id="recentpostxx"></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccpostsx({
numpostx:4,
id_cintainrp:"#recentpostxx",
cmtext:"Comments",
thumbSize:60,
contjumlah:100
});
});
//]]>
</script>



Recent Comments

<div id="recentcommnetsx"></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccommnetsx({
id_containrc:"#recentcommnetsx",
numComments:4,
avatarSize:50,
characters:100,
adminBlog:""
});
});
//]]>
</script>




Random Post
<div id="randompostxx"></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
RandomPost({
MaxPost:6,
RandompostActive:true,
idcontaint:"#randompostxx",
ImageSize:200,
tagName:false
});
});
//]]>
</script>

to show post by tag/label, fill tagName like this: ex:label blogger ---> tagName:"blogger"
to show recent post change RandompostActive value to false like this : RandompostActive:false