Template

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html dir='ltr' lang='en-US' 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>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<meta content='width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.title/></title>
</b:if>
</b:if>
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name Template : Media Online Blogger Template
Designer & Author : ireng_ajah
URL : http://www.dhetemplate.com/
License : This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links which provides due credit to its authors and supporters. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/

Find more New Free Blogger Template Everyday in http://www.dhetemplate.com/
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="body.font" description="Font" type="font"
default="normal normal 13px Arial, Tahoma, Verdana" value="normal normal 13px Arial, Tahoma, Verdana"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#5e5e5e" value="#5e5e5e"/>
<Variable name="body.background.color" description="Outer Background" type="color" default="#eaeaea" value="#eaeaea"/>
<Variable name="header.text.color" description="Title Color" type="color" default="#fff" value="#ffffff"/>
<Variable name="body.background.image" description="Bakground Image" type="url"
default="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnnNyeuNjIvKPQFdV0O0C2WNZMCuCZNt4PvEEEf27k3qggen_cBnQFB6VHL-HW0Nvz2j6l0DcIZ85MfJFpUX4BqvvCZee0GCKnKuiDXYPhruLLScXBJA4WSwjtsSjQ0SyT51ysrM1s_SSC/s1600/body_bg.PNG)" value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnnNyeuNjIvKPQFdV0O0C2WNZMCuCZNt4PvEEEf27k3qggen_cBnQFB6VHL-HW0Nvz2j6l0DcIZ85MfJFpUX4BqvvCZee0GCKnKuiDXYPhruLLScXBJA4WSwjtsSjQ0SyT51ysrM1s_SSC/s1600/body_bg.PNG)"/>
<Variable name="tag.heading" description="Font" type="font"
default="'Abel', Arial, Tahoma;" value="'Abel', Arial, Tahoma;"/>
*/

#navbar-iframe, .date-header, .jump-link, .status-msg-wrap{
display:none!important;
}

/* === General === */
body{
background:#eaeaea url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnnNyeuNjIvKPQFdV0O0C2WNZMCuCZNt4PvEEEf27k3qggen_cBnQFB6VHL-HW0Nvz2j6l0DcIZ85MfJFpUX4BqvvCZee0GCKnKuiDXYPhruLLScXBJA4WSwjtsSjQ0SyT51ysrM1s_SSC/s1600/body_bg.PNG) repeat-x top;
text-align:left;
color: #5e5e5e;
font: 13px Arial, Tahoma, Verdana;
margin:0;
line-height:1.5em;
}

a:link, a:visited{
color :#4999cc;
text-decoration:none;
}

a:hover{
color:#555;
text-decoration:none;
}

a img{
border-width:0;
}

.clear {height:0;margin:0;padding:0}

h1, h2, h3, h4, h5{font-family:'Abel', Arial, Tahoma; color:#333;font-weight:normal;margin:0;padding:0 0 5px 0}

/* === Header === */
#header-wrapper{
width:980px;
height:110px;
margin: 0;
padding:0;
}

#header-inner {
background-position: center;
margin:0 auto;
}

#header{
float:left;
width:480px;
margin:10px 0 0 10px;
padding:0;
}

#header h1 {
font-weight:bold;
margin:0;
padding:0;
color:#fff;
font-size:40px;
font-weight:bold;
line-height:1.2em;
}

#header a{
font-weight:bold;
color: #fff;
text-decoration:none
}

#header a:hover{
color: #fff;
}

#header .description{
font-size:14px;
font-weight:bold;
padding:0;
margin:0;
color:#eaeaea;
}

#header img{
background-position:center;
margin:0;
}

#topAd {
float:right;
width:470px;
height:60px;
margin:20px 10px 0 0;
padding:0
}

/* === Top Menu === */
#topNav{
padding:0;
margin:0 auto;
width:980px;
height:35px;
clear:both;
}

#PageList1{
float:left;
padding:0;
margin:0;
width:600px;
}

.crosscol .PageList li, .footer .PageList li, .crosscol .PageList ul, .footer .PageList ul{
list-style:none;
margin:0;
padding:0;
float: left;
}

.PageList li a{
line-height:35px;
margin:0;
padding:0 10px;
color:#fff;
}

.PageList li.selected a{
color: #eee;
font-weight:bold;
text-decoration:none;
}

/* === Social === */
.social {
float:right;
width:300px;
margin:0;
padding:8px 10px 0 0;
}

.social ul{
float:right;
margin: 0;
padding:0
}

.social ul li{
float:left;
padding: 0 0 0 20px;
margin:0 0 0 15px;
list-style:none;
}

.social ul li.facebook{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ocDWnxD6iei9kMvM7NZRmkx5djghOdEPYsyTaajkWyQIybr_ko1Nr14aoU_y9NoYhLy1ptdT92gEvQ4uyr3uWUxBrXWhhhufKqrjppyMKlpyzzOncCrKSKqnDa7QHFlUsM8dBP7iEOA/s1600/facebook.gif) no-repeat 0 2px;
}

.social ul li.twitter{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRZntEdmk7AmaWlfDjws03MLcHGDRZLVRrrptZy7IGz3ZVXDKi4qlJPVExDyONvy4XNCHuG5XEerF7P9KXMEn1Wp4fUyJ_lOHWXU6dzhk-3RMV-vyvNVLYlpSAI4qZhrH-Yp1kaXO8a1Q/s400/twitter.gif) no-repeat 0 2px;
}

.social ul li.rss{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaP-A2Hppa6PZI2meMxoHGnH4uxqk1eYZnMyCNeUH-9rx3gX0Xv1HsPCMfl4CVudVMsjUogf3Xtr_W1VxBsrto-UL1b0HucB8ghSe4YbX6o0b938I1remNXJZFhdVFzouVQ7Gu6b1gMVQ/s1600/rss.png) no-repeat 0 2px;
}

.social ul li.email{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOsF-4fLnWcVNtjPvw7RapTd0Fmwd-Uc-YS_Rjg6TYHtfqQXmMyOh1WLIS579m_KfbKBFQ2SBwr2AL1KbNV-xVFbU8WpNBW6D5LQKc_b4PCwFV63iPgmH_erxugLuzCer1f39ng6whAQ4/s1600/email.gif) no-repeat 0 2px;
}

.social ul li a{
color: #fff;
}

.social ul li a:hover{
color: #cfcfcf;
}

/* === Bottom Menu === */
#navigation{
width:980px;
height:40px;
display:block;
padding:0;
margin:0 0 22px 0;
}

#menu{
float:left;
width:740px;
height:40px;
display:block;
padding:0;
margin:0;
}

#menu ul{
float:left;
margin:0;
padding:0;
}

#menu li{
float:left;
list-style:none;
line-height:40px;
margin:0;
padding:0
}

#menu li a, #menu li a:link{
color:#fff;
display:block;
margin:0;
padding:0 10px;
}

#menu li a:hover, #menu li a:active, #menu .current_page_item a {
color:#fff;
padding:0 10px;
}

#menu li li a, #menu li li a:link, #menu li li a:visited{
font-size: 12px;
background: #1a1a1a;
color: #fff;
width: 150px;
margin: 0;
padding: 0px 10px;
line-height:30px;
position: relative;
}

#menu li li a:hover, #menu li li a:active {
background: #333;
color: #fff;
}

#menu li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin:0px;
padding:0px
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul{
left:auto
}

#menu li:hover, #menu li.sfhover{
position:static
}

/* === Search Form === */
#search {
float:right;
width:230px;
padding:0px 0px ;
margin:9px 10px 0px 0px;
.margin:8px 10px 0px 0px;
background:#fff;
}

#search form {
margin: 0;
padding: 0;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search p {
margin: 0;
font-size:12px;
}

#s {
width:180px;
margin:0;
padding:3px 5px;
height:18px;
color:#444;
background:#fff;
float:left;
border:none;
display:inline;
}

input#searchsubmit{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgirSUvvEoZZAgAl_TSwAwYfUOIqJA40evlI_AYnGbe0kxIhM00b4papnuXytVAR1nyYkJ8OmWqlkcMZYSXnqLCBOvTULjLyK3-6-UEIbqwQETzIAMJtB_fhJft6TfeZb4_kO5wOHDIx8aY/s1600/sbutton.png);
float:right;
display:inline;
margin:2px 5px 0px 0px;
height:21px;
width:22px;
color:#fff;
border:none;
text-indent:-9999px;
.font-size: 0;
.display:block;
.line-height: 0;
}

/* === Width Wrapper === */
#outer-wrapper{
width:980px;
margin:0 auto 10px;
padding:0;
}

/* === Main Left Wrapper === */
#mainLeft, #main-wrapper{
width:650px;
float:left;
margin:0;
padding:0;
word-wrap:break-word;
overflow:hidden;
}

/* === Main Right Wrapper === */
#mainright{
width:320px;
float:right;
margin:0;
padding:0;
word-wrap:break-word;
overflow:hidden;
}

/* === Tabview === */
#tabzine {
background:#fff;
width:320px;
float:left;
margin:0 0 10px 0;
padding:0;
word-wrap:break-word;
overflow:hidden;
border-bottom:2px solid #cfcfcf;
}

.tabview {
float:right;
overflow:hidden;
}

ul.tabnav{
padding:10px 10px 0 10px;
height:30px;
margin:0;
}

.tabnav li {
display: inline;
list-style: none;
float:left;
text-align:center;
margin:0;
padding:0;
}

.tabnav li a {
width:88px;
background:#eaeaea;
text-decoration: none;
font-weight:bold;
padding:5px 0;
margin:0 5px 0 0;
font-size:18px;
font-family:"Abel", Arial, Tahoma !important;
color:#333;
text-decoration: none;
display:block;
}

.tabnav li a:active, .tabnav li.ui-tabs-selected a, .tabnav li a:hover {
background:#4999cc;
color:#fff;
}

.tabdiv {
padding:10px 10px 20px 10px;
margin:0;
}

.tabdiv ul, .sidebar ul {
margin:0;
padding:0
}

.tabdiv li, .sidebar li {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJUO24Vh1dGBRU7pdNRBUnjam0qZjOK5mkVq7jP9H_fWzWmmOGOR-aEUbIScbiyj42ILEvxzcQEN3KoMbO3cLF96r5FFUXth7ozRM_Zg2K7AYD1BxkUN-uUsCAqUkr_TTyInDjlpLQrRD2/s1600/list_bg.png) no-repeat center left;
list-style: none;
padding:4px 0 4px 10px;
margin:0;
border-bottom:dotted 1px #eaeaea;
}

.ui-tabs-hide {
display: none;
}

/* === Post Content === */
.post{
background:#fff;
margin:0 0 10px 0;
padding:15px 20px 20px 20px;
border-bottom:2px solid #cfcfcf;
}

.post-title {
margin:0;
padding:0 0 5px 0;
line-height:1.2em;
font-size:24px;
font-weight:bold;
border-bottom:1px solid #eaeaea;
}

.post-title a, .post-title a:visited, .post-title strong{
display:block;
text-decoration:none;
font-weight:bold;
color:#333;
}

.post-title strong, .post-title a:hover {
color:#333;
}

.post-body{
margin:10px 0 0 0;
padding:0;
}

.post-body ul {
margin: 0;
padding:0 30px;
}

.post-body ol {
margin: 0;
padding:0 35px;
}

.post-body ul li,.post-body ol li {
padding:4px 0;
}

.post-body blockquote {
background:#eaeaea;
margin:0 10px;
padding:10px;
line-height:1.4em;
font-style:italic;
}

.post-header {
float:left;
width:610px;
height:47px;
margin:10px 0;
padding:0;
font-size:12px;
overflow:hidden;
}

.post-desc {
float:left;
width:380px;
margin:0;
padding:0 10px 0 0;
border-right:1px solid #eaeaea;
}

.post-comment-link {
float:right;
margin:0;
.margin:-20px 0 0 0;
padding:0;
}

.post-share-buttons {
width:350px;
padding:0 0 0 2px;
height:22px !important;
}

#___plusone_0, #___plusone_1, #___plusone_5 {
width:180px!important;
height:22px;
}

.post-labels {
width:182px;
float:left;
margin:0;
padding:0 0 0 10px;
}

.post-labels p{
margin:0;
padding:0;
line-height:1.3em;
}

.main .widget, .main .Blog{
padding:0;
margin:0;
}

table{
border-collapse:collapse;
margin:0 0 20px 0;
text-align:center;
width:100%;
}

tr th, thead th{
border:1px solid #f3f3f3;
background:#f4f4f1;
font-weight:bold;
line-height:18px;
padding:10px 20px
}

tr td{
border:1px solid #f4f4f1;
padding:5px 20px;
text-align:center
}

/* === Sidebar Content === */
.sidebar {
margin:0;
padding:0;
}

.sidebar h2 {
font-size:20px;
font-weight:bold;
margin:0;
padding:0 0 5px 0;
border-bottom:1px solid #eaeaea;
}

.sidebar .widget{
background:#fff;
margin-bottom:10px;
padding:10px 10px 20px 10px;
border-bottom:2px solid #cfcfcf;
}

.sidebar .widget-content {
margin:10px 0 0 0;
padding:0;
}

.Label li{
float:left;
margin:0 5px;
padding:4px 0 4px 10px;
width:130px;
}

.banner {
width:125px !important;
height:125px !important;
float:left;
display: inline;
background:#eaeaea;
padding:5px;
margin:7px;
}

#BlogArchive1_ArchiveMenu {
width:100%;
height:25px;
padding:2px 0 0 0;
margin:0;
}

/* Pager */
#blog-pager-newer-link{
float:left;
padding: 0;
margin:0;
width:300px;
text-align:left;
}

#blog-pager-older-link{
float:right;
padding: 0;
margin:0;
width:300px;
text-align:right;
}

#blog-pager{
background: #fff;
padding:8px 20px;
margin:0;
text-align:center;
border-bottom:2px solid #cfcfcf;
clear:both
}

.feed-links{
line-height:2.5em;
padding:0;
margin:0;
}

/* Profile */
.profile-img{
float:left;
margin:0 10px 0 0;
padding:0
}

.profile-data{
margin:0;
letter-spacing:.1em;
font-size:16px;
}

.profile-datablock{
margin:0
}

.profile-textblock{
margin:0;
}

.profile-link{
font-size:12px;
letter-spacing:.1em
}

/* Comment */
#commentsbox {
background:#fff;
margin:0 0 10px 0;
padding:20px;
border-bottom:2px solid #cfcfcf;
}

h3#comments{
font-size:22px;
font-weight:bold;
margin:0;
padding:0 0 15px 0;
line-height: 18px;
}

ol.commentlist {
margin:0;
padding:0;
clear:both;
overflow:hidden;
list-style:none;
}

ol.commentlist li {
margin:0;
line-height:18px;
padding:5px 0;
}

ol.commentlist li a{
color :#4999cc;
}

ol.commentlist li .comment-author {
color:#333;
}

ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{
color:#333;
font-weight:bold;
text-decoration:none !important;
}

ol.commentlist li .comment-author .fn {
color:#333;
}

cite.fn{
color:#333;
font-style:normal;
}

ol.commentlist li .comment-author .avatar{
float:right;
border:1px solid #cfcfcf;
padding:3px;
}

ol.commentlist li .comment-meta{
font-size:10px;
}

ol.commentlist li .comment-meta .commentmetadata{
color:#333;
}

ol.commentlist li .comment-meta a {
color :#4999cc;
text-decoration:none !important;
}

ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#333;
font-size:12px;
}

.comment-nav a:link,.comment-nav a:visited{
color :#4999cc;
}

#respond{
padding:0;
margin:0;
}

#respond a{
color :#4999cc;
}

#respond h3 {
font-size:22px;
font-weight:bold;
color:#333;
padding:0;
}

#commentform {
padding:0 10px;
margin:0 25px;
}

#commentform p{
margin:5px 0px ;
color:#333;
}

.comment-footer, .comment-footer p {
margin:0;
padding:0
}

.deleted-comment{
font-style:italic;
color:gray
}

/* Avatar Comment */
.avatar-image-container.avatar-stock img{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgak7CXX9bdd9-E_78lqgJ2O-UKRfDfaGkMIjdwhJapt6ks8KKB9U6ByTDeH77ab_UA7kKCQz17QVEKuIpQ-lW0Mt4xtob319YPKe_GnfC1chxXnBWknDhHTZ4640IXRx8n1jTE3DdUinA/s1600/avatar.jpg) no-repeat center;
height:32px;
width:32px;
float:right;
}

.avatar-image-container {
float:right;
border:1px solid #cfcfcf;
padding:3px;
height:32px;
width:32px;
}

.avatar-image-container img {
height:32px;
width:32px;
}

/* === Footer Column === */
#footercover{
float:left;
background:#1a1a1a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxB2nnC701dWXSjXFdIp7bI_gsuUwgYRQjFLp3I3b1H2VMCwJnKCpMJodA7BfSAargCMIrnFgFlXUNjr2D9bQ7kXBnYVo1MhO23ImmO8TPn1mrzkrfTbuR-Xu45mJIxYL12482vtLUFuw/s1600/footerCover_bg.png) repeat-x;
padding:0;
margin:0;
width:100%;
min-height:250px;
border-bottom:1px solid #040404;
clear:both;
}

#footer{
margin:0px auto;
width:980px;
padding:0;
min-height:250px;
color: #cfcfcf;
}

.footwid{
float:left;
width:233px;
padding-bottom:10px;
font-size:12px;
margin:20px 15px 20px 0;
}

.last{
float:right;
width:234px;
padding-bottom:10px;
font-size:12px;
margin:20px 0px;
}

.footwid h2, .last h2{
color:#fff;
font-size:20px;
padding:0;
margin:0 0 15px 0;
font-weight:normal;
}

.footwid ul, .last ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.footwid li, .last li{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8-cecwkltEXQnxvpYpJpJpNAP9CahyphenhyphenmPDpZFsBq1hWO8FcZ6yzsgdAls2jAnQ1sSer7rLKUd15wzqNnAqFkV3QP5Hlkaaf-ec_khR6g8eiKLXXB3jILW443ZR7euGesjw10jOoZmaZvw/s1600/footwid_list.png) no-repeat left center;
text-decoration: none;
padding:4px 0 4px 10px;
margin:0;
border-bottom:dotted 1px #2a2a2a;
}

.footwid li a:link, .footwid li a:visited {
color: #cfcfcf !important;
}

.footwid li a:hover{
color :#4999cc !important;
text-decoration:none !important;
}

.footwid .widget {
margin:0 0 15px;
padding:0;
}

#footer a {
color :#4999cc;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

/* Bottom */
#bottomCover{
background:#0a0a0a;
width:100%;
padding:10px 0;
margin:0;
font-size:11px;
text-align:center;
color:#fff;
border-top:1px solid #181818;
clear:both;
}

.bottom{
width:980px;
margin:0 auto;
pading:10px 0
}

.bottom p {
margin:0;
line-height:1.3em;
}

.bottom a:hover {
color:#fff;
}

a.readmore {
float:right;
margin:0;
padding:0
}

#HTML1 h2, #PageList1 h2 {display:none;}
]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#blog-pager, .post, .feed-links {display:none;}
/* === Recent Posts === */
#featuredNews {
float:left;
width:660px;
margin:0;
padding:0;
}

.featuredStyle {
background:#fff;
width:320px;
float:left;
margin:0 10px 10px 0;
padding:0;
}

.labelTitle {
height:30px;
margin:0 0 5px 0;
padding:0 0 0 10px;
line-height:2.5em;
font-size:13px;
font-family:"Abel", Arial, Tahoma !important;
display:block;
text-transform:uppercase;
font-weight:bold;
border-bottom:4px solid #4999cc
}

.labelTitle a:link, .labelTitle a:visited{
color:#333;
font-size:14px;
font-weight:bold;
}

.labelTitle a:hover{
color:#5e5e5e;
}

.index {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVks0cvWtAOZoAI0AJZC95owV6pVyIkvvKFbpAwr715KWbwCxmGnAEB007ofG7mJCwuaq5N2lMVHo14m7TtX-zhAIh1U0HJzFbhdHxDkHG56rVuYRzzeXeUP3HOPfEE_m2UmKTq_Lcw3A/s1600/feed.png) no-repeat center left !important;
float:right;
margin:5px 0 0 0;
padding:0 10px 0 15px;
display:block;
}

a.recentNews {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJUO24Vh1dGBRU7pdNRBUnjam0qZjOK5mkVq7jP9H_fWzWmmOGOR-aEUbIScbiyj42ILEvxzcQEN3KoMbO3cLF96r5FFUXth7ozRM_Zg2K7AYD1BxkUN-uUsCAqUkr_TTyInDjlpLQrRD2/s1600/list_bg.png) no-repeat center left;
display:block;
padding:3px 0 3px 10px;
margin:0 10px;
border-bottom:1px dotted #eaeaea;
}

.recentCol {
padding:0;
margin:0;
height:200px;
border-bottom:2px solid #cfcfcf;
overflow:hidden;
}

.advertise {
background:#fff;
width:320px;
float:left;
margin:0 10px 10px 0;
padding:0;
border-bottom:2px solid #cfcfcf;
}

.advertise .widget {
margin:0;
padding:10px;
}

</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
#blog-pager,#commentsbox,.post-header {display:none;}
</b:if>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
#mainLeft {
float:left;
width:660px;
margin:0;
padding:0
}

/* === Featured Posts === */
#featured{
background:#fff;
float:left;
width:630px;
height:292px;
padding:10px;
margin-bottom:10px;
position:relative;
border-bottom:2px solid #cfcfcf;
overflow:hidden;
}

#featured ul.ui-tabs-nav{
position:absolute;
top:10px;
left:425px;
list-style:none;
padding:0;
margin:0;
width:215px;
height:292px;
overflow:auto;
overflow-x:hidden;
z-index:100;
border:none;
}

#featured ul.ui-tabs-nav li{
padding:0 0 0 15px;
}

#featured ul.ui-tabs-nav li img{
float:left;
margin:0 5px 0 0;
background:#fff;
padding:3px;
width:70px !important;
height: 57px !important;
}

#featured ul.ui-tabs-nav li span{
position:relative;
left:0;
top:20%;
line-height:1.5em;
}

#featured li.ui-tabs-nav-item a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgafib88V73XNH4tEgHNEklG_jb686Vu6xrZd0a0hC0wQAV8dXptGirsQbglKaCOkoG9tzVPUUJl9QLuBVKow-vP6jRZeQ0mGElS7jEw5XJ6fMTmo_fMuXEvKpjWN9A7FBDtzI9q3a061w/s1600/panel-bg.jpg) no-repeat;
color:#fff;
display:block;
padding:5px;
height:63px;
text-decoration:none;
line-height:1.2em;
outline:none;
border:none;
}

#featured li.ui-tabs-nav-item a:hover {
color :#cfcfcf;
}

#featured li.ui-tabs-selected{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHVNpYAh1J7b-7oextFhOj4wkt4JfhhplZlH5ybOj-wI47RXTcY9s6sida_sWNQCP7LhRqeAGBx653k6YosIfijwKx0k5fN6cNb-W1ptjtiCuYKXR-Vaw4JUnCA6BftuwXIGc3nm_zmdE/s1600/arrow.png) center left no-repeat;
z-index:200;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#0a0a0a;
color:#fff;
border:none;
}

#featured .ui-tabs-panel{
width:430px;
height:292px;
position:relative;
padding:0;
margin:0;
z-index:50;
}

#featured .ui-tabs-panel img{
width:430px !important;
height:292px !important;
z-index:50;
}

#featured .ui-tabs-panel .info{
position:absolute;
padding:5px 10px;
bottom:0;
left:0;
overflow:hidden;
height:63px;
width:410px;
background:#111;
opacity:0.85;
filter:alpha(opacity=85);
.width: 100%; /* IE */
z-index:50;
}

#featured .info h3{
height:25px;
font-size:18px;
padding:0;
margin:0;
font-weight:bold;
overflow:hidden;
}

#featured .info p{
margin:0;
padding:0;
line-height:1.4em;
color:#fff
}

#featured .info a{
text-decoration:none;
color :#4999cc;
}

#featured .info a:hover{
text-decoration:underline;
}

#featured .ui-tabs-hide{
display:none
}
</b:if>
</b:if>
</style>

<script type='text/javascript'>
/*!
* Script by SimplexDesign
* http://simplexdesign.blogspot.com/
*/

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgDE6767HKDPSZfZJwisHOZK8cvBoYESflzE0bcYp79oOtRfEUIwybmMwALKDNFgOc8jFkwdw90Y9q_UQ4gGjQy7bQs_gxp3gEEbvgpwx41VSZy3KwPtzjid4D5yQ669bIA67ztpo55s9p/s1600/no-thumbnail.png";

showRandomImg = true;

aBold = true;

summaryPost = 110;
summaryTitle = 25;

numposts1 = 5;

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) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<div class="recentCol">');
if (numposts1 <= json.feed.entry.length) {
maxpost = numposts1;
}
else
{
maxpost=json.feed.entry.length;
}
for (var i = 0; i < maxpost; 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') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

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 = day+ ' ' + m + ' ' + y ;
pcm=pcm+' comments';

var trtd = '<a href="'+posturl+'" class="recentNews">'+posttitle+'</a>';
document.write(trtd);

j++;
}

document.write(' </div>');

}

</script>

<b:if cond='data:blog.pageType == "item"'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("â† " + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " â†’");//rgt
});
});
//]]>
</script>
</b:if>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 500;
summary_img = 400;
img_thumb_width = 150;
img_thumb_height = 130;
</script>
<script type='text/javascript'>
//<![CDATA[

/******************************************
Auto-readmore link script, version 2.0 (for blogspot)(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
Modified by KellyStudio (http://kellystudio.blogspot.com/)
********************************************/
function removeHtmlTag(strx, chop)
{
if (strx.indexOf("<") !=- 1)
{
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);
}
}
strx = s.join("")
}
chop = (chop < strx.length - 1) ? chop : strx.length - 2;
while (strx.charAt(chop - 1) != ' ' && strx.indexOf(' ', chop) !=- 1) {
chop++;
}
strx = strx.substring(0, chop - 1);
return strx + '...'
}
function createSummaryAndThumb(pID, pURL, pTITLE)
{
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if (img.length >= 1)
{
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="' + img[0].src + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></span>';
summ = summary_img
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML, summ) + '</div>';
div.innerHTML = summary
}

//]]>
</script>
</head>

<body>

<div id='outer-wrapper'><div id='wrap2'>

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='topNav'>
<b:section class='crosscol' id='staticpage' maxwidgets='1'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>

<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>

<div class='social'>
<ul>
<li class='facebook'><a href='/' title='Add Our Facebook'>Facebook</a></li>
<li class='twitter'><a href='/' title='Follow Our Twitter'>Twitter</a></li>
<li class='rss'><a href='/' title='Subscribe RSS Feed'>RSS</a></li>
<li class='email'><a href='/' title='Subscribe Email Feed'>Email</a></li>
</ul>
</div>
</div>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Black Hole (Header)' type='Header'>
<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: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:widget>
</b:section>
<b:section id='topAd' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Advertise' 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>
</div>

<div id='navigation'>
<div id='menu'>
<ul>
<li><a href='http://www.dhetemplate.com/'>Daily Templates</a></li>
<li><a href='#'>Drop Menu 1 »</a>
<ul>
<li><a href='#' title='Edit Me'>Child Menu 1.1</a></li>
<li><a href='#' title='Edit Me'>Child Menu 1.2</a></li>
<li><a href='#' title='Edit Me'>Child Menu 1.3</a></li>
</ul>
</li>
<li><a href='/'>Drop Menu 2 »</a>
<ul>
<li><a href='#' title='Edit Me'>Child Menu 2.1</a></li>
<li><a href='#' title='Edit Me'>Child Menu 2.2</a></li>
<li><a href='#' title='Edit Me'>Child Menu 2.3</a></li>
</ul>
</li>
<li><a href='/'>Drop Menu 3 »</a>
<ul>
<li><a href='#' title='Edit Me'>Child Menu 3.1</a></li>
<li><a href='#' title='Edit Me'>Child Menu 3.2</a></li>
<li><a href='#' title='Edit Me'>Child Menu 3.3</a></li>
</ul>
</li>
<li><a href='/'>Drop Menu 4 »</a>
<ul>
<li><a href='#' title='Edit Me'>Child Menu 4.1</a></li>
<li><a href='#' title='Edit Me'>Child Menu 4.2</a></li>
<li><a href='#' title='Edit Me'>Child Menu 4.3</a></li>
</ul>
</li>
<li><a href='http://www.dhetemplate.com/'>DheTemplate.com</a></li>
</ul>
</div>

<div id='search'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search my site...";}' onfocus='if (this.value == "Search my site...") {this.value = ""}' type='text' value='Search my site...'/>
<input id='searchsubmit' type='submit' value='search'/>
</form>
</div>
</div>
<div id='mainLeft'>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div id='featured'>
<ul class='ui-tabs-nav'>
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-3'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpNoyd0CqzXjSaWn8s-WoSRXbRufA3wQQoI5b7le4kBkkJ_E3Ya0JrY68iPA2jUyV0TrgLn_u9IjaewwMMfQaglEH_RTJzJ_VZ48a3hHW6gbD2nrGcaYsgBfrcGUsHF0sDVyHDhyphenhyphenDITxnv/s1600/DheTemplate.png' width='80'/><span>DheTemplate Blogger Template</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-4'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6fH6IQuJuLqRDReRcj2kZER3-25n687bUrDg-VCVnu2S5IDwZX5rfMgIuPN4yoj44RMEnmXjCzPfv_ERiPdWanJR9O4CCJKUk4jPUxpPPJ6R9OhPVE3EH5_OoKjdG-6dJeElimaExccM/s1600/Pre+Live+Mag.png' width='80'/><span>Pre Live Mag Blogger Template</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-2'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOVR3bHS4bjvEwgYiq99QrLvAu62UlwatEDuZKxt9tTm5fSzFU2LI6o4kTsp-y1VHdLsriBvVdOyrSspwd70SaplOvRDGqI_X47yzlZb_J8uIfkxm2tKoG9HNjZ17V1PzLBVADLWP4m9s/s400/whitePress.jpg' width='80'/><span>whitePress Blogger Template</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-1'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLU3D5iwuOMVZf4E1PUoiy0ktAae0oM1n_kSd2Shnzo3-x5k7-MD9qCHSg3g_NSvNT-V3bTMLa7DM6WABGlDU_Dr5u-kmgmJMSWs70hOENd28l8V6_OIGAtrhtj6iw0rrcgIvjKRQ0Qgc/s400/Poster-Inc.jpg' width='80'/><span>Poster Inc Blogger Template</span></a></li>
</ul>


<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt='testing' height='290' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpNoyd0CqzXjSaWn8s-WoSRXbRufA3wQQoI5b7le4kBkkJ_E3Ya0JrY68iPA2jUyV0TrgLn_u9IjaewwMMfQaglEH_RTJzJ_VZ48a3hHW6gbD2nrGcaYsgBfrcGUsHF0sDVyHDhyphenhyphenDITxnv/s1600/DheTemplate.png' width='420'/>
<div class='info'>
<h3><a href='http://www.dhetemplate.com/'>DheTemplate - Free Blogger Templates Everyday</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='http://www.dhetemplate.com/'>More</a></p>
</div>
</div>


<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt='testing' height='290' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6fH6IQuJuLqRDReRcj2kZER3-25n687bUrDg-VCVnu2S5IDwZX5rfMgIuPN4yoj44RMEnmXjCzPfv_ERiPdWanJR9O4CCJKUk4jPUxpPPJ6R9OhPVE3EH5_OoKjdG-6dJeElimaExccM/s1600/Pre+Live+Mag.png' width='420'/>
<div class='info'>
<h3><a href='http://www.dhetemplate.com/2010/12/free-pre-live-mag-blogger-template.html'>Pre Live Mag Blogger Template</a></h3>
<p>Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam...<a href='http://www.dhetemplate.com/2010/12/free-pre-live-mag-blogger-template.html'>More</a></p>
</div>
</div>


<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt='testing' height='290' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOVR3bHS4bjvEwgYiq99QrLvAu62UlwatEDuZKxt9tTm5fSzFU2LI6o4kTsp-y1VHdLsriBvVdOyrSspwd70SaplOvRDGqI_X47yzlZb_J8uIfkxm2tKoG9HNjZ17V1PzLBVADLWP4m9s/s400/whitePress.jpg' width='420'/>
<div class='info'>
<h3><a href='http://www.dhetemplate.com/2010/11/free-whitepress-blogger-template.html'>whitePress Blogger Template</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='http://www.dhetemplate.com/2010/11/free-whitepress-blogger-template.html'>More</a></p>
</div>
</div>


<div class='ui-tabs-panel' id='fragment-1' style=''>
<img alt='testing' height='290' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLU3D5iwuOMVZf4E1PUoiy0ktAae0oM1n_kSd2Shnzo3-x5k7-MD9qCHSg3g_NSvNT-V3bTMLa7DM6WABGlDU_Dr5u-kmgmJMSWs70hOENd28l8V6_OIGAtrhtj6iw0rrcgIvjKRQ0Qgc/s400/Poster-Inc.jpg' width='420'/>
<div class='info'>
<h3><a href='http://www.dhetemplate.com/2010/11/free-poster-inc-blogger-template.html'>Poster Inc Blogger Template</a></h3>
<p>Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam...<a href='http://www.dhetemplate.com/2010/11/free-poster-inc-blogger-template.html'>More</a></p>
</div>
</div>
</div>
</b:if>
</b:if>

<div class='clear'> </div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' 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>

<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.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</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'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>

<div class='post-header'>
<div class='post-desc'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</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: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>
</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-labels'>
<b:if cond='data:post.labels'>
<p>Categories :</p>
<p><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=5"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> . </b:if>
</b:loop></p>
</b:if>
</div>

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

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><a class='readmore' expr:href='data:post.url'>Read more...</a>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
</b:if>
<div style='clear: both;'/> 
</div>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

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

<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>

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

</div>

<div class='post-footer-line post-footer-line-3'/>
</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 id='comment-form'>
<div id='respond'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h3>Leave a Reply</h3>
<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='230' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h3>Leave a Reply</h3>
<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='240' id='comment-editor' name='comment-editor' src='' width='103%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</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'><data:newerPageTitle/></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'><data:olderPageTitle/></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'>
<div class='date-header'><span><data:post.dateHeader/></span></div>
</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'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</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:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</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'>
<div class='date-header'><span><data:post.dateHeader/></span></div>
</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:include name='feedLinks'/>
</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='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>

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

<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;'/>
</a>

<div class='mobile-index-comment'>
<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>
</div>
</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='clear'/>
<div id='commentsbox'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<h3 id='comments'>
<b:if cond='data:post.numComments == 1'>
One Response so far.
<b:else/>
<data:post.numComments/> Responses so far.
</b:if>
</h3>
</b:if>

<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>

<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.adminClass == data:post.adminClass'>
<li class='comment odd'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'>
<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>
</cite> <span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
<b:else/>
<li class='comment even'>
<div class='comment-body'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'>
<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>
</cite> <span class='says'>says:</span>
</div>
<div class='comment-meta commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</div>
</li>
</b:if>
</b:loop>
</ol>

<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>
</div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featuredNews'>
<b:section class='featuredStyle' id='featured1' preferred='no'>
<b:widget id='HTML2' locked='false' title='Featured Post 1' type='HTML'>
<b:includable id='main'>
<script>
document.write('<span class="index"><a href="/feeds/posts/default/-/<data:content/>?">RSS</a></span>');
document.write('<span class="labelTitle"><a href="/search/label/<data:content/>?max-results=5"><data:title/></a></span>');
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</b:includable>
</b:widget>
</b:section>
<b:section class='featuredStyle' id='featured2' preferred='no'>
<b:widget id='HTML3' locked='false' title='Featured Post 2' type='HTML'>
<b:includable id='main'>
<script>
document.write('<span class="index"><a href="/feeds/posts/default/-/<data:content/>?">RSS</a></span>');
document.write('<span class="labelTitle"><a href="/search/label/<data:content/>?max-results=5"><data:title/></a></span>');
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</b:includable>
</b:widget>
</b:section>

<b:section class='featuredStyle' id='featured3' preferred='no'>
<b:widget id='HTML4' locked='false' title='Featured Post 3' type='HTML'>
<b:includable id='main'>
<script>
document.write('<span class="index"><a href="/feeds/posts/default/-/<data:content/>?">RSS</a></span>');
document.write('<span class="labelTitle"><a href="/search/label/<data:content/>?max-results=5"><data:title/></a></span>');
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</b:includable>
</b:widget>
</b:section>

<b:section class='featuredStyle' id='featured4' preferred='no'>
<b:widget id='HTML5' locked='false' title='Featured Post 4' type='HTML'>
<b:includable id='main'>
<script>
document.write('<span class="index"><a href="/feeds/posts/default/-/<data:content/>?">RSS</a></span>');
document.write('<span class="labelTitle"><a href="/search/label/<data:content/>?max-results=5"><data:title/></a></span>');
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</b:includable>
</b:widget>
</b:section>

<b:section class='advertise' id='adRight' preferred='yes'>
<b:widget id='HTML41' locked='false' title='' 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='advertise' id='adLeft' preferred='yes'>
<b:widget id='HTML42' locked='false' title='' 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='featuredStyle' id='featured5' preferred='no'>
<b:widget id='HTML6' locked='false' title='Featured Post 5' type='HTML'>
<b:includable id='main'>
<script>
document.write('<span class="index"><a href="/feeds/posts/default/-/<data:content/>?">RSS</a></span>');
document.write('<span class="labelTitle"><a href="/search/label/<data:content/>?max-results=5"><data:title/></a></span>');
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</b:includable>
</b:widget>
</b:section>

<b:section class='featuredStyle' id='featured6' preferred='no'>
<b:widget id='HTML7' locked='false' title='Featured Post 6' type='HTML'>
<b:includable id='main'>
<script>
document.write('<span class="index"><a href="/feeds/posts/default/-/<data:content/>?">RSS</a></span>');
document.write('<span class="labelTitle"><a href="/search/label/<data:content/>?max-results=5"><data:title/></a></span>');
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</b:includable>
</b:widget>
</b:section>

<b:section class='featuredStyle' id='featured7' preferred='no'>
<b:widget id='HTML8' locked='false' title='Featured Post 7' type='HTML'>
<b:includable id='main'>
<script>
document.write('<span class="index"><a href="/feeds/posts/default/-/<data:content/>?">RSS</a></span>');
document.write('<span class="labelTitle"><a href="/search/label/<data:content/>?max-results=5"><data:title/></a></span>');
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</b:includable>
</b:widget>
</b:section>
<b:section class='featuredStyle' id='featured8' preferred='no'>
<b:widget id='HTML9' locked='false' title='Featured Post 8' type='HTML'>
<b:includable id='main'>
<script>
document.write('<span class="index"><a href="/feeds/posts/default/-/<data:content/>?">RSS</a></span>');
document.write('<span class="labelTitle"><a href="/search/label/<data:content/>?max-results=5"><data:title/></a></span>');
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
</div>
<div id='mainright'>
<b:section class='sidebar' id='sidebar-top' preferred='yes'>
<b:widget id='HTML12' locked='false' title='Sponsors' 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>
<div class='clear'/>

<div class='tabview' id='tabzine'>
<ul class='tabnav'>
<li class='rec'><a href='#recent'>Recent</a></li>
<li class='pop'><a href='#popular'>Popular</a></li>
<li class='fea'><a href='#label'>Label</a></li>
</ul>

<div class='tabdiv' id='recent'>
<script src="http://freetemplate.googlecode.com/files/recentpostandcomments.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
</div>

<b:section class='tabdiv' id='popular' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' 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:section>

<b:section class='tabdiv' id='label' preferred='yes'>
<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:section>
</div>

<div class='clear'/>

<b:section class='sidebar' id='sidebar-bottom' preferred='yes'>
<b:widget id='HTML10' locked='false' title='Text' 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:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='false' title='Notice' 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>
</div>

<div class='clear'/>

</div> </div> 
<div id='footercover'>
<div id='footer'>
<b:section class='footwid' id='footer1' preferred='yes'>
<b:widget id='HTML134' locked='false' title='Links' 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='footwid' id='footer2' preferred='yes'>
<b:widget id='HTML135' locked='false' title='Comments' 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='footwid' id='footer3' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<b:if cond='data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
<b:else/>
<b:if cond='data:totalFollowerCount != ""'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == ""'>
<span class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>

<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>

<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>

<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='last' id='footer4' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> 
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>

<b:else/> 

<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>

<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link' expr:href='data:userUrl' rel='author'>
<data:displayname/>
</a>
</dt>

<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
</b:if>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

<div class='clear'> </div>
<div id='bottomCover'>
<div class='bottom'>


<a href='/'><data:blog.title/></a> © 2011 <a href='http://www.dhetemplate.com/' title='Free Blogger Templates Daily Updates'>DheTemplate.com</a> & <a href='http://www.main-blogger.com/' title='Main Blogger'>Main Blogger</a>. Supported by <a href='http://makeringdiamond.blogspot.com/2011/10/makeityourring-diamond-engagement-rings.html' title='Makeityourring Diamond Engagement Rings'>Makeityourring Diamond Engagement Rings</a>
<p>You can add link or short description here</p>
</div>
</div>

<script src='http://dl.dropbox.com/u/14915514/JavaScript/codejquery-1.2.6.min.js' type='text/javascript'/>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>

</body>
</html>

Monday, 25 June 2012

Template

No comments:

Post a Comment

Monday, 25 June 2012

Template

Related Posts

No comments:

Post a Comment