Technology......: Blog Tempelate

For applying new tempelates to your blog or web-sites, just copy paste the following code in the editor section of Design or Layout section.....The scree-shot for the given tempelate is as follows :-

The XML code for the same starts as follows :-

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1

-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-

content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~

<data:blog.title/></title>
</b:if>
<meta content='Your Blog Description here!' name='description'/>
<meta content='Your Keywords here!' name='keywords'/>
<meta content='Author Name here!' name='Author'/>
<meta content='Author Email Address here!' name='Email'/>
<meta content='global'

name='distribution'/>
<meta content='5 days' name='revisit'/>
<meta content='5 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow'

name='robots'/>
<meta content='en' name='language'/>
<meta content='IN' name='country'/>
<meta content='blogger' name='generator'/>

<link href='Your

FavIcon Url here!' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='Your FavIcon Url here!' rel='icon' type='image/x-icon'/>

    <b:skin><!

[CDATA[/*
-----------------------------------------------
Blogger Template Style
Name    : Henit Nathwani

Author : Love Blind Madness

URL     : http://loveblindmadness.blogspot.in/
Updated : Love Stories
----------------------------------------------- */

*{outline:medium none}
#navbar-

iframe,.Navbar{display:none!important}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,pre,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt

,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-

align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after

{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
h1{font-

size:25px;margin-bottom:.5em}
h2{font-size:22px}
h3{font-size:20px;margin-bottom:.4em}
h4{font-size:18px;margin-bottom:.4em}
h5{font-

size:16px;margin-bottom:.4em}
h6{font-size:14px;margin-bottom:.4em}
code,pre{display:block;background:#ccc;border:1px solid

#000;overflow:scroll;clear:both;margin:10px 0;padding:10px}
a:link,a:visited{color:#a9a9aa;text-decoration:none}
a:hover{color:#f6c886}
html body

{background:#111 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqyUN4LRUUb990sdpS1TGST9Q0VK0_GBMEVwbzChE6F9h62V99QwMuyRnl6uYg9PyfUzywbhoYmyB6r0xkd62umFQiZcYI4oPIpP5RPlinPyqsS5-wNF7mdQqMl8Ixco3S3V5nFQvfzXs/s1600/bg-header.png) repeat-x top;font-

size:13px;font-family:Trebuchet MS, Verdana, Tahoma, Times New Roman;line-height:1.5em;color:#AAA9A9}
#header-wrapper

{width:970px;height:70px;padding-top:10px;margin:0 auto 8px}
#top{width:730px;height:70px;float:right;position:relative;z-index:9999999999999}
#top li

{float:left;border-right:1px solid #090909;border-left:1px solid #484747}
#top li a{text-shadow:1px 1px 1px #000;display:block;float:left;color:#cfcccc;text-

transform:uppercase;font-size:14px;height:59px;padding:17px 17px 0}
#top li a strong{display:block;margin-bottom:10px}
#top li a span{display:block;font-

size:11px;color:#8e8d8d;text-transform:lowercase}
#top li ul{margin-top:44px;background:#222;margin-left:-1px;width:180px;filter:alpha(opacity=87);-

moz-opacity:.87;opacity:.87;padding:0}
#top ul ul ul{margin-top:-1px;margin-left:50px;width:180px}
#top li li{line-height:30px;border-right:0;border-

bottom:1px solid #000}
#top li li a{text-transform:none;color:#acabab;font-size:12px;height:auto;padding:0 10px 0 15px !important}
#top li li:hover a

{color:#f9e937}
#top .last{border-right:none!important}
#main-wrapper{-moz-box-shadow:0 5px 5px 5px rgba(0,0,0,0.6);-webkit-box-shadow:0 5px 5px 5px

rgba(0,0,0,0.6);width:970px;margin:0 auto}
#content-wrapper{background:url(http://2.bp.blogspot.com/-

vYfv5wb5hL4/TsfPPEmN04I/AAAAAAAABDg/06IwCEG51lk/s1600/main.gif) repeat-y;border:1px solid #232323;float:left;width:635px;margin:10px}
#sidebar-wrapper{float:right;width:300px;color:#868585;margin:10px 10px 10px 0}
#footer-wrapper{margin-

top:0;clear:both;width:100%;height:75px;background:url(http://1.bp.blogspot.com/-VbITJDsO5H8/TyWx-

2h_7BI/AAAAAAAAE2k/kvmCZJJDdvY/s1600/footer.png) repeat-x top}
#footer{width:970px;overflow:hidden;font-size:12px;margin:0 auto;padding:25px 0

0}
#footer a,#footer a:visited{color:#b6b6b6}
#footer a:hover{color:#fff;text-decoration:underline}
#header{float:left;width:225px;padding-top:10px}
#header

p.description{color:#b5b5b5;text-transform:lowercase;font-size:12px;margin:-5px 0 0 5px}
#sidebar h2{font-size:16px;color:#8e8d8d;font-

family:Arial;padding:0 0 15px}
#sidebar .widget{clear:both;margin-bottom:10px;overflow:hidden;padding:0}
#sidebar ul{margin-top:-5px}
#sidebar ul.children

{margin:6px 0 -6px}
#sidebar ul li,#sidebar-tabber ul li{margin-left:0;border-bottom:1px solid #232323;padding:6px 0}
#sidebar li li{border-bottom:0;border-

top:1px solid #232323}
.last{border-bottom:none!important}
h3.post-title{line-height:25px;font-size:25px;font-family:Arial;margin:10px 0}
.meta{margin-

bottom:25px}
.rmlink a{font:bold 11px Arial;color:#fff;background:#8e8d8d;float:left;padding:4px 7px}
.post{background:url(http://1.bp.blogspot.com/-

lWv3gz54L60/TyXSM16eDQI/AAAAAAAAE3M/bXOXTws8ftw/s1600/batas.gif) repeat-x scroll bottom;padding-

bottom:20px;overflow:hidden;margin:10px}
.post-body{line-height:20px;margin:0}
.post-body h2{margin-bottom:.4em}
.post-body p{margin-bottom:10px}
.post-body th{margin-right:2px;padding:0}
.post-body li{list-style:circle inside}
.post-body ol li{list-style:decimal inside}
blockquote{border-left:10px solid

#666;margin-left:20px}
blockquote p{padding:10px}
.alignleft{float:left;margin:5px 10px 0 0}
.alignright{float:right;margin:5px 0 0 10px}
img.aligncenter

{display:block;margin:0 auto 5px}
.post table{font-size:1.2em;margin:5px 0 25px 1px}
.post table td{border:1px solid #ccc;padding:8px}
#blog-pager

{clear:both;text-align:center;margin:20px 0;padding:10px 0}
.showpageOf{border:1px solid #8e8d8d;color:#8e8d8d;margin:2px;padding:3px 7px}
.showpageNum a,.showpage a{border:1px solid #8e8d8d;color:#8e8d8d;text-decoration:none;margin:2px;padding:3px 7px}
.showpageNum a:hover,.showpage

a:hover,.showpagePoint{border:1px solid #faba71;color:#faba71;margin:2px;padding:3px 7px}
.comments{padding:10px 30px}
.comment-form

{width:520px;max-width:520px;overflow:auto;clear:both}
#comments h4{font-weight:700;line-height:1.4em;text-transform:uppercase;letter-

spacing:.01em;color:#ccc;margin:1em 0}
#comments-block{line-height:1.3em;margin:1em 0 1.5em}
#comments-block .comment-body{margin:.25em 0 0}
#comments-block .comment-footer{line-height:1.4em;text-transform:uppercase;letter-spacing:.01em;margin:-.25em 0 2em}
#comments-block .comment-body

p{margin:0 0 .75em}
.deleted-comment{font-style:italic;color:gray}
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link

{width:92px;height:26px;padding-top:6px;text-align:center;display:inline-block;color:#fff;text-shadow:1px 0 1px #000;background:url

(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-IDGuZJLl2uiFJNAYyBwF-C29B4Xu4LKhqle2Go6hPqrQ52qg8618zt_LVvbyhK97WL39yRRTpXjlkhdwSFuyMTAvRjeaR9J-OPNM73eQpMJ6uUj-P6zA1oLy4zvCtdIkJ5G2SFscnNU/s1600/pager-bg.png) no-repeat;font-size:11px;text-

transform:lowercase;margin:0 10px}
.tabber{border:1px solid #232323;width:300px;margin-bottom:15px}
li.tabberactive a{color:#000!important}
#sidebar-

tabber .widget{margin:5px 0;padding:10px 15px}
.h{padding:13px 0 10px 5px}
ul.htabs{overflow:hidden;background:url(http://2.bp.blogspot.com/-

amys2elRnfM/TyXyyfMm3nI/AAAAAAAAE4s/weY_nGejDIo/s1600/sidebar-bg.png) repeat-x bottom;padding:0!important}
ul.htabs li{display:inline-

block;border-left:1px solid #232323;margin-bottom:0;float:left;padding:8px 12px 10px!important}
ul.htabs li a{text-shadow:1px 1px 1px

#000;background:none!important;font-size:14px!important;color:#acabab!important;font-weight:700!important}
ul.htabs li a:hover{text-decoration:underline}
ul.htabs a{float:left;margin-top:0;overflow:hidden;padding:0}
ul.htabs li.tabberactive a{color:#cfcfcf!important}
.tabs .bullet{border-right:1px solid

#232323;color:#d00;padding-right:4px;clear:right;display:block;float:left;height:17px;overflow:hidden;text-align:right;width:10px;margin:0 4px 4px 0}
.bmod

.bullet{background-color:#fff;margin:-9px 6px 0 -10px;padding:8px}
.tabs{margin-top:2px;overflow:hidden;padding-bottom:15px!important}
.tabs li

{clear:both;padding-left:12px!important;padding-bottom:12px!important;border-bottom:1px solid #232323!important;margin:4px 0}
.tabs ul{margin-bottom:-

25px!important}
#tagst{padding:12px}
*+html .tabs ul{margin-bottom:0;overflow:hidden}
.bg-menu,.bg-menu *{list-style:none;margin:0;padding:0}
.bg-menu

{line-height:1.0}
.bg-menu ul{position:absolute;top:-999em;width:10em}
.bg-menu ul li{width:100%}
.bg-menu li:hover{visibility:inherit}
.bg-menu li

{float:left;position:relative}
.bg-menu a{display:block;position:relative}
.bg-menu li:hover ul,.bg-menu li.bgHover ul{left:0;top:2.5em;z-index:99}
#gallwrap

{width:100%;clear:both;height:200px;background:#222 url(http://1.bp.blogspot.com/-B_WFAHWmFT0/TxaNn5fzQOI/AAAAAAAAEkI/SekcCzhFE-

Q/s1600/background-slide.gif) repeat-x bottom;margin:8px 0 0}
#mygallery2{width:960px;margin:0 auto}
.stepcarousel

{position:relative;overflow:scroll;width:960px;height:200px;background:transparent;margin:0 auto}
.stepcarousel .belt{position:absolute;left:0;top:10px}
.stepcarousel .panel{float:left;overflow:hidden;margin-right:4px;width:155px;height:167px;background-color:transparent;margin-top:12px;margin-

left:49px;padding:8px}
.stepcarousel .panel img{float:left;border:1px solid #d0cfcf;margin:0;padding:2px}
.panel img:hover{border:1px solid #8e8d8d}
a.prev

{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6mE7fYIFE_BAfRPTHdjEV0RDWULHPdWEAOkdkPRZUvGaYDKeePSte4jlrTxPL3vpF974nro63O89O01tBmMEGtwUUdMaZaAhjT7Qxa9NpPWzQN2t6gXPT9LnWdFor06yvibsP35i-5kE/s1600/previous.png) no-repeat

scroll;height:200px;width:40px;display:block;position:absolute;top:0;left:0;text-indent:-9999px}
a.next{position:absolute;top:0;right:0;background:url

(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy5Fale8jjmjJuHHXtyW1HGYsrxKboOyXJxBD682MIJNnYQMGQGW2ZYyFyozKyhpjfEQf448uILIQHcQoKTHsMFhR0FYmmpMP29oxwo1a1e1_6eeaS2MM1_5UiiL9U6n_oWr3S_hINHxQ/s1600/next.png) no-repeat

scroll;height:200px;width:40px;display:block}
.titleg{font-size:12px;display:inline-block;margin-top:10px}
.titleg a:visited{color:#AAA9A9}
.titleg a:hover

{color:#7a7a7a}
.Profile img{border:4px solid;float:left;margin:5px 10px 5px 0;padding:0}
.profile-data{color:#999;font:bold 20px/1.6em

Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;text-transform:capitalize;margin:0}
.profile-datablock{margin:.5em 0}
.profile-textblock{line-

height:1.6em;margin:.5em 0}
a.profile-link{clear:both;display:block;font:80% monospace;text-align:center;text-transform:capitalize;padding:10px 0}
#ads-

wrapper{width:970px;float:left;word-wrap:break-word;overflow:hidden}
#ads1-wrapper{width:728px;float:left;word-wrap:break-word;overflow:hidden}
#ads2-wrapper{width:235px;float:right;word-wrap:break-word;overflow:hidden}
.ads .widget,.ads1 .widget,.ads2 .widget{margin:0;padding:8px 0 0}
.navwrap

{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_R0tpAj7oDZ2ziusQKza2WlA_fCDKyiQXQTQsS5w-orXpvYEzM03Y8wFYTe2QnkrxnQzeljjrPPyNw1Nc2HKNZIZUw1qFvuEBIImSfPjWk-lZ2p8vveRueoRbZz2ubDUkidlQvhEtyJ4/s1600/nav-bg.gif) repeat-

x;width:100%;height:42px;margin:0 auto;padding:0 auto}
.navsearch{width:300px;float:right;margin:0 auto;padding:0 auto}
.nav

{width:970px;height:25px;margin:0 auto;padding:8px 14px}
.nav ul{padding-left:0;color:#69d0ed;text-transform:none;list-style-type:none;font:bold 12px

Arial,sans-serif;margin:0}
.nav li{display:inline;margin:0}
.nav li a{background:url(http://3.bp.blogspot.com/-_OBGqDr3M-

Q/TxaieOpqDgI/AAAAAAAAEko/wudq3yTdUt0/s1600/topbar-div.png) no-repeat center right;float:left;display:block;text-decoration:none;color:#faa860;line-

height:2em;padding:0 12px}
.nav li a:visited{color:#faa860}
.nav li a:hover{color:#fff;text-decoration:none}
ol,ul,ul li{list-style:none}
#top ul.bg-menu,#blog-

pager-older-link{float:right}
#top li:hover a,#sidebar .widget a:hover{color:#fff}
#sidebar .widget a,#sidebar .widget a:visited,h3.post-title a,h2.post-title

a,h3.post-title a:visited,.meta a,.meta a:visited,.meta span{color:#8e8d8d}
.left,#blog-pager-newer-link,*+html ul.htabs li{float:left}
.post-body h1,.post-body

h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6,.post-footer{margin-top:15px}
h2.date-header,.tabbertabhide,#sidebar-tabber .widget h2

{display:none}
.tabs li a:hover,.tabs li span{padding-left:0}
ul.bg-menu li:hover li ul,ul.bg-menu li.bgHover li ul,ul.bg-menu li li:hover li ul,ul.bg-menu li

li.bgHover li ul{top:-999em}
ul.bg-menu li li:hover ul,ul.bg-menu li li.bgHover ul,ul.bg-menu li li li:hover ul,ul.bg-menu li li li.bgHover ul{left:10em;top:0}

]]></b:skin>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var

summary_noimg = 25;
var summary_img = 25;
var indent = 3;

function stripHtmlTags(s, max) {
    return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0, max -

1).join(' ')
}

function getSummaryLikeWP(id) {
    return document.getElementById(id).innerHTML.split(//)[0];
}

function

getSummaryImproved(post, max) {
    var re = /<.*?>/gi
    var re2 = /<br.*?>/gi
    var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi
    var re4 = /(<style.*?

\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi
    post = post.replace(re4, '')


post = post.replace(re3, '<br /> ').split(re2)
    for (var i = 0; i < post.length; i++) {
        post[i] = post[i].replace(re, '');
    }
    var post2

= new Array();
    for (var i in post) {
        //if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]);
        if (/[a-zA-Z0-9]/.test

(post[i])) post2.push(post[i]);
    }
    var s = "";
    var indentBlank = "";
    for (var i = 0; i < indent; i++) {
        indentBlank += " ";
    }


if (post2.join('<br/>').split(' ').length < max - 1) {
        s = post2.join(indentBlank + ' <br/>');
    } else {
        var i = 0;


while (s.split(' ').length < max) {
            s += indentBlank + ' ' + post2[i] + '<br/>';
            i++;
        }


}
    return s;
}

function createSummaryAndThumb(pID, title, url, date, comment) {
    var posturl = url;
    var title = title;
    var date = date;


var comment = comment;
    var div = document.getElementById(pID);
    var content = div.innerHTML;
    if (//.test(content)) {


    div.innerHTML = getSummaryLikeWP(pID);
        div.style.display = "block";
    } else {

        var imgtag = "";


var img = div.getElementsByTagName("img");
        var summ = summary_noimg;
        if (img.length >= 1) {


imgtag = '<div class="post-thumb"><a title="' + title + '" href="' + posturl + '"><img width="100%" height="115px" class="thumbnail" src="' + img[0].src +

'"/></a></div>';
            summ = summary_img;
        }
        var postlink = '<h2 class="post-title"><a

title="' + title + '" href="' + posturl + '">' + title + '</a></h2>';
        var summary = '<div class="cbt-post-summary"><div class="topwrap">' +

imgtag + '<div class="wrapbg">' + postlink + '</div></div><div class="post-data">' + date + ' | ' + comment + ' Comments </div><div class="cbt-post-

body"><p>' + stripHtmlTags(content, summ) + '.....</p></div><p><a href="' + posturl + '" class="rmlink">Read more</a></p></div>';


div.innerHTML = summary;
        div.style.display = "block";
    }
}
//]]>
</script>

<b:if cond='data:blog.pageType !=

"static_page"'>
<b:if cond='data:blog.pageType != "item"'>
    <style type='text/css'>
.topwrap {position: relative;}
.wrapbg

{position: absolute;bottom:5px;background: #000;opacity: 0.6;filter: alpha(opacity=50);width: 170px !important;padding: 4px 10px;}
h2.post-title {margin-top:

1px;line-height: 16px;font-size: 12px;}
.wrapbg h2.post-title {margin-bottom: 0px;line-height: 16px;font-size: 12px;}
.wrapbg h2.post-title a, .wrapbg h2.post-

title a:visited {font-size: 12px;color: #bbbab9;}
.wrapbg h2.post-title a:hover {font-size: 12px;color: #faa860;}
.post {background: url

(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFUOwEMy-iJM6R6or13xPdZCPGjdwULwTMwOpdTqQJ1O4I_MK52e2W-FfFoeukvs19HWBm9PRuSyt5lbc3BMhe6ZlriLevPvE9nW6Fy060baPZl7tszOtQAUPqZ8SUmxi-3cvjZu5vH_8/s1600/sep.gif) repeat-x scroll bottom;float: left;width:

190px;margin:0 16px 15px 0;height: 280px;}
#content-wrapper {width: 620px;padding-left:15px;}
.post-data{color:#8e8d8d;}
.post-body {margin:15px 0 0

0;color: #cac9c9;font-size: 11px;line-height: 18px;}
h3.post-title{display:none;}
.post img{border:1px solid #c6c4c4;width:188px;}
.post-footer{display:none;}


</style>
</b:if></b:if>

<script src='http://creatingwebsite.googlecode.com/files/ikansuper.js' type='text/javascript'/>
<script

src='http://creatingwebsite.googlecode.com/files/muter-muter.js' type='text/javascript'/>
</head>
<body>
<div id='fb-root'/>
<script>(function(d, s, id) {
var js,

fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src =

"//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-

jssdk'));</script>
<div id='blogouter-wrapper'>
    <div id='bloginner-wrapper'>

    <div id='header-wrapper'>
        <b:section class='header'

id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Lord Zilla (Header)' type='Header'>
<b:includable id='title'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
<b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "BEHIND"'>
      
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper'

style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>


        </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='"background-image: url(\"" +

data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + ";

"                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height

         + "background-repeat: no-repeat; "' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title'

style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>


</div>
        </b:if>
    <b:else/>
      
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>


<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl'

expr:width='data:width' style='display: block'/>
        </a>
        
        <b:if cond='data:imagePlacement ==

"BEFORE_DESCRIPTION"'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
<b:else/>
    
    <div

id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>


</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
        <b:section class='top' id='top' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML10'

locked='false' title='Menu' type='HTML'>
<b:includable id='main'>

    <ul class='bg-menu'>
<li><a href='/'>
    <strong>Home</strong>


<span>First Games</span>
</a></li>
<li><a href='#'>
<strong>Free Games</strong>
<span>Play games for free</span>
</a></li>
<li><a

href='#'><strong>Xbox 360</strong><span>Reviews Games</span></a>
    <ul>
      <li><a href='#'>Cheat and Walkthrough</a></li>
      <li><a href='#'>New

Release</a></li>
      <li><a href='#'>Top Games</a></li>
      <li><a href='#'>Xbox Live</a></li>
      <li><a href='#'>Video</a></li>
      <li><a

href='#'>Previews</a></li>
    </ul>
</li>
<li><a href='#'><strong>Private Games</strong><span>My Collection</span></a></li>
<li><a

href='#'><strong>Download</strong><span>Get it right now!</span></a>
    <ul>
      <li><a href='#'>Online Games</a></li>
      <li><a href='#'>PC

Games</a></li>
      <li><a href='#'>Android Games</a></li>
      <li><a href='#'>iPhone Games</a></li>
    </ul>
</li>
<li><a href='#'><strong>Hot

Games</strong><span>Guide and Cheats</span></a>
    <ul>
      <li><a href='#'>Games News</a></li>
      <li><a href='#'>Playstation</a></li>
      <li><a

href='#'>Nintendo</a></li>
      <li><a href='#'>RPG</a></li>
    </ul>
</li>
</ul>
</b:includable>
</b:widget>
</b:section>
<div style='clear:both;'/>


</div>
<div style='clear:both;'/>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType !=

"item"'>
        <b:section class='sliderww' id='sliderww' maxwidgets='1' showaddelement='yes'/> </b:if>
       </b:if>
<div

style='clear:both;'/>
<div class='navwrap'>
<div class='nav'>
<ul>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a

href='#'>News</a></li>
<li><a href='#'>Cheats</a></li>
<li><a href='#'>Videos</a></li>
<li><a href='#'>Download</a></li>
<li><a

href='#'>Reviews</a></li>
<li><a href='#'>Previews</a></li>
</ul>
<div class='navsearch'>
<div style='float:right;padding:1px 8px 0 0;'>
<form

action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://johny-

darkgamer.blogspot.com'/>
<input id='search-box' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if

(this.value==this.defaultValue)this.value='';' style='width:170px;border:none;padding:4px 10px; font:12px Arial;color:#282828; background:url

(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3PWCHjp45x0DnUufKl1dvXtC8AlPNNjHFfu1wHyNeyYXUHQmKupKJfmTkulOw0ycaoLPQ_ZZcYimBu2zWys-hSlU3KJJuDoPIQ2aUw6w7L8KRJCpeaFyrVXSEmIcIcZFD_-RgrZEelnXt/s1600/fieldsearch.gif) no-repeat;' type='text' value='search

here...'/><input align='top' id='search-btn' src='http://1.bp.blogspot.com/-zvCS10CP97c/Txa8p2DGMdI/AAAAAAAAElY/-bd-

MbEMVXE/s1600/btn_search.gif' type='image' value='Search'/>
</form>
</div>
</div>
</div>
<div style='clear:both;'/>
</div>

    <div id='main-wrapper'>


<div id='ads-wrapper' style='text-align:center'>
        <b:section class='ads' id='ads'/>
<div id='ads1-wrapper'>
<b:section class='ads1' id='ads1' preferred='yes'/>


</div>
<div id='ads2-wrapper'>
<b:section class='ads2' id='ads2' preferred='yes'/>
      </div>
      </div>
        <div id='content-wrapper'>
          <b:section

class='content' id='content' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div

class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link'

expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"'

expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>


<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"'

expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link'

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

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a

expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons'

var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl +

"&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
      <span class='share-button-link-

text'><data:top.emailThisMsg/></span>
</a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog'

expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\",

\"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
      <span class='share-button-link-

text'><data:top.blogThisMsg/></span>
</a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter'

expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
      <span class='share-button-

link-text'><data:top.shareToTwitterMsg/></span>
</a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-

facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\",

\"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
      <span class='share-button-link-

text'><data:top.shareToFacebookMsg/></span>
</a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut'

expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
      <span class='share-button-

link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz'

expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\",

\"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
      <span class='share-button-link-

text'><data:top.shareToBuzzMsg/></span>
</a></b:if>
<b:if cond='data:top.showDummy'>
    <div class='goog-inline-block dummy-

container'><data:post.dummyTag/></div>
</b:if>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async'

expr:src='data:post.commentSrc' type='text/javascript'/>

<script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs =

<data:post.commentMsgs/>;
      var postId = '<data:post.id/>';
      var feed = '<data:post.commentFeed/>';
      var authorName =

'<data:post.author/>';
      var authorUrl = '<data:post.authorUrl/>';
      var blogId = '<data:top.id/>';
      var baseUri =

'<data:post.commentBase/>';
      var maxThreadDepth = '<data:post.commentMaxThreadDepth/>';

// <![CDATA[
      feed += '?

alt=json&v=2&orderby=published&reverse=false&max-results=50';
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items

[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd

$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' +

entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];


if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed

out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body =

bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {


var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl:

(auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {


        if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments

\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }


comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if

(entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }


        }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url =

feed;
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var

parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);


window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type =

'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {


return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              &&

comment.author.name == authorName
              && comment.author.profileUrl == authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {

        return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;


    }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {


if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if

(replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if

(replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]


+ (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var tok = 'comment-form_';


var hash = window.location.hash || '';
      var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;

      // Configure commenting API:

    var configJso = {
        'maxDepth': maxThreadDepth
      };
      var provider = {
        'id': postId,
        'data': items,
        'loadNext': paginator,
        'hasMore':

hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs


};

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');


window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog &&

window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};


window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>

</script>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if

cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div

class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a

expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd

class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-

author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/>

<data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
</b:if>
<p class='comment-footer'>
    <a class='comment-link'

expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>

</p>
</b:includable>
<b:includable id='mobile-main' var='top'>
    
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-

message'/>

      <b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-

index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>


</b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>
<b:if

cond='data:blog.pageType == "item"'>
<div style='background:#111;padding:4px 8px;margin:4px 0px;line-height:1.4em;'>
<a

expr:href='data:blog.homepageUrl'>Home</a> »
<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 != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
    <a

expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <a

expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a

expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>


</b:if>
      </h3>
    </b:if>

    <div class='post-header'>
    <div class='post-header-line-1'/>
    </div>

<b:if cond='data:blog.pageType == "item"'>
<div

style='float:left;width:100%;padding:0;margin:5px 0'>
<div class='fb-like' data-action='recommend' data-colorscheme='dark' data-href='http://johny-

darkgamer.blogspot.com/' data-send='true' data-show-faces='false' data-width='450'/>
</div>
</b:if>
    <div class='post-body entry-content'

expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
    <data:post.body/>
    <b:else/>


<b:if cond='data:blog.pageType == "static_page"'>
            <data:post.body/>
            <b:else/>


        <div expr:id='"summary" + data:post.id'>
                    <data:post.body/>


        </div>
                <script type='text/javascript'>createSummaryAndThumb

("summary<data:post.id/>","<data:post.title/>","<data:post.url/>","<data:post.timestamp/>","<data:post.

numComments/>");</script>
        </b:if>
</b:if>
      <div style='clear: both;'/> 
    </div>
<b:if

cond='data:blog.pageType == "item"'>
<div style='background:#111;padding:8px 0;margin:12px 0px;width:100%;float:left;height:20px;'>
<div

style='float:right;padding-right:10px;'>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like'

fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a

class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=4rifin' type='text/javascript'/></div>
<div

style='float:right;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#eceaea'>
<strong>Share this games</strong> :

</div>
</div>
</b:if>
    <div

class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
<span class='post-comment-link'>
        <b:if cond='data:blog.pageType !=

"item"'>
          <b:if cond='data:blog.pageType != "static_page"'>
            <b:if cond='data:post.allowComments'>
              <a

class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1

<data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>


</span> <span class='post-icons'>
        
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a

expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13'

src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

        
        <b:include data='post'

name='postQuickEdit'/>
      </span> <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post'

name='shareButtons'/>
        </b:if>
      </div> </div>

      <div class='post-footer-line post-footer-line-2'>
</div>

      <div class='post-footer-line post-footer-

line-3'><span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a

expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span> </div>
    </div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
    <div class='status-msg-body'>


<data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>

    </div>
    </div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
    <a

name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + "_comment-editor-

toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>


<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true'

class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display:

none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>


<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true'

class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>


</b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe

('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
</div>
</b:includable>
<b:includable

id='threaded_comments' var='post'>
<div class='comments' id='comments'>
    <a name='comments'/>
    <h4>
      <b:if cond='data:post.numComments == 1'>


    1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h4>

    <div class='comments-content'>

    <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>


<data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post'

name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div

id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>


</div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
       <b:if

cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
</div>
</b:includable>
<b:includable

id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl'

expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
</span>
</b:includable>
<b:includable id='mobile-

nextprev'>
<div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a

class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"'

expr:title='data:newerPageTitle'>&laquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-

older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"'

expr:title='data:olderPageTitle'>&raquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link'

expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link'

expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>

<div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div

class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if

cond='data:post.title'>
            <h3 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>

            <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a

expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>


<data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>


</div>

          <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/>


          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-

author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a

expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>


<b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>


         <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link'

expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published'

expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-

comment-link'>
                <b:if cond='data:blog.pageType != "item"'>
                  <b:if cond='data:blog.pageType != "static_page"'>


         <b:if cond='data:post.allowComments'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl'

expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>

<data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

            <div class='post-

footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-

button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>


<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if

cond='data:blog.pageType == "static_page"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post'

name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType ==

"item"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>


<b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl'

expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>


</a>
    </span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<b:if cond='data:mobileindex'>
    
    <div class='blog-posts

hfeed'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isFirstPost == "false"'>
          </div>
        </b:if>
        <div

class="mobile-date-outer date-outer">
        <b:include data='post' name='mobile-index-post'/>
        <b:if cond='data:post.trackLatency'>


<data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        </div>
      </b:if>
    </div>
<b:else/>

    
    <div

class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if

cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == "false"'>
            </div></div>
          </b:if>
        </b:if>
        <b:if

cond='data:post.isDateStart'>
          <div class="date-outer">
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-

header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          <div class="date-posts">


</b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == "static_page"'>


<b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:include data='post'

name='comments'/>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>


<b:else/>
            <data:adEnd/>
          </b:if>
          <b:if cond='data:mobile == "false"'>
            <div class='inline-ad'>
              <data:adCode/>


</div>
          </b:if>
          <data:adStart/>
        </b:if>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if

cond='data:numPosts != 0'>
        </div></div>
      </b:if>
      <data:adEnd/>
    </div>
</b:if>


<b:if cond='data:mobile'>


<b:include name='mobile-nextprev'/>
<b:else/>
    <b:include name='nextprev'/>

    
</b:if>

<b:if cond='data:top.showStars'>
    <script

src='//www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load("annotations", "1",

{"locale": "<data:top.languageCode/>"});
      function initialize() {
        google.annotations.setApplicationId

(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>

</b:if>

<b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
</b:if>

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>

<span expr:class='"item-control " + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>


<div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl'

expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
</span>
</b:includable>
<b:includable

id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>


<b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> 
    <div class='post-feeds'>
      <b:loop

values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks'

name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div

class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>


<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true'

class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display:

none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a

expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-

comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>

   <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',

'<data:post.communityId/>');
    </script>
</div>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if

cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>

</b:if>

<div class='mobile-post-outer'>
    <a expr:href='data:post.url'>
      <div class='mobile-index-title-outer'>
        <h3 class='mobile-index-title entry-title'>

        <data:post.title/>
        </h3>
      </div>

      <div>
        <div class='mobile-index-arrow'>
          &rsaquo;
        </div>

        <div class='mobile-index-

contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img

expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if

cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>
        <div style='clear: both;'/>
      </div>
    </a>

    <div class='mobile-index-

comment'>
      <b:if cond='data:blog.pageType != "item"'>
        <b:if cond='data:blog.pageType != "static_page"'>
          <b:if

cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl'

expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>

<data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </div>
</div>
</b:includable>
<b:includable

id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
     <a class='feed-link'

expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable

id='comments' var='post'>
<div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if

cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:


</b:if>
      </h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass'

expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           
          <a expr:class='data:post.oldLinkClass'

expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           
          <data:post.commentRangeText/>
           
          <a

expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           
          <a

expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <div

expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>


<b:loop values='data:post.comments' var='comment'>
            <dt expr:class='"comment-author " + data:comment.authorClass'

expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px'

style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if

cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>

              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>


</b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId +

data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>


    <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span

class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>


   <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if

cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass'

expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass'

expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
           
          <data:post.commentRangeText/>
           
          <a

expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a

expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p

class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post'

name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>


      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>


</b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions'

name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId +

"_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>

</div>
</b:includable>
</b:widget>
</b:section>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var

postperpage=5;
var numshowpage=5;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script

src='http://creatingwebsite.googlecode.com/files/pagenavi-creatingwebsite.js' type='text/javascript'/>
<div style='clear:both;'/>
        </div>

        <div id='sidebar-wrapper'>
          <b:section class='tabber' id='sidebar-tabber' maxwidgets='4' showaddelement='yes'>
<b:widget

id='PopularPosts1' locked='false' title='Popular' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div

class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == "false"'>

         <b:if cond='data:showSnippets == "false"'>
            
            <a

expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'><a

expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if

cond='data:showSnippets == "false"'>
            
            <div class='item-thumbnail-only'>
              <b:if

cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0'

expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div

class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a

expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail'

expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a

expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear:

both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1'

locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div expr:class='"widget-

content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul>
      <b:loop values='data:labels'

var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>


<b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if

cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop

values='data:labels' var='label'>
        <span expr:class='"label-size label-size-" + data:label.cssSize'>
          <b:if cond='data:blog.url ==

data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection'

expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>

(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget

id='HTML1' locked='false' title='Review' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title !=

""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
    <data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
          <b:section class='sidebar' id='sidebar' showaddelement='yes'/>
<div style='clear:both;'/>
        </div>
<div style='clear:both;'/>
    </div>
<div style='clear:both;'/>
<div id='footer-wrapper'>
<div id='footer'>

<div class='alignleft'>Copyright &copy; 2011 <data:blog.title/> . All Rights Reserved.

</div>
<div class='alignright'><a href='http://loveblindmadness.blogspot.in/' target='_blank' title='Love Stories'>Love Stories</a>
<div style='clear:both;'/>
</div>
</div>
</div>
<div style='clear:both;'/>
    </div>
</div>
</body>
</html>

Technology......

Friday, March 23, 2012

Blog Tempelate

No comments:

Post a Comment