Rits Design Template 2016

Live Demo☺

Features : 1. Ye blog akdam seo kiya geya hain. Esiliye ye blog bohot accha hain.

2. Mobile Friendly. Ye template pora mobile friendly hain yaniki ap jis brouser sevi or jis devices se isko chalayengi ye template uspe fit ho jayega.

Recommended : 3 killer Tips To Make Money Online With all Descriptions

3. Custom 404 page. Jab apka blog ki kisi page ap dhun nahi payega to ye template apko ek bohot accha sa custom page dikhayega. Jispe apka or vi post uhape dekhayegi.

Ispe or vii bohot sari popularity hain.

How To Use This Template :

Recommended : Why SEO Important And Its Solution Step By Step With Descriptions And Screenshot.

Niche me jo html code diyaho usko copy kare fer word pe usko paste kare or usko save kare. Jab ap isko save kiya uski bad ap uss save hua file ko rename kare filename.xml ki sat. Tab usko blog pe upload kare.

How To Upload Template :

Frist Blogger .com pe gao or apka blog ki andar gao. Fer template option pe jao or

backup/restore pe click karo. Uski bad chose file pe apna uss .xml file ko chunu. Or tab upload pe click karo. Kouch second pe upload ho jayega. Tab apna blog pe jao. Dekho kitna accha lagrahahe ab apka blog.

Copy this :

RECOMMEND : EARN MORE FROM YouTube IN ENGLISH.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html 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>
   
    
 <link href='http://www.alltechbuzz.net/' rel='canonical'/>
    <meta content='IE=8, IE=9, IE=10' http-equiv='X-UA-Compatible'/>
    <b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.pageType == "index"'>
      <title>
        <data:blog.title/>
      </title>
      <b:else/>
      <title>
       <data:blog.pageName/>
      </title>
    </b:if>
  <meta charset='UTF-8'/>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
   
    <b:skin><![CDATA[/*
/////////////////////////////////////////////////////////
//  ATB Blogger Template                               //
/////////////////////////////////////////////////////////
*/
/*****************************************
reset.css
******************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {    margin: 0;    padding: 0;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {     display:block;}
table {    border-collapse: separate;    border-spacing: 0;}
caption, th, td {    text-align: left;    font-weight: normal;}
q:before, q:after {    content: "";}
sup{    vertical-align: super;    font-size:smaller;}
code{    font-family: 'Courier New', Courier, monospace;    font-size:12px;    color:#272727;}
::selection {  background: rgb(255,255,158);  color: #369;  }
::-moz-selection {  background: rgb(255,255,158);  color: #369;  }
a img{ border: none;}
ol, ul { padding: 10px 0 20px;  margin: 0 0 0 35px;  text-align: left;  }
ol li { list-style-type: decimal;  padding:0 0 5px;  }
ul li { list-style-type: disc;  padding: 0 0 5px;  }
ul ul, ol ol { padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Helvetica Neue', Arial, sans-serif;, serif;  }
.post-body h1 { line-height: 30px; font-size: 40px; margin: 10px 0; }
.post-body h2 { font-size: 38px; line-height: 44px; border-bottom: 4px solid #4690B3;padding-bottom: 5px; margin: 10px 0; }
.post-body h3 {
font-size: 26px!important;  padding-bottom: 5px; margin: 10px 0;
background: #E3F0F2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4VYlZWRY_OR5X1y9pDYFKOpXLeim4eUmDoh83jDb47UGmxY8zUAaDra88wq_sV1Sb-J4fC64mmNpc_0vzYIJgSVKK3flzWk_ykjCmJOemQJXIold0IDRp9XZ9ONzTPNqP0ITqtMCuaHaL/s1600/note.png) center no-repeat;
border: 1px solid #6CC;
background-position: 7px 50%;
padding: 10px 10px 10px 45px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.post-body h4 {
font-size: 24px; line-height: 36px; margin: 10px 0;
background: #004489!important;
color: #FCFCFC!important;
padding: 5px 10px;
margin: 20px 0px 10px 0px;
border: 2px dashed #FFF;
font-family: bebasregular, 'Yanone Kaffeesatz', sans-serif;
font-weight: normal;
line-height: 1.25;
text-shadow: 1px 2px 9px #000;
}
.post-body h4 a{
color: #fff;
}
.post-body h5 { font-size: 24px; line-height: 30px; margin: 10px 0;  }
.post-body h6 { font-size: 18px; line-height: 24px; margin: 10px 0;  }
/*****************************************
Global Links CSS
******************************************/
a {
color: #0084CE;
text-decoration: underline;
}
a:hover {
color: #0084CE;
text-decoration: none;
}
body{ background-color: #fff; height: 100%; padding: 0; font-family: 'Lora',Georgia,Serif; font-size: 18px; line-height: 29px;}
.clr { clear:both; float:none; }
/*****************************************
Wrappers
******************************************/
.ct-wrapper {    padding:0px 20px;  position:relative;    max-width:1230px;    margin: 0 auto;  }
.outer-wrapper {    background: #FFF;    position: relative;  margin: 6px 0;   }
.header-wrapper {  background: #004489;  border-bottom: 1px solid #369;  display: inline-block;  float: left;  width: 100%;  }
.main-wrapper {    width:auto;    margin-right:365px;   }
#content {   position: relative;  width: 100%;  float: left;  }
.sidebar-wrapper {  width:300px!important;  padding: 25px 20px;  float: right;  border: 1px solid white;  margin: 0px 20px 40px 0;  }
/**** Layout Styling CSS *****/
body#layout .header-wrapper { margin-top: 40px; }
body#layout #header, body#layout .header-right { width: 50%; }
body#layout .outer-wrapper, body#layout .sidebar-wrapper, body#layout .ct-wrapper { margin: 0; padding: 0; }
/*****************************************
Pre Tags
******************************************/
pre{background:#AEF8FC;padding:5px;overflow:scroll;}
pre:hover{background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2)}
pre{background:#AEF8FC;padding:5px;}
pre:hover{background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2)}
/*****************************************
Header CSS
******************************************/
#header{ float:left; width: auto; }
#header-inner{margin: 10px 0px 0px; padding: 0; float:center; }
#header h1 { color: #4690B3;  font-size: 70px; text-transform: capitalize;  line-height: 50px;  text-shadow: 1px 1px 1px #000000;  }
#header h1 a, #header h1 a:hover {  color: #4690B3;  }
#header p.description{  color: #333;  font-size: 12px;  font-style: italic;  margin: 0 0 0 35px;  padding: 0;  text-transform:capitalize;  }
#header img{   border:0 none; background:none; width:auto; height:auto; margin:0 auto;  }
/***** Header Right CSS *****/
.header-right { float: right; }
.header-right .widget-content {margin-top: 10px; }

/*****************************************
Main Menu CSS
******************************************/
/*-----Responsive Drop Down Menu by MBT ----*/
#menu{
background: #004489 url() repeat-x;;
color: #FFF;
height: 40px;
border-bottom: 2px solid #DDD;
border-top: 1px solid #369;
}
#menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none}
#menu ul{height:45px;width:100%}
#menu li{float:left;display:inline;position:relative;font:bold 0.9em Arial;}
#menu a{display: block;
line-height: 40px;
padding: 0 14px;
text-decoration: none;
color: #FFF;
}
#menu li a:hover{
color: #E4E4E4;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
background: #191919;
}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{font-size:16px;position:absolute;left:35px}
#menu ul.menus{
height: auto;
overflow: hidden;
width: 170px;
background: #191919;
position: absolute;
z-index: 99;
display: none;
}
#menu ul.menus li{
display: block;
width: 100%;
font:normal 0.8em Arial;
text-transform: none;
text-shadow: none;
border-bottom: 1px dashed #31AFDB;
}
#menu ul.menus a{
color: #FFF;
line-height: 35px;
}
#menu li:hover ul.menus{display:block}
#menu ul.menus a:hover{
background: #414141;
color: #FFF;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
@media screen and (max-width: 800px){
#menu{position:relative}
#menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
#menu ul.menus{width:100%;position:static;padding-left:20px}
#menu li{display:block;float:none;width:auto; font:normal 0.8em Arial;}
#menu input,#menu label{position:absolute;top:0;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:white}
#menu input:checked ~ ul{display:block}
}
/*****************************************

/*****************************************
Blog Post CSS
******************************************/
.post{  padding: 5px 3%;  margin: 10px 0;  }
.post-title {   font-size: 30px;  line-height: 35px;  text-decoration:none;  border-bottom: 1px dashed #ccc;  margin: 0 0 10px;  padding: 0 0 10px;  }
.post-title a{text-decoration:none;  color:#666;  }
.post-title a:hover{ color: #4690B3; }
.post-body {  font-size:16px;  font-weight: normal;  padding: 0;    margin:0;    line-height:29px;    word-wrap:break-word;  }
.post-header {  color: #999999;  font-family: Verdana,Arial,Tahoma,sans-serif;  font-size: 12px;  }
.post-header a {  font-style: italic;  }
.rmlink {  float: right;  line-height: normal;  }
.home-link { display:none;}
#blog-pager-newer-link {display: block;  float: none;  padding: 5px 5px 5px 50px;  text-align: left;}
#blog-pager-newer-link:before { content:"NEXT POST:"; font-size: 10px; letter-spacing: 2px;}
#blog-pager-older-link {display: block;  float: none;  padding: 5px 5px 5px 50px;  text-align: left;}
#blog-pager-older-link:before { content:"PREVIOUS POST:"; font-size: 10px; letter-spacing: 2px;}
#blog-pager { border-top: 1px solid #eee; padding: 2em 0; margin: 0; font-size: 16px; line-height: normal; }
.showpageOf {  display:none;  }
.showpageNum a, .showpage a { margin:0 4px; }
.showpagePoint { margin: 0 2px 0 0; }
/*****************************************
Post Highlighter CSS
******************************************/
blockquote {
margin:0px 0px 0px 0px;padding:10px;
background: #ffffa0;
border: 1px solid #e5e597;
}
/*****************************************
Custom Widget CSS
******************************************/
/***** Optin Form CSS *****/
.opt-in .inner {  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbFbNorlxB4dx0in3JN7B4aalDPBldnaQ13LzPSzs50SOzrMX76e-_knUY_eMdycN_3-YS0JfPQY0GIHuHvYcsCyGxg4GQ7zjDdd8bGMNG8Xf4Fna3RlI1UkT5GyPL457MfnnQW0XSJO4M/s1600/home-bg.png") repeat scroll 0 0 transparent;  padding: 35px 0;  font-style: italic;  color: #ccc;  text-shadow: 0 1px 1px #000000;  }
.opt-in .inner h4 {  font-size: 28px;  margin-bottom: 10px;  font-style: normal;  color: #fff;  line-height: normal;  }
.opt-in .inner a {  border-bottom: 1px solid #DDDDDD;  color: #DDDDDD;  }
.opt-in .inner a:hover {  border-bottom: 1px dashed #DDDDDD;  }
.opt-in .opt-in-wrap {  margin-right: 40%; }
.opt-in .info {  float: left;  width: 100%;  }
.opt-in .signup-form {  background: rgba(0, 0, 0, 0.25);  border: 5px solid rgba(0, 0, 0, 0.25);  float: right;  font-size: 16px;   width: 35%;  text-align: center;  }
.opt-in .signup-form .form-inner {  font-size: 16px;    margin: 35px;  }
/***** Popular Post *****/
.popular-posts ul {  padding-left: 0;  }
.popular-posts ul li {  border-bottom: 1px dashed #ccc;  list-style: none outside none !important;  margin-left: 0 !important;  overflow: hidden;  padding: 10px 0 !important;  transition: all 0.25s linear 0s;  }
.popular-posts ul li:hover {  padding-left: 10px !important;  }
.sidebar-wrapper .popular-posts ul li:hover {  background: #f0f0f0;  }
.PopularPosts .item-thumbnail img {  display: block;  float: left;  height: 50px;  margin-right: 8px;  width: 50px;  }

/***** Form CSS *****/
input {  color: #333;  font-family: 'Lora', Georgia, "Times New Roman", Times;  margin-top: 10px;  }
 select, textarea {  -moz-box-shadow: inset 0 1px 2px 1px #eee;  -webkit-box-shadow: inset 0 1px 2px 1px #eee;  background: #fff;  border: 1px solid #bbb;  box-shadow: inset 0 1px 1px 1px #eee;  color: #bbb;  font-family: Verdana, Arial, Tahoma, sans-serif;  font-size: 9px;  margin: 0 2px 0 0;  padding: 12px 15px;  text-transform: uppercase;  vertical-align: middle;  }
textarea {  color: #333;  font-family: 'Lora', Georgia, "Times New Roman", Times;  font-size: 12px;  text-transform: none;  }
#subbox {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK38eSMeik49caicS3KbW0f0air7izFrJiXa9-cgMWU37Doe9bQirzCr1OI1QZwxALbKfUPA0mu1lOSGS-Krb2BLyZj_BIVDtLe-YWOIzl2VlfytVxMgLvOgxZ6oFQeKvnIPITlA5IMu69/s1600/email-icon.png") no-repeat scroll 16px 15px #FFFFFF;
border: none;
box-shadow: 0 1px 1px 1px #EEEEEE inset;
color: #BBBBBB;
font-family: Verdana,Arial,Tahoma,sans-serif;
font-size: 9px;
padding: 14px 15px 14px 45px;
text-transform: uppercase;
width: 160px;
}
/***** Button CSS *****/
.rmlink a, .showpageNum a, .showpage a, .showpagePoint {
background: #4690b3;
background: -moz-linear-gradient(top, #4690b3 0%, #004489 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4690b3), color-stop(100%,#004489));
background: -webkit-linear-gradient(top, #4690b3 0%,#004489 100%);
background: -o-linear-gradient(top, #4690b3 0%,#004489 100%);
background: -ms-linear-gradient(top, #4690b3 0%,#004489 100%);
background: linear-gradient(top, #4690b3 0%,#004489 100%);
border-width: 1px 0;  border-color: #3e89ad #357ea0 #2c7191;  border-style: solid; text-shadow: 0 1px 0 #1d4a5f;  -webkit-box-shadow: inset 0 1px 0 #78afce;  -moz-box-shadow: inset 0 1px 0 #78afce;  box-shadow: inset 0 1px 0 #78afce;
-moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  color: #fff;  cursor: pointer;  font-family: Verdana, Arial, Tahoma, sans-serif;  font-size: 11px;  font-weight: bold;  padding: 12px 15px;  text-decoration: none;  text-transform: uppercase;  display: inline-block;  }
input:hover[type="button"],
input:hover[type="submit"], .rmlink a:hover, .showpageNum a:hover, .showpage a:hover, .showpagePoint {
background: #004489;
background: -moz-linear-gradient(top, #004489 0%, #4690b3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004489), color-stop(100%,#4690b3));
background: -webkit-linear-gradient(top, #004489 0%,#4690b3 100%);
background: -o-linear-gradient(top, #004489 0%,#4690b3 100%);
background: -ms-linear-gradient(top, #004489 0%,#4690b3 100%);
background: linear-gradient(top, #004489 0%,#4690b3 100%);
border-color: #3e89ad #357ea0 #2c7191;
color: #fff;    text-decoration: none;  }
/***** Profile Widget CSS *****/
.Profile img { border:1px solid #cecece; background:#fff; float:left; margin:5px 10px 5px 0; padding:5px;  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.profile-data { color:#999999; font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif; font-variant:small-caps; margin:0; text-transform:capitalize;}
.profile-datablock { margin:0.5em 0;}
.profile-textblock { line-height:1.6em; margin:0.5em 0;}
a.profile-link { clear:both; display:block; font:80% monospace; padding:10px 0; text-align:center; text-transform:capitalize;}
/*****************************************
Sidebar CSS
******************************************/
.sidebar{  margin: 0;  padding: 0;  display: block;  }
.sidebar h2 {font-size: 25px;  font-weight: bold;  margin-bottom: 12px;  text-transform: none;  }
.sidebar .widget{  clear: both;  font-size: 16px;  line-height: 26px;  margin-bottom: 25px;  }
.sidebar ul{ margin:0; padding:0; list-style:none; }
.sidebar li{  margin: 0 0 0 15px;  padding: 0 0 5px;  text-transform: capitalize;  }
/*****************************************
Footer Top
******************************************/
.footer-top {  border-top:1px solid #555;   padding: 15px;   background: #111111;  text-shadow: 1px 1px #000000;  color: #999;  font-size: 90%;  }
.footer-top .attribution{  float:right;  }
.footer-top .attribution a { font-style: italic; }
#footer a, .footer-top a { text-decoration:none; color: #BBBBBB;  }
#footer a:hover, .footer-top a:hover {text-decoration:underline;  color: #D4D4D4;  }
/*****************************************
Back to top
******************************************/
#backtotop { float:right; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0HYW6hnLpjs4wqk7poEM-hFQRwJByGYSc6Gh3Rb3WksWY5gsVnIxw8f75bGbvj-r7TXXmttSPhOP1uov4tphnG1vFbyQzWN-YpFGgWwxvroHT7W-hLkZnVuCXsa3ZL2wpHDfZOQbgv-KR/s1600/back-top.png) no-repeat right; padding-right:26px; }
#backtotop  a, #backtotop  a:hover {text-decoration:none; display:block; }
#backtotop p { color:#fff; text-shadow: 1px 1px 1px #000; margin-top:0px; }
/*****************************************
Footer CSS
******************************************/
#footer {  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDTEn33qgBredCWzX2UOTZ3hmnu4P3HE8mIug01wk4gGyojy9vEaG9An5cXCYF24bRESFPALH_kZl_CoGiWrbIxKEfppOV1ZKO25VUe87EQjPf0i3bgyhRTzzsGagqb1sKi6N38oSf1-N6/s1600/lower.png) repeat; border-bottom: 1px solid #222222;  -webkit-box-shadow: 0 1px 4px #222222 inset;  -moz-box-shadow: 0 1px 4px #222222 inset;  box-shadow: 0 1px 4px #222222 inset;  text-shadow: 1px 1px #000000;  width: 100%; color: #bdbdbd; }
.footer {  float: left;  width: 25%;  }
.footer h2 {
font-size: 19px;
letter-spacing: 1px;
color: #FFF;
text-shadow: 1px 1px 1px #000;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJkNdyKTnhNXdbOmqgnCspqeNgnm0MkXevfNU9krOsKhyriS9WgE8K9xbnD9z9gBcbnvyn0nK57gEhSgKTmj8Q_ekY0MjN8POAnrd5UmKob0wF-gtA87IOgHrPh-FrkAx2TaCKU_ThdwO/s1600/footer-line.png) repeat-x bottom;
padding-bottom: 6px;
margin-bottom: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
text-transform: uppercase;
border: 0px !important;
}
.footer .widget{  clear: both;  font-size: 16px;  line-height: 26px;  margin: 15px 25px 25px;  }
.footer ul{ margin:0; padding:0; list-style:none; }
.footer li{  margin: 0 0 0 15px;  padding: 0 0 5px;  text-transform: capitalize;  }
.footer-credits {  border-top:1px solid #555;   padding: 15px;   background: #111111;  text-shadow: 1px 1px #000000;  color: #999;  font-size: 80%;  }
.footer-credits .attribution{  float:right;  }
.footer-credits .attribution a { font-style: italic; }
#footer a, .footer-credits a {text-decoration:none;   color: #BBBBBB;  }
#footer a:hover, .footer-credits a:hover {text-decoration:underline;   color: #D4D4D4;  }
/*****************************************
Comments CSS
******************************************/
.comments {  padding-top: 30px;  clear:both;  margin: 0 0 0 20px;  }
.comments h4 {  font-size: 25px;  line-height: 30px;  padding: 0;  text-transform: capitalize;  }
#comments-block .avatar-image-container.avatar-stock img{  border-width:0;  padding:1px;  }
#comments-block .avatar-image-container{    height:37px;    left:-45px;    position:absolute;    width:37px;  }
#comments-block.avatar-comment-indent{  margin-left:45px;  position:relative;  }
#comments-block.avatar-comment-indent dd{  margin-left:0;  }
iframe.avatar-hovercard-iframe{  border:0 none;  padding:0;  width:25em;  height:9.4em;  margin:.5em;  }
.comments .comments-content{  margin-bottom:16px;  }
.comments .continue, .comments .comment .comment-actions {  display: block;  text-align: right;  }
.comments .continue a, .comments .comment .comment-actions a{  padding: 0 7px;  font-family: 'Bree Serif', serif; }
.comments .continue a:hover, .comments .comment .comment-actions a:hover{  text-decoration: none;  }
.comments .comments-content .comment-thread ol{  margin:20px 0 0 -10px;  overflow:hidden;}
.comments .comments-content .inline-thread{    padding:0;}
.comments .comments-content .comment-thread:empty{    display:none}
.comments .comments-content .comment-replies{    margin-left:0px;margin-top:0px;}
.comments .comments-content .comment:first-child{padding-top:4px}
.comments .comments-content .comment:last-child {border-bottom: 1px solid #DDDDDD;  padding-bottom:0;  }
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user a {   font-style: normal;  font-weight: bold;  text-transform: capitalize; }
.comments .comments-content .icon.blog-author {display:inline-block;height:18px;margin:0 0 -4px 6px;width:18px}
.comments .comments-content .datetime {  display: block;  line-height: 21px; margin-left: 0px;  }
.comments .comments-content .datetime a {  color: #333;  font-size: 14px;  }
.comments .comments-content .datetime a:hover {  text-decoration:none; }
.comments .comments-content .comment-header {  margin: 0;  min-height: 40px;  padding: 10px;   position: relative;  }
.comments .comments-content .comment-content{  margin: 0;  padding: 0 10px 10px 10px;  position: relative;  }
.comments .comments-content .owner-actions {position:absolute;right:0;top:0}
.comments .comments-replybox { border:none;height:250px;width:100%}
.comments .comment-replybox-single { margin-left:4px;margin-top:5px}
.comments .comment-replybox-thread {  margin: 5px 0 5px 15px;  }
.comments .comments-content .loadmore a { display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle { cursor:pointer;display:none;}
.comments .continue{   float: right;  cursor:pointer;  display:inline-block;  }
.comments .continue a{  display:block;  font-weight: normal;  margin: 0 15px 0 0;  }
.comments .comments-content .loadmore{cursor:pointer;margin-top:3em;max-height:3em}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.comments .avatar-image-container {  float: right;  padding: 0;  margin: 0;  max-height:55px;  width:55px;  }
.comments .avatar-image-container img {  display: block;  max-width: 55px;  width: 55px;  border-radius: 27.5px;  -moz-border-radius: 27.5px;  -o-border-radius: 27.5px;  -webkit-border-radius: 27.5px;  }
.comments .comment-block {  margin-left: 0px;  position: relative;  }
.comments .comments-content .comment {  background: #fff;  border: 1px solid #DDDDDD;  list-style: none outside none;  margin: 0 25px 15px 10px;  padding: 10px !important; }
.comments .comments-content .comment:nth-child(even) {  background: #F9F9F9;  }
/*****************************************
Responsive styles
******************************************/
@media screen and (max-width: 1024px) {
#header, .header-right { float: none; text-align: center; width: 100%; }
.header-right .widget-content { margin: 0; }
}
@media screen and (max-width: 960px) {
.ct-wrapper{    padding:0 15px;  }
.main-wrapper, .opt-in .opt-in-wrap{    margin-right:0;    width:100%;  }
.sidebar-wrapper{  float: left; width: auto;  margin-left: 20px;  }
.nav-menu ul { text-align: center; }
.nav-menu ul li { float: none; }
.opt-in .inner .ct-wrapper {  padding: 0 48px; }
.opt-in .info {  text-align: center;   }
.opt-in .signup-form {  margin-top: 30px;  width: 95%;  float: left;  }
#subbox {  width: 60%;  }
}
@media screen and (max-width: 768px){
#header p.description { margin: 0; }
.header-right { display: none; }
#comment-editor { margin:10px; }
.footer { width: 50%; }
}
@media screen and (max-width: 500px){
#header img { width:100%; }
.opt-in .inner .ct-wrapper {  padding: 0 10px; }
}
@media screen and (max-width: 420px){
.comments .comments-content .datetime{    display:block;    float:none;    }
.comments .comments-content .comment-header {    height:70px;    }
}
@media screen and (max-width: 320px){
.footer { width: 100%; }
.ct-wrapper{ padding:0; }
.post-body img{  max-width: 230px; }
.comments .comments-content .comment-replies {    margin-left: 0;    }
}
/*****************************************
Hiding Header Date and Feed Links
******************************************/
h2.date-header{display:none;}
/* ATB Code For Author Box */
.about-author {
width : 98%;
overflow : hidden;
margin:10px 0px;
border:0px;
}
.about-author img {
width:70px;
padding:3px;
border:1px solid #ddd;
margin:0px 5px 0px 0px;
}
.about-author h6{
font-family: verdana !important;
font-size: 150% !important;
margin: 9px 0px !important;
color: #111 !important;
border-bottom: 2px solid #111 !important;
border-top: 0px !important;
}
.about-author p {
margin:0px;
text-align:justify;
color:#111;
}
/* Hreview Plugin */
.tth_box_right {
float: right;
margin: 0 0 10px 10px;
}
.tth_rating_container_default {
border: 1px solid #E0E0E0;
border-radius: 3px 3px 3px 3px;
font-size: 14px;
line-height: 20px;
width: 300px;
font-family: georgia;
}
#content_box #content .format_text {
color: #000000;
font-family: georgia;
}
#tth_rating {
background: none repeat scroll 0 0 #F6F6F6;
border: 2px solid white;
border-radius: 3px 3px 3px 3px;
clear: both;
overflow: hidden;
padding: 10px;
}
.tth_rating_container_default {
font-size: 14px;
line-height: 20px;
}
.tth_rating_container_default {
font-size: 14px;
line-height: 20px;
}
#tth_rating .review_screenshot {
display: block;
margin: 10px auto;
}
#tth_rating div.hr {
background: none repeat scroll 0 0 #E0E0E0;
height: 1px;
margin: 5px 0;
}
#tth_rating dd {
margin-bottom: 0 !important;
margin-left: 15px;
}
#tth_rating dt, #tth_rating dd {
float: left;
font-weight: normal;
}
.format_text dd {
margin-bottom: 1.5em;
}
.result {
text-indent: -9999px;
}
.tth_rating {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijiEOMDYztsFZ-TcX_rGWWETY2qUzXTDJxp4LB1ZxdcyE3JVwI-AJdc6QWIm3gbz7KEk-PRriz7nA9ROtMxdnywDe1Eb2DfM9MZH4g4wa1CigGTN6IS0ub2ui_klBqbB7wvzzpiuPB3ac/s320/stars.png") repeat-x scroll 0 -16px transparent;
height: 16px;
position: relative;
width: 80px;
}
.tth_rating .result {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijiEOMDYztsFZ-TcX_rGWWETY2qUzXTDJxp4LB1ZxdcyE3JVwI-AJdc6QWIm3gbz7KEk-PRriz7nA9ROtMxdnywDe1Eb2DfM9MZH4g4wa1CigGTN6IS0ub2ui_klBqbB7wvzzpiuPB3ac/s320/stars.png") repeat-x scroll 0 0 transparent;
height: 16px;
left: 0;
position: absolute;
text-indent: -9999px;
top: 0;
z-index: 102;
}
.ar_button {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif_LeTjqOM-zXncgB3zvNGbokYWiajQEExiKTVEkirvCkHeZWIJYvEtrnNLe5ckA2Nb__a_BGb_k6IcQmRC8bEUX64WvTQRGRI8Fo2w0qbHsQ8Ug9OhMB-7kc05EvfqfpAZRALLQEpAFQ/s320/bg_button.png") repeat-x scroll center bottom #777777;
border: medium none;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF !important;
cursor: pointer;
display: inline;
font-weight: bold;
padding: 5px 10px;
text-decoration: none !important;
text-shadow: 1px 1px #666666;
}
.ar_button:hover {
background-position: 0 center;
}
.ar_button:active {
background-position: 0 top;
padding: 6px 10px 4px;
position: relative;
top: 1px;
}
.ar_button.ar_red {
background-color: #E50000;
}
#tth_rating dl {
margin-top: 1px;
}
/* The three buttons sizes */
.button.big { font-size:30px;}
.button.medium { font-size:18px;}
.button.small { font-size:13px;}
/* BlueButton */
.blue.button{
color:#0f4b6d !important;
border:1px solid #84acc3 !important;
background-color: #48b5f2;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
-moz-linear-gradient(#4fbbf7, #3faeeb);
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}
.blue.button:hover{
background-color:#63c7fe;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
-moz-linear-gradient(#63c7fe, #58bef7);
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}
/* Green Button */
.green.button{
color:#345903 !important;
border:1px solid #96a37b !important;
background-color: #79be1e;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}
.green.button:hover{
background-color:#89d228;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}
/* Orange Button */
.orange.button{
color:#693e0a !important;
border:1px solid #bea280 !important;
background-color: #e38d27;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}
.orange.button:hover{
background-color:#ec9732;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}
/* Orange Button */
.gray.button{
color:#525252 !important;
border:1px solid #a5a5a5 !important;
background-color: #a9adb1;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}
.gray.button:hover{
background-color:#b6bbc0;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFZ68M4O1oZYqxkkUUxOq5UmN4PW6w2uNHn4fCB6b8MqwzGN4w8a7-fRrp162t0rvHfUQR9kmWDbn2PElNFXPm8a8AHBpSQEXOuQPY83_M1Pau9JMUC93u57hChNSxsDyD2WnxdIazO0t/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}
.mbt-textarea {
padding:0;
margin:0;
background: #fff;
width:500px;
height:50px;
color:#666;
font:12px arial;
border:1px dotted #289728; }
.mbt-textarea:hover {
color:#289728;
border:2px solid #666;
}
/*--------MBT TOC-----*/
.judul-label{
background-color:#E5ECF9;
font-weight:bold;
line-height:1.4em;
margin-bottom:5px;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 4px #AAAAAA;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #e9e9e9;
border: 2px solid white !important;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top,  #888,  #575757);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.data-list{
line-height:1.5em;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
}
.list-ganjil{
background-color:#F6F6F6;
}
.headactive{
color: #fef4e9;
border: 2px solid white !important;
background: #1C8DFF;
background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));
background: -moz-linear-gradient(top,  #9dc2e7,  #438cd2);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');
}
/*----------Guest Poster --------*/
.mbt-gp img {
margin:0;
border:0;
}
.mbt-gp-about {
font-size:15px;
margin:0 auto;
padding:3px;
width:100%;
background:#edf6ff;
border:#9ecfff dotted 1px;
min-height:130px;
}
.mbt-gp {
padding-top:10px;
margin:0;
font-size:15px;
float:left;
width:17%;
text-align:center;
border-right:#93C0F9 solid 1px;
}
.mbt-gp-text {
float:right;
width: 80%;
padding:5px;
text-align:left;
font:12px arial;
text-align:justify;
margin:0;
padding:0;
}
#Label1 a{
border: 1px solid #0084CE;
color: #0084CE;
float: left;
font-size: 12px;
letter-spacing: 1px;
margin: 0 5px 5px 0;
padding: 5px;
position: relative!important;
text-transform: uppercase;
-moz-box-shadow: 0 1px #999,inset 0 1px #fff;
-webkit-box-shadow: 0 1px #999,inset 0 1px #fff;
box-shadow: 0 1px #999,inset 0 1px #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration:none;
}
#Label1 a:hover{background-color:#0084CE;border:1px solid #0084CE;color:#fff}
.a-btn{
padding-bottom:10px;
}
.a-btn a {
position: relative;
color: rgba(255,255,255,1);
text-decoration: none;
background-color: rgba(219,87,5,1);
font-family: 'Yanone Kaffeesatz';
font-weight: 600;
font-size: 2.1em;
display: block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
-moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
margin: 10px auto;
width: 30%;
text-align: center;
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-ms-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}
.a-btn a:active {
-webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
-moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
position: relative;
top: 6px;
}
.sticky {
font-family: "Helvetica Neue", Arial, sans-serif;
background:#e8f2fc;
width:95%;
height:100%;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
border: 1px solid #A5CEF6;
}
.sticky a {
color: #004489;
font-size:30px;
line-height:1em;
text-decoration: none;
font-weight:bold;
}

.adspot_link{display:none}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

]]></b:skin>

<b:if cond='data:blog.url != data:blog.homepageUrl'>

<style type='text/css'>
.post-body img{ height:auto; max-width:100%; }
</style>
 
</b:if>

<style type='text/css'>
        #related-posts {
          margin: 1px 0px !important; 
          background-color: #111;
          background-image: -moz-linear-gradient(#444, #111);
          background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
          background-image: -webkit-linear-gradient(#444, #111);
          background-image: -o-linear-gradient(#444, #111);
          background-image: -ms-linear-gradient(#444, #111);
          background-image: linear-gradient(#444, #111); 
          height: 280px;
          width:100%!important; 
          padding: 0px !important; 
          box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, 0.7) !important; 
          border-radius: 5px 5px 5px 5px; 
          overflow:hidden;
        }
        #related-posts h2{
          margin: 0px !important; 
          padding: 10px !important; 
          color: rgb(255, 255, 255); 
          font-weight: normal; 
          text-transform: capitalize; 
          background-color: rgb(18, 18, 18); 
          border-bottom: 1px solid rgb(0, 0, 0); 
          border-top-right-radius: 5px; 
          border-top-left-radius: 5px; 
          background-color: #111;
          background-image: -moz-linear-gradient(#444, #111);
          background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
          background-image: -webkit-linear-gradient(#444, #111);
          background-image: -o-linear-gradient(#444, #111);
          background-image: -ms-linear-gradient(#444, #111);
          background-image: linear-gradient(#444, #111);     
          text-decoration:none!important;   
        }
        #related-posts a{
          font-weight:bold!important;    
          color: white; 
          font-family: arial!important;
          border-right:0px!important; 
          margin: 10px 0px 10px 10px !important;     
        }
        #related-posts a:hover{
          border-right:0px!important; 
          margin: 10px 0px 10px 10px !important; 
          background:none!important; 
          text-decoration:underline!important;   
        }
        #related-posts img{
          border: 1px solid #666 !important; 
          padding: 1px !important; 
          width: 115px !important; 
          height: 95px !important; 
          margin-right: 15px !important; 
          overflow: hidden; 
          background:#444!important;   
        }  
        #related-posts img:hover{
          opacity:0.5; 
        } 
      </style>
      <script type='text/javascript'>
        var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKR9FEGiZBAEqx0GKDMvYAm_Ra1GKPZ4qcFfc3-74EjLpUwaR8Hzoln8WkKskILIb52p0Tm03ZOWDzwteRfOJnHOYEEjo1NZcJWnRj303thlv7RcJMjNrYciBAJRv_nBpXF7PpENgVTd5J/s1600/no_image.jpg";
        var maxresults=4;
        var splittercolor="#DDDDDD";
        var relatedpoststitle="Suggested Articles for You:";
      </script>
      <script src='https://related-posts-atb-brandnew.googlecode.com/files/related%20posts%20js.js' type='text/javascript'/>

</head>

<body>
                <div class='header-wrapper'>
        <div class='ct-wrapper'>
<b:if cond='data:blog.url != "http://www.alltechbuzz.net/p/blogging-seo-mmo-coaching.html"'>
        <div class='header-inner-wrap'>
                <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
                  <b:widget id='Header1' locked='true' title='ATB Responsive Blogger Template (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:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' 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='description'>
  <div class='descriptionwrapper'>
    <p class='description'>
<span><data:description/></span></p>
</div>
</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:widget>
                </b:section>
        </div>

        <b:section class='header-right' id='header-right' maxwidgets='1' showaddelement='yes'>
          <b:widget id='HTML1' 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>
        <div class='clr'/>

<b:else/>
<div align='center' class='header-inner'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5O3qZc7ZRW35fGlRom3Fuo8fu2ppa1gVHm-hKY3iOgxHwZ13QB3u7bbAT9hlrxqDcH8SMiyX3P_lhp9gMqKmF1DGqrkxL491h83irO-QTUAuHcPthTcBok0GHJklwQ1sxusUNX_2Lc9Sa/s1600/Alltechbuzz-Blogging-Coaching.png' style='max-width: 700px; width: 100%'/>
</div>
</b:if> </div>
</div>
<div class='clr'/>

<b:section class='navigation' id='navigation' maxwidgets='2' showaddelement='no'>
  <b:widget id='HTML99' locked='true' title='Navigation-Menus (Do Not Edit Here!)' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.url != "http://www.alltechbuzz.net/p/blogging-seo-mmo-coaching.html"'>

<input type='checkbox'/> 
<label>≡<span>All Tech Buzz</span></label> 
<ul>
<li><a href='#'>Home <font size='1'>▼</font></a> 
<ul class='menus'>
<li> <a href='http://www.alltechbuzz.net/p/about-us.html'>
                  About-Us
                </a></li>
<li> <a href='http://www.alltechbuzz.net/p/contact-us.html'>
                  Contact-us
                </a></li>
<li> <a href='http://www.alltechbuzz.net/p/advertise-on-technology-blog.html'>
                  Advertise
                </a></li>
<li> <a href='http://www.alltechbuzz.net/p/blog-archive.html'>
                  Sitemap
                </a></li>
</ul>
</li>
<li> <a href='http://www.alltechbuzz.net/search/label/MAKE%20MONEY%20ONLINE'>
              Make Money Online
            </a></li>
<li>   <a href='http://www.alltechbuzz.net/search/label/BLOGGING'>
              Blogging
            </a></li>
<li>  <a href='http://www.alltechbuzz.net/search/label/FACEBOOK'>
              Facebook
            </a></li>
<li>   <a href='http://www.alltechbuzz.net/search/label/GOOGLE%2FSEO'>
              SEO
            </a></li>
<li>   <a href='http://www.alltechbuzz.net/search/label/ANDROID'>
              Android
            </a></li>
<li>
   <a href='http://www.alltechbuzz.net/search/label/WINDOWS-8'>
              Windows 8
            </a>
          </li>
<li>
            <a href='http://www.alltechbuzz.net/search/label/TEMPLATES'>
              Templates
            </a>
          </li>
<li>
            <a href='http://www.alltechbuzz.net/search/label/GIVEAWAY'>
              Giveaways
            </a>
          </li>
</ul>
</div>
</nav>

</div>
</b:if>

</b:includable>
  </b:widget>
</b:section>

<b:section class='content' id='content' showaddelement='no'>
                      <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
                        <b:includable id='main' var='top'>
  <b:if cond='data:mobile == "false"'>

<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:post.isFirstPost'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='sticky'>
  <a href='http://www.alltechbuzz.net/p/blogging-seo-mmo-coaching.html'>This is a Sticky post</a>
  <p>
This will appear right below the first post. You can edit this right from the template and change it to your own post. This will appear right below the first post. You can edit this right from the template and change it to your own post.This will appear right below the first post. You can edit this right from the template and change it to your own post.</p>
</div>
</b:if>
                          </b:if>

<b:if cond='data:blog.pageType == "static_page"'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </div>
<b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
<data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        </div>
</div>
</b:if>
      <data:adEnd/>
    </div>

    <b:include name='nextprev'/>

<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:else/>
    <b:include name='mobile-main'/>
  </b:if>

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

</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='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='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='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='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
                        <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <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: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>

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

<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='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='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </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>

<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='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'>‹</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'>›</a>
      </div>
</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='post' var='post'>
  <div class='post hentry'>

<b:if cond='data:blog.pageType == "static_page"'>
                        <b:else/>
                        <span>
                          <b:if cond='data:top.showAuthor'>
                            <data:top.authorLabel/>
                            <span class='fn'>
                              <data:post.author/>
                            </span>
                          </b:if>
                        </span>
                        <span class='post-labels'>
                          <b:if cond='data:post.labels'>
                            <span>
                              in:
                            </span>
                            <b:loop values='data:post.labels' var='label'>
                              <span>
                                <a expr:href='data:label.url' rel='tag' style='padding:3px;'>
                                  <data:label.name/>
                                </a>
                              </span>
                              <b:if cond='data:label.isLast != "true"'/>
                            </b:loop>
                          </b:if>
                        </span>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
                        </b:if>
                      </b:if>
                      <b:if cond='data:blog.url == data:blog.homepageUrl'>
                        <span class='post-timestamp'>
                          <b:if cond='data:top.showTimestamp'>
                            <data:top.timestampLabel/>
                            <b:if cond='data:post.url'>
                              <span class='published' expr:title='data:post.timestampISO8601'>
                                <data:post.timestamp/>
                              </span>
                            </b:if>
                          </b:if>
                        </span>
                      </b:if>

<span class='post-comment-link' id='comment-link-1' style='Float:right;'>
                        <b:if cond='data:blog.pageType != "item"'>
                          <b:if cond='data:post.allowComments'>
                            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url() no-repeat;Padding-left:20px;'>
                              <b:if cond='data:post.numComments == 1'>
                                <b:else/>
                                <b:if cond='data:post.numComments == 0'>
                                  <b:else/>
                                  <data:post.numComments/>
                                  Comments
                                </b:if>
                              </b:if>
                            </a>
                          </b:if>
                        </b:if>
                      </span>
<b:if cond='data:blog.pageType == "item"'>
<span style='Float:right;'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
</span>
</b:if>

</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'>
/*<![CDATA[*/
// JavaScript Document

//Automatic read more
var thumbnail_mode = "yes";; //yes -with thumbnail, no -no thumbnail
summary_noimg = 530; //summary length when no image
summary_img = 440; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 300;

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.url != "http://www.alltechbuzz.net/2013/11/tag-all-your-friends-in-single-click.html"'>

</b:if>

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

</b:if>

<b:if cond='data:blog.url != "http://www.alltechbuzz.net/2013/11/tag-all-your-friends-in-single-click.html"'>

<b:if cond='data:blog.pageType == "item"'>
                        <center>
                          <div id='related-posts'>
                            <b:loop values='data:post.labels' var='label'>
                              <b:if cond='data:label.isLast != "true"'>
                              </b:if>
                              <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/>
                            </b:loop>
                            <script type='text/javascript'>
                              removeRelatedDuplicates_thumbs();
                              printRelatedLabels_thumbs("<data:post.url/>");
                            </script>
                          </div>
</center>

                      </b:if>

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

</div>
<b:if cond='data:blog.pageType == "item"'>
                        <div class='about-author'>
                          <h6>
                            About Admin of the Blog:
                          </h6>
<img align='left' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBBo70w4fBBNCUHF81eVTJGIJ-68BXQL5qPbw0Wa7WM9J5u2-HsJHSUqb196YtCFDJ9yCVlmxsfp4XLRZAmDNHo9paZ2YgbVWXW8Ei_Ft3wyz_fYFU2xJ5ky79ujxg4lAqAo7sB_3q-jRH/s1600/imran.jpg'/>
                          <p>
Imran Uddin is the founder of 
                            <a href='http://www.alltechbuzz.net/'>
                              AllTechBuzz
                            </a>
                            .He is a Tech Geek, SEO Expert, Web Designer and a Pro Blogger.
                            <a href='http://www.alltechbuzz.net/p/contact-us.html' target='_blank'>
                              Contact Him Here
                            </a>
                          </p>
<p>
Follow him @ 
                            <a href='https://plus.google.com/u/0/104499518444559540666?rel=author' target='_blank'>
                              Google+
                            </a>
                            | 
                            <a href='https://www.facebook.com/imran.cbit' target='_blank'>
                              Facebook
                            </a>
                            | 
                            <a href='https://twitter.com/#!/Imran_ATB' target='_blank'>
                              Twitter
                            </a>
                          </p>
</div>
</b:if>

<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='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='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='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='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='threaded_comment_css'>
  <style>

</style>
</b:includable>
                        <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
      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 replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

// Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        '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='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4>
<data:post.commentLabelFull/>:</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>

</div>

<div class='clr'/>
            </div>

            </div>

<div class='footer-top'>
    <div class='ct-wrapper'>
<div id='backtotop'>
          <p id='back-top'>
<a href='#'>
              Back to top
            </a>
          </p>
</div>
<p>
<a href='http://www.alltechbuzz.net/' style='padding: 10px;'>
              Home
      </a>
    
      
            <a href='http://www.alltechbuzz.net/p/about-us.html' style='padding: 10px;'>
              About-us
            </a>
       
            <a href='http://www.alltechbuzz.net/p/privacy-policy.html' style='padding: 10px;'>
              Privacy Policy
            </a>
        
            <a href='http://www.alltechbuzz.net/p/contact-us.html' style='padding: 10px;'>
              Contact-us
            </a>
        
            <a href='http://www.alltechbuzz.net/p/services.html' style='padding: 10px;'>
              Services
            </a>
 
            <a href='http://www.alltechbuzz.net/p/advertise-on-technology-blog.html' style='padding: 10px;'>
              Advertise on this Blog
            </a>

<a href='http://www.alltechbuzz.net/p/blogging-seo-mmo-coaching.html' style='padding: 10px;'>
              Blogging/SEO/MMO Coaching
            </a>
       </p>
</div>

  </div>

<div id='footer'>
    <div class='ct-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'>
  <b:widget id='HTML2' locked='false' title='About Our Blog' 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='Navbar1' locked='false' title='Navbar' type='Navbar'>
    <b:includable id='main'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container">
</div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
        gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
          if (gapi.iframes && gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: 'https://www.blogger.com/navbar.g?targetBlogID\0751848983281279012208\46blogName\75ATB+Responsive+Blogger+Template\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://advancedatbresponsivebloggertemplate.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://advancedatbresponsivebloggertemplate.blogspot.com/\46blogFollowUrl\75https://plus.google.com/104499518444559540666\46vt\75-1414012944189447773',
                where: document.getElementById("navbar-iframe-container"),
                id: "navbar-iframe"
            });
          }
        });
      </script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
  </b:widget>
</b:section>

<b:section class='footer' id='footer2' preferred='yes'>
  <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
    <b:includable id='main'>
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>

<b:section class='footer' id='footer3' 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 class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><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 g-profile' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
            <data:displayname/>
          </a>
          <b:if cond='data:hasgoogleprofile'>
            <br/>
            <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
          </b:if>
        </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>

<b:section class='footer' id='footer4' preferred='yes'>
  <b:widget id='HTML3' locked='false' title='Add Your Gadget Here' 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>

<div class='footer-credits'>
    <div class='ct-wrapper'>
      <p class='attribution'>
The content is strictly copyrighted to the Admin and may not be reproduced without permission.</p>
<p>
© 2014 Designed by <a href='http://www.alltechbuzz.net/' target='_blank'>Imran</a></p>
</div>

  </div>

var fjs = doc.getElementsByTagName(script)[0];
    fjs.parentNode.insertBefore(frag, fjs); 
    }
 
// Set the minimum width here (default is 480 pixels)
} ( document, 'script', 600 ) );
 
</script>

$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
//]]>
</script>

</body>
</html>

Search This Blog

BLOGGER SPICES