The template is contained in a zip file (winzip, winrar), ensure you have extracted the XML template.
2. Log in to your Blogger dashboard and go to Layout > Edit HTML
3. Ensure you back up your old template in case you decide to use it again. To do this, click on the "download full template" link and save the file to your hard drive.
4. Look for the section near the top where you can browse for your XML template:
5. Enter the location of your template and press "upload".
6. The HTML of your new template will now appear in the box below. You can preview your template or simply save to start using it!
7. Enjoy!
Now set the timestamp formate to monday, october 13, 2010.
How to Edit Top navigation Menu bar
And add link widget to it and remove its title and then edit your links.
And add link widget to it and remove its title and then edit your links.
<div class='tabdiv'>
<div id='feature-56'>
<div class='inpost'>
<h3>Righteous Kill</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in ...</p>
</div>
<a href='#'>
<img alt='' class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsoF6ru9-1Cozu443324ShG6TyMWUxxriAL5HnqxEr1D6p2NyXG6LDs6V-La9RlFVS2LQ_XIaqVxevRPesaoBgnEmEaw7fEr37uILpYsqpi9mhOn6ZGz7sjuB8l8_4BRrq7JWZmYyhy99a/s1600/1.jpg'/>
</a>
</div>
<div id='feature-54'>
<div class='inpost'>
<h3>Quisque sed felis</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in ...</p>
</div>
<a href='#'>
<img alt='' class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiluW-yjbNrJUHWtf6a4pOqsePu0lpcP0JHoUB_r6q9Prg4wj2Iwi0gzLQ-FhXCWIVz0IsqjkUXu_3Q50doSb8osufMIAv0k9da5EdiQQByaZLMhlqKoPrWlxhMHvONlZhk_Q6uCjesx1v7/s1600/2.jpg'/>
</a>
</div>
<div id='feature-50'>
<div class='inpost'>
<h3>Etiam augue pede, molestie eget.</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in ...</p>
</div>
<a href='#'>
<img alt='' class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk-312y97y3H1DWrSV-LxOwTOSmVN0BO3GGZEsHHLBp8ITHMQQDM72NZqihuT-FTR3vJUT18EIFfvFZtyvoR-v6hOxBYFmjXs1io-06_ArEbcCwvoA9GLVc3x5-ZJ3kOwkUP-OLonyefr0/s1600/3.jpg'/>
</a>
</div>
<div id='feature-18'>
<div class='inpost'>
<h3>Hellgate is back</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit ...</p>
</div>
<a href='#'>
<img alt='' class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKNR8UtrzE1jPSo-Hwgb4_RO1aImscxv6-bCPZhCP8i2yVAAK3N64ChOQtVBd1yO-XcXuvJNIv7jjd_cGewrTeVGN7TVzZayuYVfgbCUqEbIwhvmUTq4V7ZfWnqFBdp3wJpwq96UnBmuou/s1600/4.jpg'/>
</a>
</div>
<div id='feature-16'>
<div class='inpost'>
<h3>Post with links</h3>
<p>This is the web2feel wordpress theme demo site. You have come here from our home page.
Explore the Theme preview and inorder to RETURN to the web2feel home page CLICK ...</p>
</div>
<a href='#'>
<img alt='' class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKm9Ibyh8l5Gl7jDm3HjGh8v4sX1HSTRQMJCt3qyrMz6kBfJqKoP2C6oKSVcsfyG5EZebCdhiGG-Sij6dAvhdfLruSR09acmHnbDWKeFhyGzJXDep1U8fSdqroQcmQWcc69upx6aOOUBdD/s1600/5.jpg'/>
</a>
</div>
</div>
<ul class='inshadow' id='tabnav'>
<li>
<a class='listab' href='#feature-56'>
<img alt='' class='thumbim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWrTlz-PI-yh_4abHZtFIrQiFPjDBtlinbGcYctoTnNOqGhxC7oUqBVuX1oj4Hp6CUH2Bj1yv2XE7Fo-QE-y-fnhMVMUweAx7iJ_RP71ZnBY-fQEstHBK_zhjQWF4GP7RuA4lUzMarJOx-/s1600/1.jpg'/>
</a>
</li>
<li>
<a class='listab' href='#feature-54'>
<img alt='' class='thumbim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi55Bt1BRQv2BZCFBtZIKXqfBh5bra3yVdpjCnqF9v57bp70irxyIdNuI0n5mEch3ASxy0MlkRSTi3TgZMx6mZ-mAElqQUHWMilDpoKyubYgfZ9jRXi0sENSLwqbOU2M6X1ouXPARwJE7XC/s1600/2.jpg'/>
</a>
</li>
<li>
<a class='listab' href='#feature-50'>
<img alt='' class='thumbim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1gGXa1uDjZAB2DNuf4zsm4EQBAIs_H6RKo_QXIlXIjrA2dyAOPkmBhtlatPGIYMxyGAEhAv-pPd_sus1WWdJ8FEn-Fsg3X5XFzxWXCJXqhpq1cfIeqf6aBCMXkRkbIbDZyxCJQ4VIjIxS/s1600/3.jpg'/>
</a>
</li>
<li>
<a class='listab' href='#feature-18'>
<img alt='' class='thumbim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvTaNfDnUbqJjlPUkRNaheBvZg62OWm1HO1tyhdSN4xdzTZ3UJyL_DFz077RCKZFgJFfTFfnt-nCjkJWiJhh43Z3IsUwA407MPNmJ2Icn_COH9xSTsIJK7nGEPw2yVhVU4ILhUOyYL-GdV/s1600/4.jpg'/>
</a>
</li>
<li>
<a class='listab' href='#feature-16'>
<img alt='' class='thumbim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz7CU8Pu1WCSQz8P2dsp3AEsJw2EeiW_zMhV6JpbTXUFEjk7R_whnWakjYLB0fuJ1i8hKTrX7HsN6dqOs8wmQMx8K1V4rhbPKGdSo_MxRf3jfoAsizvV7AtqwN78f7W7P3wIpOvkHjq1fu/s1600/5.jpg'/>
</a>
</li>
</ul>
</div>
<h2 class='title'>Thumbnail Recent Post</h2>
<p class='thumbnail'>
<script language='JavaScript'>
imgr = new Array();
showRandomImg = true;
tablewidth =0;
cellspacing = 0;
borderColor = "#ffffff";
bgTD = "#ffffff";
imgwidth = 160;
imgheight =75;
fntsize = 12;
acolor = "#000";
aBold = true;
icon = " ";
text = "";
fsize= "11";
showPostDate = false;
summaryPost = 60;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";
numposts = 4;
home_page =
"/";
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
document.write('');
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
cmtext = (text != 'no') ? '<span style="color:'+acolor+'; font-size:'+fsize+'px;">'+pcm+' '+text+'</span>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = (showPostDate) ? '' : "";
posttitle = (aBold) ? "<b>"+posttitle+"</b>" : posttitle;
var trtd = '<a href="'+posturl+'"><img src="'+img[i]+'" width="'+imgwidth+'" height="'+imgheight+'"/></a><td style="background:'+bgTD+'" valign="top">'+icon+'' + daystr + '</tr>';
if(summaryPost == 0) { trtd = ''; }
document.write(trtd);
j++;
}
document.write('</table>');
}
document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
</p>
</div>
<h2 class='title'>Popular Posts </h2>
<div class='featlist'>
<div class='fblock'>
<a href='#'>
<img alt='' class='featim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf_IKINu7ki4CevXB7L4sphEGvexU5QXqVAUpvzzsObg7vg7JnqRrgJ_3JVSpl4C9K2l31uGw5P8_ZzFQKB2rINEdoysMWI0Mg9y728CbkdjIpdhtbNiS0nxhqd5CPTbyMFnuiL7vLN2bZ/s1600/feat_1.jpg'/>
</a>
<span> Hello world! </span>
</div>
<div class='fblock'>
<a href='#'>
<img alt='' class='featim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPNjyrw6GntEcb3IEmzG-956wACmR7fh6kv9fB-_yWVsr-UdBT83-fJImBAG1LfkJzuIAsLXsu5qykEeFVVs29B_3nUxPsqHK06wwtqoDIPPcAVR1bgAP_-dsZBGAjTA0mmpPjQGl3Qgn/s1600/feat_2.jpg'/>
</a>
<span> Righteous Kill </span>
</div>
<div class='fblock'>
<a href='#'>
<img alt='' class='featim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif0GIiAtJFks4LpKEncoh8EgmmlJ8z3sUEwRF2vXYy3KSG-51Le4VB0DaHkhG3OGrELSyZscIiMklERYrVqiIx1kxmNxmCF787HhsMT7PfrAVIkqRhGt6Ar4JJ46EO68mPC6yWbeMk2_mN/s1600/feat_3.jpg'/>
</a>
<span> Quisque sed felis </span>
</div>
</div></div>
<ul>
<li class='getshort'><a href='/feeds/posts/default'><img alt='RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDSmx0P1X267nalCKk6a7WTphopXBgazOOK74dXd2nTD_8ryXAENalNtbIQcqMu56Qou4P1WFIqpe6_QVwmJDlU9UtDgmFgtHZz6weT7HvT-wbRr4L4kRHNs9c62opNvCbc1KbUy84Nhd2/s1600/rss.png' title='subscribe'/></a></li>
<li class='getshort'><a href='#'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpZNSjo_1DX1l7xTYPoWeSNmzYqmSCOzeqmXk4PsPDn7N8NcGO6KqhgZN7X-D9t62caAdvd5HWXyAbP8oviL_koWBRUd6B1wz54TJjw01kZUpJzJ8a0SVCWVX6v8psPmYgdYwKEbk18tAS/s1600/delicious.png' title='Delicious'/></a> </li>
<li class='getshort'><a href='#'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifB4BOY0sRCZPP5PFaE-OL9iFIM6mgdAU8J9atI0xn363-OxctOL9jYYVJtpq1lpIrTLQo7w7Dd-Zp5Yjjt30-YzAFsG-Q3Z3JC_aKpo-7oeW640sGdl-xmynnThagqATZe_acTkC1CAqs/s1600/facebook.png' title='Facebook'/></a></li>
<li class='getshort'><a href='#'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkz8v4scxvOC5YBg14XQrktthl0mP4MpPtJSd67mEs6Z19Z9Vtod4mb9FzelFRV7VlnUUp3iuo7lS0KfEIqKZZipUfRvD66SpMlci8gicYwf4TVccw_K_mmYz_JKqjpntTihwuclu0UTR5/s1600/twitter.png' title='Twitter'/></a></li>
</ul>
</div>