Wednesday, 25 June 2014

BLOG PAGGER WITH TITLE TEMPLATE

BLOG PAGGER WITH TITLE TEMPLATE


---------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
------------------------------------------------------------------------------------------------------


<?xml version="1.0" encoding="UTF-8" ?>
<html>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

<b:skin><![CDATA[/*
ul,li{display:none}
#outer-wrapper{
padding:20px;width:950px

}
#main-wrapper{width:68%;float:left;}
#header-wrapper{padding:20px;margin-top:70px;margin-bottom:10px;}
.header{float:left;width:40%}
.header3{padding:20px;float:right;width:40%}
#sidebar-wrapper {float:right;width:30%;}
#main-left{width:50%;float:left}
#main-right{width:50%;float:right}
#footer{margin:20px;width:100%;}
.footer{float:left;width:32%}
*/

-----------------------------------------------
Blogger Template Style
Name: GENERIC BLOGGER TEMPLATE
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
/* Hide Navigation Bar */
#navbar { height: 0px; visibility: hidden; display: none; }
/* www.BloggerSentral.com */
header, nav, section, aside, article, footer{display:block}
body{background:#fff repeat #eee; margin:0; color:#444}
a:link, a:visited{color:#3394CB; text-decoration:none}
a:hover{color:#2C82B1; text-decoration:none}
.status-msg-wrap{display:none !important}
a img{border-width:0}
#followUs a{float:right; top:-7px; position:relative; width:40px; height:40px}
#socials li{list-style:none; float:right; padding-right:15px; opacity:0.60000002384185791015625}
#socials li:last-child{padding-right:15px}
#socials li:hover{opacity:1}
#header-outside
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8whTR2flTq9ou6x3i9hMjC6QhQBourcIBho1xngvuK8QQciZoveqyJVPTQqYoUFuWwAf5CNnQsZ_2YO5l7rBraDT0FT91oxJaleRAD8ylrwHtWcyfxhJeHpRd1z5c07p4pPDeXHS799w/s1600/Facebook-Covers-001.jpg); border-bottom:3px solid #464C52; border-top:3px solid #464C52; width:100%; min-height:160px; margin:0 auto; text-align:left; font:normal normal 15px Calibri,sans-serif; clear:both;background-Position: 18px -49px;}
#header-inside{width:1000px; margin-left: 182px; text-align:left; overflow-wrap:break-word; overflow:hidden}
#header-wrapper{float:left; width:300px; margin:0 auto; border:none}
#header-inner{background-position:center; margin-left:auto; margin-right:auto}
#header{float:left; width:230px; margin:0; border:none; text-align:center; color:#ccc}
#header img{padding-top:10px;width: 358px;
margin: 39px;
margin-left: 0px;}
#header3-wrapper{float:left; width:530px; margin:0; border:none; text-align:left; color:#ccc}
.header3 h2{display:none}
.header3 #PageList1{width:100%; margin:0; padding:0}
.header3 #PageList1 ul{margin:0; padding:0; text-transform:none; list-style-type:none}
.header3 #PageList1 li{display:inline; margin:0}
.header3 #PageList1 li a{transition:all 0.2s 0s linear; background:#3A3F44; float:left; margin-right:3px; display:block; text-decoration:none; padding:0 20px; color:#ccc; line-height:65px; font-family:Oswald;,sans-serif; font-size:18px; font-weight:normal}
.header3 #PageList1 li a:visited{color:#ccc}
.header3 #PageList1 li a:hover{color:#fff; background:#2C64B8}
#header h1{margin:0; padding:14px 0 0; line-height:1.2em; text-transform:uppercase; letter-spacing:0.01em; font:normal normal 15px Calibri,sans-serif}
#header a{color:#ccc; text-decoration:none}
#header a:hover{color:#ddd}
#header .description{margin:0; padding:0; text-transform:uppercase; letter-spacing:0.01em; line-height:1.6em; font:normal normal 12px Calibri,sans-serif; color:#333}
.post-thumbnail{width:150px; height:110px; float:left; margin:2px 20px 0 0; display:inline}
#outer-wrapper{width:1000px; margin-left: 182px; padding:0px 0 0; text-align:left; font:normal normal 14px Roboto,sans-serif}
#main-wrapper{width:687px; float:left; overflow:hidden}
#main-home{width:687px; margin-bottom:30px; overflow:hidden}
#main-left h2, #main-right h2{border-top-right-radius:4px; border-top-left-radius:4px; background:#363b40; margin:0 -15px 0 -15px; padding:15px; color:#fff; font-family:Roboto Condensed;,sans-serif; font-size:16px; font-weight:400}
.breadcrumbs{border-radius:4px; background:#363b40; padding:15px 20px; margin-bottom:10px; font-family:Roboto Condensed,sans-serif; font-size:15px; font-weight:normal; color:#fff}
#main-left{border-bottom:3px solid #ddd; border-radius:4px; background:#f9f9f9; padding:0 15px 0 15px; width:44.6%; float:left}
#main-right{border-bottom:3px solid #ddd; border-radius:4px; background:#f9f9f9; padding:0 15px 0 15px; width:44.6%; float:right}
#sidebar-wrapper{width:300px; float:right; overflow-wrap:break-word; overflow:hidden}
.sharing{background:#f9f9f9; border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom:3px solid #ddd; margin-top:2px; margin-bottom:15px; padding:10px 20px 8px 20px}
.sharing span{font:normal normal 15px Roboto Condensed,sans-serif; float:left; margin-right:20px}
.mbt-pager{margin:2px 0 15px; padding:0; border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom:3px solid #ddd; background:#f9f9f9; overflow:hidden}
.mbt-pager li.next{text-align:left; padding:0; margin:0}
.mbt-pager li.next a{padding-left:20px}
.mbt-pager li.previous{text-align:right; margin:0 -2px 0 0; float:left; padding:0}
.mbt-pager li.previous a{padding-right:20px}
.mbt-pager li{width:50%; display:inline; float:left}
.mbt-pager li a{position:relative; display:block; padding:8px 46px 8px; outline:none; text-decoration:none}
.mbt-pager li i{color:#555 !important; font-size:14px}
.mbt-pager li a strong{display:block; font-size:16px; color:#555; font-weight:bold; text-transform:uppercase; font-family:Oswald,Arial,sans-serif; margin-bottom:5px}
.mbt-pager li a span{font-size:13px; color:#555; font-family:Oswald,Calibri,sans-serif; margin:0}
.mbt-pager li a:hover span, .mbt-pager li a:hover i{color:#0089d8}
.mbt-pager li.previous i{float:left; margin-top:15%; margin-left:5%}
.mbt-pager li.next i{float:right; margin-top:15%; margin-right:5%}
h2.date-header{display:none}
.post{background:#f9f9f9; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom:1px solid #ddd; padding:12px 20px 20px 20px}
.post h2{font:bold 20px Roboto Condensed,sans-serif; margin:0; padding:0; line-height:1.6em; color:#333}
.post h1{font:normal normal 30px Roboto Condensed,sans-serif; margin:0 0 2px 0; padding:0; line-height:1.6em; color:#333}
.post h2 a, .post h2 a:visited, .post h2 strong{transition:all 0.1s 0s linear; display:block; text-decoration:none; color:#333}
.post h2 strong, .post h2 a:hover{color:#666}
.post-body{line-height:1.6em}
#blog-pager{margin:25px 0 30px 0; padding:0; font-family:Oswald,sans-serif; text-align:center}
.feed-links{display:none}
.main .widget{border:none; margin:0; padding:0}
.main .Blog{border-bottom-width:0}
#comments{padding:0; margin-bottom:15px; overflow:hidden}
#comments h3{margin:0; padding:15px 0 15px 20px; border-radius:4px; font-weight:normal; font-size:16px; background:#363b40; color:#fff; font-weight:400; font-family:Roboto Condensed,Arial}
.comment_avatar_wrap{width:42px; height:42px; border:#cfcfcf solid 1px; background:#e0e0e0; padding:4px; text-align:center; margin-bottom:20px}
#comments .avatar-image-container{float:left; margin:0 10px 0 0; width:42px; height:42px; max-width:42px; max-height:42px; padding:0; margin-bottom:10px}
#comments .avatar-image-container img{width:42px; height:42px; max-width:42px; max-height:42px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipJUhQmlViryn-lwXzgbUcmNcmCl8uL83TpCbUHw3-sXl8lCxgWvWNSZv4zN84_RTr214h2RAUNBlRfxvtAX0TzdMbZaxTq38z_hqo1NNK2RsdKrVHhaUj0Rt7tc963GIKg00gCf4774TN/s1600/anon.jpg) no-repeat}
.comment_name a{font-family:Oswald,Arial,Sans-serif; padding-bottom:10px; font-size:14px; text-decoration:none}
.comment_admin .comment_name{font-family:Oswald,Arial,Sans-serif; padding-bottom:10px; font-size:14px; text-decoration:none}
.comment_admin .comment_date{font-weight:normal; font-size:11px}
.comment_name{font-family:Oswald,Arial,Sans-serif; padding-bottom:10px; font-size:14px; font-weight:normal; position:relative}
.comment_service{margin-top:5px}
.comment_date{color:#333; float:right; font-size:11px; font-weight:normal}
.comment_date a{color:#a9a9a9; float:right; font-size:11px; font-weight:normal}
.comment_date a:hover{color:#a9a9a9; text-decoration:none}
.comment_body{margin-top:-72px; margin-left:65px; border:#dcdcdc solid 1px; background:#f9f9f9; padding:15px; color:#333}
.comment_body p{line-height:1.5em; margin:5px 0 0 0; color:#333; font-size:13px; overflow-wrap:break-word; padding-bottom:10px}
div.comment_inner.comment_admin{background:#d5d5d5; border-radius:4px}
.comment_inner{padding:15px; margin:5px 0 5px 0; border-radius:4px; background-color:#e2e2e2}
.comment_child .comment_wrap{padding-left:5%}
.comment_reply{display:inline-block; margin-top:8px; margin-left:-5px; padding:1px 12px; color:#fff !important; text-align:center; text-decoration:none; border-radius:2px; background:#555; font:11px/18px sans-serif; transition:all 0.1s 0s linear}
.comment_reply:hover{text-decoration:none !important; background:#333}
.unneeded-paging-control{display:none}
#comment-editor{width:100% !important; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk5e-m9hmVzsUMYXBhLcqhtGR8IKNEXrhc9O0B4PBC0rkgBKsVM-wOfDLkXL0ApoICqIQ3Is2IZa3UqLJxqHA9mE4VGOovThydxYld7rh5kMFEPjv2DSDSYtA9UDNFLe8rWSWKT4vXTkY/s1600/kangis-loader.gif) 50% 30% no-repeat #e2e2e2; border-radius:4px; margin-bottom:20px; position:relative}
.comment-form{max-width:100% !important}
.comment_form a{text-decoration:none; text-transform:uppercase; font-weight:bold; font-family:Roboto,sans-serif; font-size:15px}
.comment_form a:hover{text-decoration:none}
.comment_reply_form{padding:0 0 0 70px}
.comment_reply_form .comment-form{width:99%}
img.comment_emo{margin:0; padding:0; vertical-align:middle}
.comment_emo_list{display:none; clear:both; width:100%}
.comment_emo_list .item{float:left; text-align:center; margin:10px 5px 0 0; height:40px; width:55px; color:#999}
.comment_emo_list span{display:block; font-weight:normal; font-size:11px; letter-spacing:1px}
.comment_youtube{max-width:100% !important; width:400px; height:225px; display:block; margin:auto}
.comment_img{max-width:100% !important}
.comment_header{width:50px}
.comment_avatar img{width:42px; height:42px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipJUhQmlViryn-lwXzgbUcmNcmCl8uL83TpCbUHw3-sXl8lCxgWvWNSZv4zN84_RTr214h2RAUNBlRfxvtAX0TzdMbZaxTq38z_hqo1NNK2RsdKrVHhaUj0Rt7tc963GIKg00gCf4774TN/s1600/anon.jpg) no-repeat}
.comment-delete img{float:right; margin-left:15px; margin-top:3px}
.comment_author_flag{display:none}
.comment_admin .comment_author_flag{display:none}
.deleted-comment{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMty_1h5io-ODIcaCSaxBPwI2hewt1FRdspMX1KGOOGQxWDn2axuat7vNUruDwdIKHUMlXFNT8k1YgdtbTqS-SYv7GXO9Y4rpQ3fpLucKBVGgIpNjwQGUezPkEopEfbbJCw5o94oEH11k/s1600/tempat-sampah.png) 2% 50% no-repeat #daabab; color:#fff; line-height:22px; padding:10px 15px 10px 45px; margin:5px 0; display:block; font-size:13px}
.comment-form p{background:#363b40; padding:15px 15px 14px 15px; margin:15px 0 15px 0; color:#f4f4f4; font-size:13px; line-height:20px; border-radius:4px; position:relative}
.comment-form p:after{content:; width:0; height:0; position:absolute; top:100%; left:20px; border:transparent solid 8px; border-color:#363b40 transparent transparent; z-index:999}
div.comment_avatar img[src=&quot;http://img1.blogblog.com/img/openid16-rounded.gif&quot;]{content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbW5-3CS9gv89o92Q5DseZvJShc5whCoWtRz9dJlNT7tZ46GaXYt8QVTpvYaFzxmzSRd7EWp6YiOnWMk4EYlNYsGVN4agPZ3dMlI2TNnENQ-_z7tIOL3f_kbtsSGpT4b6iOAr-uoX-ohI/s45-c/gravatar.png)}
div:target .comment_inner{background:#d1dee8; transition:all 15s ease-out}
div:target .comment_child .comment_wrap .comment_inner{background:#e9e9e9}
iframe{border:none; overflow:hidden}
#HTML3{background:none; border-bottom:none; margin:-10px 0 -5px -20px}
.sidebar h2  {border-top-left-radius:4px; border-top-right-radius:4px; background: #5F6B72; /* old browsers */
    background: -moz-linear-gradient(top, #5F6B72 3%, #56646C 4%, #4D5A62 50%, #434D54 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#5F6B72), color-stop(4%,#56646C), color-stop(50%,#4D5A62), color-stop(100%,#434D54)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F6B72', endColorstr='#434D54',GradientType=0 ); /* ie */; margin:0; padding:15px 20px; color:#fff; font-family:Roboto Condensed,sans-serif; font-size:16px; font-weight:400}
.breadcrumbs{border-radius:4px; background: #515B62; /* old browsers */
    background: -moz-linear-gradient(top, #515B62 3%, #444E55 5%, #394147 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#515B62), color-stop(5%,#444E55), color-stop(100%,#394147)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515B62', endColorstr='#394147',GradientType=0 ); /* ie */
 padding:15px 20px; margin-bottom:10px; font-family:Roboto Condensed,sans-serif; font-size:15px; font-weight:normal; color:#fff}
.breadcrumbs a{color:#ccc}
.breadcrumbs a:hover{color:#ddd}
.sidebar{color:#333; line-height:1.5em}
.sidebar a{color:#444}
.sidebar a:hover{color:#2C82B1}
.sidebar ul{list-style:none; margin:0 0 0; padding:0 0 0}
.sidebar li{margin:0 0 7px; padding:0 0 8px; border-bottom:1px dashed #ddd; text-indent:0; line-height:1.5em}
.sidebar .widget{border-bottom-left-radius:4px; border-bottom-right-radius:4px; background:#f9f9f9; border-bottom:3px solid #ddd; margin:0 0 10px; padding:0}
.sidebar .widget-content{padding:10px 20px}
.sidebar .PopularPosts .item-title{font-family:Roboto Condensed,sans-serif; font-size:15px; font-weight:700; text-decoration:none}
.sidebar .PopularPosts .item-snippet{font-size:13px; margin:0; padding:0}
.sidebar .PopularPosts .item-thumbnail img{border:#eee solid 4px; width:70px; height:75px}
.sidebar .PopularPosts .item-thumbnail{float:left; margin:0 5px 5px 0}
.sidebar .PopularPosts .widget-content ul li{padding:0.7em 0}
.sidebar .PopularPosts img{padding-right:0; margin-right:3px}
#footer{background:#2F3337; clear:both; margin-top:30px; margin:0; padding:20px 0;margin-left: 105px;}
.footer-wrapper{width:1000px; margin:0 auto; color:#666; height:100%; overflow:hidden; padding:20px 0}
.footer{font-family:Roboto Condensed,sans-serif; font-size:15px}
.footer h2{font-size:17px; margin:0 0 5px 0; padding:0; line-height:1.3em; color:#ddd; font-weight:normal}
#footer1{border-radius:4px; padding:10px 20px 10px 20px; float:left; background:#363B40; width:40%}
#footer2, #footer3{margin-top:6px; margin-left:50px; float:left; width:20%}
.footer ul{line-height:1.8em; list-style:none; color:#999; padding:0}
.footer li{line-height:1.8em; padding:0}
.footer a:link, .footer li a:visited{color:#999; text-decoration:none}
.footer li a:hover{color:#ccc}
.post-body blockquote{margin:10px 0 0; padding:15px 20px 15px 70px; font-size:13px; color:#f1f1f1; background:url(http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/48/Very-Basic-Info-icon.png) 15px 18px no-repeat #444}
#comments i[rel=&quot;pre&quot;]{font-size:13px; color:#777; font-family:Consolas,&quot;Andale Mono WT&quot;,&quot;Andale Mono&quot;,&quot;Lucida Console&quot;,&quot;Lucida Sans Typewriter&quot;,&quot;DejaVu Sans Mono&quot;,&quot;Bitstream Vera Sans Mono&quot;,&quot;Liberation Mono&quot;,&quot;Nimbus Mono L&quot;,Monaco,&quot;Courier New&quot;,Courier,Monospace; line-height:1.5em; display:block; background-color:#e9e9e9; white-space:pre; overflow-wrap:normal; overflow:auto; padding:0.5em 1em; margin:10px 0}
pre{background-color:#363b40; font:normal normal 12px/14px Monaco,Monospace; color:#ccc; padding:15px; margin:0 0 10px; position:relative; overflow-wrap:normal; white-space:pre; overflow:auto; line-height:1.5em}
.comments pre{margin-bottom:-15px}
pre[rel]{padding-top:43px}
pre[rel]:before{content:attr(rel); font:normal normal 14px Oswald,Calibri,sans-serif; color:white; background-color:#6E9ADC; padding:5px 15px 4px 15px; position:absolute; top:0; right:0; left:0}
#credit{background:#000; padding:10px 0; position:relative;z-index:99999999;}
.creditlink{width:1000px; margin:0 auto; overflow:hidden; padding:0; font-size:14px; color:#888; font-family:Roboto Condensed,sans-serif}
.creditlink a{color:#ccc; text-decoration:none}
.creditlink a:hover{color:#ddd; text-decoration:none}
@media (max-width:810px){#outer-wrapper,#header-outside,#credit{width:100%; display:block; overflow:hidden}
#main-wrapper, #header-wrapper, #header, #header-inside{float:none; display:block; width:auto; margin-left: 182px;}
#main-home, #sidebar-wrapper, #footer, #followUs, #related_posts{display:none}
.header3 #PageList1 li a{background:#444; color:#fff; float:left; text-align:left; padding:0 6px; font-size:14px; line-height:26px; margin:0 5px 5px 0}
.post-body{font-size:13px}
.creditlink{float:none; text-align:center; display:block; width:auto; margin:0 10px 0 10px}
.post{padding:10px 10px 15px 10px}
.post h2, .post h1{font-size:18px; font-weight:700}
.post-header{font-size:13px}
.post-thumbnail{height:60px; width:60px; margin-right:10px}
img{max-width:98%; height:auto}
}
#new-sidebar {
background:#000;
float:left;
width:185px;
height:100%;
margin-left:0;
padding-Left:0;
position:absolute;
left:0;
}
.menu_simple ul {
    margin: 0;
    padding: 0;
    width:185px;
    list-style-type: none;
}

.menu_simple ul li a {
    text-decoration: none;
    color: white;
    padding: 10.5px 11px;
    display:block;
font-family: Roboto Condensed,sans-serif;
background: #20282D; /* old browsers */
    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */
    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
}

.menu_simple ul li a:visited {
    color: white;
}

.menu_simple ul li a:hover, .menu_simple ul li .current {
    color: Black;
background:white;
}

#heading-menu {
    text-decoration: none;
    color: white;
    padding: 15.5px 11px;
    display:block;
font-family: Roboto Condensed,sans-serif;
background: #5F6B72; /* old browsers */
    background: -moz-linear-gradient(top, #5F6B72 3%, #56646C 4%, #4D5A62 50%, #434D54 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#5F6B72), color-stop(4%,#56646C), color-stop(50%,#4D5A62), color-stop(100%,#434D54)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F6B72', endColorstr='#434D54',GradientType=0 ); /* ie */
}

#BuildNextWeb1 h4 {
margin:0 !important;
}

#BuildNextWeb1 {
    float: left;
    position: relative;
}
#BuildNextWeb1 ul {
    float: left;
    padding: 10px 0px 0px;
}
#BuildNextWeb1 ul li {
    width: 100%;
    float: left;
    list-style-type: none;
}
#BuildNextWeb1 p {
    color: rgb(41, 100, 191);
    float: left;
    font-size: 0.8em;
    font-weight: 500;
    line-height: 1.133em;
    padding: 0px;
    position: relative;
}
#BuildNextWeb1 ul li span.image {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -5000px;
    font-size: 0px;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQt9g3EBitE6gZuJLdjwS1FZT184_TbM4WDmTQBWxbC0uRMm4-Bt0ZQcTlgEEfmk6wvK3Y-Vqx7LrUbZxKzlWfyFQTG6BLKv0Gj5wH8zA-mu3PNXZpPSGWobB2tUL_9Gg2FeA2Z0nXRppG/s1600/connetCNETiconSprite.png") no-repeat scroll 0px 0px transparent;
    padding-right: 10px;
}
#BuildNextWeb1 ul .linkBGGooglePlus span.image {
    background-position: 0px -47px;
}
#BuildNextWeb1 ul .linkBGMobile span.image {
    background-position: 0px -94px;
}
#BuildNextWeb1 ul .linkBGTwitter span.image {
    background-position: 0px -235px;
}
#BuildNextWeb1 ul .linkBGRSS span.image {
    background-position: 0px -188px;
}
#BuildNextWeb1 ul .linkBGNewsletter span.image {
    background-position: 0px -141px;
}

]]></b:skin>
<style type='text/css'>

</style>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
#error-page{background-color:#f9f9f9;position:fixed !important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999;}#error-inner{margin:11% auto}#error-inner .box-404{width:600px;height:150px;background:#363b40;color:#fff;font-size:60px;line-height:150px;border-radius:10px;margin:0 auto 50px;position:relative;}#error-inner h2{text-transform:uppercase;}#error-inner p{line-height:1.6em;font-size:15px;}
</style>
</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#main-wrapper{border-radius:4px;width:100%;overflow:hidden;}
#sidebar-wrapper, .breadcrumbs, #main-home,.post-footer, .post-header, .sharing, .comments{display:none}
.post h1{text-align:center;font-size:25px;margin:-20px -20px 20px -20px;padding:10px 5px 5px 5px;background:#363b40;color:#f1f1f1;}
</style></b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
#showpageArea{font-size:14px; margin-bottom:0; padding-top:0}
.showpageArea a{font-size:14px; font-weight:bold; text-decoration:none}
.showpageNum a{border-radius:4px; background:#515961; border-bottom:4px solid #363B40; font-size:14px; font-weight:bold; text-transform:uppercase; margin:0 5px 0 0; padding:5px 15px; color:#fff}
.showpageNum a:hover{background-color:#5D666F; color:#fff}
.showpagePoint{border-radius:4px; background:#515961; border-bottom:4px solid #363B40; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; margin:0 5px 0 0; padding:5px 15px}
.showpageOf{display:none; font-size:14px; font-weight:bold; text-transform:none; padding:5px 15px; margin:0 5px 0 0; color:#ccc; text-transform:none}
.showpage a{border-radius:4px; background-color:#515961; border-bottom:4px solid #363B40; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; padding:5px}
.showpage a:hover{background-color:#5D666F; color:#fff; text-decoration:none}
.showpageNum a:link, .showpage a:link{padding:5px 15px; margin-right:6px; text-transform:uppercase}
.home-link{display:none}
img.label_thumb{float:left; margin-right:10px !important; margin-bottom:6px; margin-top:2px; height:65px; width:65px; border:#eee solid 4px}
.label_with_thumbs{float:left; width:100%; min-height:65px; margin:0 10px 10px 0; padding:0; line-height:1.3em}
ul.label_with_thumbs li{min-height:80px; margin:2px 0; padding:7px 0; border-bottom:1px dashed #ddd}
.label_with_thumbs li{font-size:13px; list-style:none; padding-left:0 !important}
.label_with_thumbs a{font-family:&#39;Oswald&#39;,Calibri,sans-serif; font-size:13px; padding-bottom:2px; font-weight:normal; color:#444; line-height:1.4em; margin-bottom:9px}
.label_with_thumbs a:hover{color:#2C82B1}
.label_with_thumbs strong{padding-left:0}
.post{border-bottom:3px solid #ddd; margin-bottom:8px; border-radius:4px}
.post-header{margin:0; padding:3px 0 8px 0; color:#888}
.post-footer{display:none}
@media (max-width:810px){.post-body{display:none}
}
 </style>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(e){document.write('<ul class="label_with_thumbs">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.content.$t;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!=""){l=d}else l="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsw6BGde3cdj417Fxd-D6MwCeyGWGH5Wan87LIfaWHcfLZm0-sgXBEG_8mUd2NZz9jwatu9W9G5Aqj6ST-RF_WK03HPRGKXlbpoQW9FOvoh58SVIPXn6-mSJcUWyZwPI1_s_jt-7cj3WY/s1600/picture_not_available.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Jan";y[2]="Feb";y[3]="Mar";y[4]="Apr";y[5]="May";y[6]="June";y[7]="July";y[8]="Aug";y[9]="Sept";y[10]="Oct";y[11]="Nov";y[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+i+'" target ="_top"><img class="label_thumb" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" target ="_top">'+r+"</a></strong><br>");if("content"in n){var w=n.content.$t}else if("summary"in n){var w=n.summary.$t}else var w="";var E=/<\S[^>]*>/g;w=w.replace(E,"");if(showpostsummary==true){if(w.length<numchars){document.write("");document.write(w);document.write("")}else{document.write("");w=w.substring(0,numchars);var S=w.lastIndexOf(" ");w=w.substring(0,S);document.write(w+"...");document.write("")}}var x="";var T=0;document.write("<br>");if(showpostdate==true){x=x+y[parseInt(m,10)]+"-"+g+" - "+v;T=1}if(showcommentnum==true){if(T==1){x=x+" | "}if(u=="1 Comments")u="1 Comment";if(u=="0 Comments")u="No Comments";u='<a href="'+f+'" target ="_top">'+u+"</a>";x=x+u;T=1}if(displaymore==true){if(T==1)x=x+" | ";x=x+'<a href="'+i+'" class="url" target ="_top">More »</a>';T=1}document.write(x);document.write("</li>");if(displayseparator==true)if(t!=numposts-1)document.write("")}document.write("</ul>")}
          //]]></script>
</b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.post-header{font-family:&#39;Roboto Condensed&#39;,sans-serif;font-weight:normal;font-size:15px;margin-bottom:20px;padding:0 0 8px 0;color:#888}#related_posts{padding:0 0 5px;margin:0;background:#f9f9f9;border-bottom:1px solid #ddd}#related_posts h4{margin:0 0 10px;border-top-left-radius:4px;border-top-right-radius:4px;padding:15px 20px;font-weight:normal;font-size:16px;background:#363b40;color:#fff;font-weight:400;font-family:Roboto Condensed,Arial}#relpost_img_sum{line-height:1.5em;padding:0;margin:15px}#relpost_img_sum ul{list-style-type:none;margin:0;padding:0}#relpost_img_sum ul li{list-style-type:none;margin:0;padding:0}#relpost_img_sum li{height:80px;list-style:none;margin-bottom:7px;border-bottom:1px dashed #ddd;padding:5px}#relpost_img_sum a:link,#relpost_img_sum a:visited,#relpost_img_sum a:active{font-size:15px;color:#3394CB;font-weight:600;padding:0}#relpost_img_sum a:hover{color:#2C82B1}#relpost_img_sum .news-text{font-size:13px;display:block;text-align:left;font-weight:normal;text-transform:none;color:#555;line-height:1.4em}#relpost_img_sum img{float:left;margin-right:14px;background:#FFF;border:#ddd solid 3px;width:60px;height:60px;margin-top:4px}
</style>
<script type='text/javascript'>
//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 4;
var numchars = 200;
var morelink = "Read More..";
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\'  I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\' A=\'"+4[r]+"\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... <17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnojudul|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxtampil|li|span|text|split|join|relpostimgcuplik|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|artikelterkait|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))
//]]></script>
</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'><script type='text/javascript'>/*<![CDATA[*/var postperpage=4;var numshowpage=2;var upPageWord="&#9668;";var downPageWord="&#9658;";var home_page="/";var urlactivepage=location.href;/*]]>*/</script>

<script type='text/javascript'>/*<![CDATA[*/eval(function(h,b,i,d,g,f){g=function(a){return(a<b?"":g(parseInt(a/b)))+((a=a%b)>35?String.fromCharCode(a+29):a.toString(36))};if(!"".replace(/^/,String)){while(i--){f[g(i)]=d[i]||g(i)}d=[function(a){return f[a]}];g=function(){return"\\w+"};i=1}while(i--){if(d[i]){h=h.replace(new RegExp("\\b"+g(i)+"\\b","g"),d[i])}}return h}('6 I;6 i;6 f;6 n;1f();C 1g(15){6 5=\'\';J=K(N/2);4(J==N-J){N=J*2+1}A=f-J;4(A<1)A=1;d=K(15/j)+1;4(d-1==15/j)d=d-1;D=A+N-1;4(D>d)D=d;5+="<3 7=\'1y\'>1z "+f+\' 1A \'+d+"</3>";6 16=K(f)-1;4(f>1){4(f==2){4(i=="o"){5+=\'<3 7="1B"><a 9="\'+B+\'">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">\'+O+\'</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+16+\');w x">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+16+\');w x">\'+O+\'</a></3>\'}}}4(A>1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1h(6 l=A;l<=D;l++){4(f==l){5+=\'<3 7="1C">\'+l+\'</3>\'}b 4(l==1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+l+\');w x">\'+l+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+l+\');w x">\'+l+\'</a></3>\'}}}4(D<d-1){5+=\'...\'}4(D<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+d+\');w x">\'+d+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+d+\');w x">\'+d+\'</a></3>\'}}6 17=K(f)+1;4(f<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+17+\');w x">\'+1i+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+17+\');w x">\'+1i+\'</a></3>\'}}6 E=y.1D("E");6 18=y.1E("1F-1G");1h(6 p=0;p<E.P;p++){E[p].1j=5}4(E&&E.P>0){5=\'\'}4(18){18.1j=5}}C 1a(Q){6 R=Q.R;6 1k=K(R.1H$1I.$t,10);1g(1k)}C 1f(){6 h=u;4(h.e("/r/s/")!=-1){4(h.e("?S-c")!=-1){n=h.F(h.e("/r/s/")+14,h.e("?S-c"))}b{n=h.F(h.e("/r/s/")+14,h.e("?&c"))}}4(h.e("?q=")==-1&&h.e(".5")==-1){4(h.e("/r/s/")==-1){i="o";4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1l("<m T=\\""+B+"U/V/W?c-k=1&X=Y-Z-m&11=1a\\"><\\/m>")}b{i="s";4(h.e("&c-k=")==-1){j=1J}4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1l(\'<m T="\'+B+\'U/V/W/-/\'+n+\'?X=Y-Z-m&11=1a&c-k=1" ><\\/m>\')}}}C L(H){12=(H-1)*j;I=H;6 13=y.1m(\'1n\')[0];6 z=y.1o(\'m\');z.1p=\'1q/1r\';z.1s("T",B+"U/V/W?1t-1u="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1v(z)}C M(H){12=(H-1)*j;I=H;6 13=y.1m(\'1n\')[0];6 z=y.1o(\'m\');z.1p=\'1q/1r\';z.1s("T",B+"U/V/W/-/"+n+"?1t-1u="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1v(z)}C 1b(Q){1c=Q.R.1K[0];6 1w=1c.1x.$t.F(0,19)+1c.1x.$t.F(1L,1M);6 1d=1N(1w);4(i=="o"){6 1e="/r?S-c="+1d+"&c-k="+j+"#G="+I}b{6 1e="/r/s/"+n+"?S-c="+1d+"&c-k="+j+"#G="+I}1O.9=1e}',62,113,"|||span|if|html|var|class||href||else|max|maksimal|indexOf|nomerhal|showpageNum|thisUrl|jenis|postperpage|results|jj|script|lblname1|page|||search|label||urlactivepage|onclick|return|false|document|newInclude|mulai|home_page|function|akhir|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|redirectpage|redirectlabel|numshowpage|upPageWord|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location".split("|"),0,{}));/*]]>*/</script><script>/*<![CDATA[*/function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");d[a].width=b;d[a].height=b}}resizeThumb("Blog1",200);/*
]]>*/</script> </b:if>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>




</head>
<body>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<div id='fb-root'/><script>/*<![CDATA[*/(function(e,a,f){var c,b=e.getElementsByTagName(a)[0];if(e.getElementById(f)){return}c=e.createElement(a);c.id=f;c.src="//connect.facebook.net/id_ID/all.js#xfbml=1&appId=352634211479923";b.parentNode.insertBefore(c,b)}(document,"script","facebook-jssdk"));/*]]>*/</script><b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
  <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://draft.blogger.com/navbar.g?targetBlogID\0753570359656921281765\46blogName\75FB+Traffic\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://fbtraffic.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://fbtraffic.blogspot.com/\46blogFollowUrl\75https://plus.google.com/111072192003459551008\46vt\0752855435929259827733&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
</b:widget>
</b:section><span id='skiplinks' style='display:none;'><a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a></span><header id='header-outside'><div id='header-inside'><div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='FB Traffic (Header)' type='Header'>
    <b:includable id='main'><b:if cond='data:useImage'> <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'><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='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' 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'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1></b:if></b:if><a expr:href='data:blog.homepageUrl' style='display: block'><img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/></a><b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'><b:include name='description'/> <b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1></b:if></b:if> </b:if></div></b:if><b:else/><div id='header-inner'><div class='titlewrapper'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType == &quot;static_page&quot;'><p class='title'><b:include name='title'/></p><b:else/><h1 class='title'><b:include name='title'/></h1></b:if><b:else/><p class='title'><b:include name='title'/></p></b:if><b:include name='description'/></div></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><div id='header3-wrapper'>
</div><div id='followUs'><ul id='socials'><li class='twitter'><a href='http://twitter.com/aluhaweb'><img alt='twitter' src='http://icons.iconarchive.com/icons/hopstarter/rounded-square/48/Social-Network-Twitter-icon.png' title='Twitter'/></a></li><li class='facebook'><a href='http://facebook.com/aluhaweb'><img alt='facebook' src='http://icons.iconarchive.com/icons/hopstarter/rounded-square/48/Social-Network-Facebook-icon.png' title='Facebook'/></a></li><li class='rss'><a href='http://www.aluha-web.com/'><img alt='RSS' src='http://icons.iconarchive.com/icons/hopstarter/rounded-square/48/RSS-icon.png' title='RSS'/></a></li></ul></div></div><div style='clear:both'/>
</header>

<div id='outer-wrapper'>
<div id='new-sidebar'>
<div class='menu_simple'>
<ul>
<b id='heading-menu'><a>Channels</a></b>

<li><a href='#'>Top Stories</a></li>
<li><a href='#'>India &amp; World</a></li>
<li><a href='#'>Sports</a></li>
<li><a href='#'>Technology</a></li>
<li><a href='#'>Punjab</a></li>

<li style='font-weight:bold;background:gray'><a>We are Social</a></li>
</ul>
</div>
<div id='BuildNextWeb1'>
<ul>
<li class='linkBGFacebook' id='fbLikeConnect'>
<a class='imgLink' href='http://facebook.com/'>
<span class='image'>image</span>
<h4>Facebook</h4>
 <p>Like Us</p>
</a>
<div class='facebookOutterDiv' id='facebookOutterDiv'>
<div class='facebookPadding'/> <div class='arrow-down'/>
 <div class='facebookInnerDiv' id='facebookInnerDiv'/> </div> </li>
 <li class='linkBGTwitter' id='twitterConnect'> <a class='imgLink' href='http://twitter.com'>
 <span class='image'>image</span>
<h4>Twitter</h4>
 <p>Follow Us</p>
</a> <div class='twitterOutterDiv' id='twitterOutterDiv'> <div class='twitterPadding'/>
<div class='arrow-down'/> <div class='twitterInnerDiv' id='twitterInnerDiv'/>
</div> </li>
<li class='linkBGGooglePlus' id='googleConnect'> <a class='imgLink' href='http://plus.google.com/'> <span class='image'>image</span>
 <h4>Google +</h4>
 <p>Add Us</p>
</a> </li>
<li class='linkBGRSS'> <a class='imgLink' href='http://news.cnet.com/2547-1_3-0-20.xml'> <span class='image'>image</span> <h4>RSS</h4> <p>Subscribe</p> </a> </li>
<li class='linkBGMobile'> <a href='http://www.cnet.com/mobile-apps/' id='lbl'> <span class='image'>image</span> <h4>Mobile</h4> <p>Download Now</p> </a> </li>
 <li class='linkBGNewsletter'> <a class='imgLink' href='http://www.cnet.com/newsletters/'> <span class='image'>image</span> <h4>Newsletters</h4> <p>Subscribe Now</p> </a> </li> </ul>
</div>
</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='main' var='top'>
<b:if cond='data:mobile == &quot;false&quot;'>
<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 == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</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'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>
<b:include name='nextprev'/>
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
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'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'> <b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></span></b:if><a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><b:if cond='data:mobileLinkUrl'><div class='blog-mobile-link'><a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a></div></b:if></div><div class='clear'/></b:if></b:if></b:includable>
<b:includable id='post' var='post'><article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:post.thumbnailUrl'><a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a><b:else/><a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='http://2.bp.blogspot.com/-iRLMgWOBrX0/Uz_F1FilbKI/AAAAAAAAA4M/2npC7e9Y3rg/s1600/no-image.jpg'/></a></b:if></b:if></b:if><b:if cond='data:post.title'> <b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType == &quot;static_page&quot;'><h1 class='post-title entry-title' itemprop='name'><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></h1><b:else/><h2 class='post-title entry-title' itemprop='name'><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></h2></b:if><b:else/><h1 class='post-title entry-title' itemprop='name'><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></h1></b:if></b:if><div class='post-header'><span class='post-author vcard'><b:if cond='data:top.showAuthor'> Published <b:if cond='data:post.authorProfileUrl'><span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><meta expr:content='data:post.authorProfileUrl' itemprop='url'/><a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><span itemprop='name'><data:post.author/></span></a></span><b:else/><span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:post.author/></span></span></b:if></b:if></span><span class='post-timestamp'><b:if cond='data:top.showTimestamp'> on <b:if cond='data:post.url'><meta expr:content='data:post.canonicalUrl' itemprop='url'/><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a></b:if></b:if></span><b:if cond='data:post.labels'> in <b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?max-results=7&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if></b:loop> </b:if></div><b:if cond='data:blog.metaDescription == &quot;&quot;'><div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'><div class='post-snippet'><data:post.snippet/><a class='button' expr:href='data:post.url'>Read More</a></div></b:if></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/></b:if><div style='clear: both;'/></div><b:else/><div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'><div class='post-snippet'><data:post.snippet/><a class='button' expr:href='data:post.url'>Read More</a></div></b:if></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/></b:if><div style='clear: both;'/></div></b:if><div class='post-footer'><div class='post-footer-line post-footer-line-1'><span class='star-ratings'><b:if cond='data:top.showStars'><div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/></b:if></span><span class='post-comment-link'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'><b:include data='post' name='comment_count_picker'/> </b:if></b:if> </b:if></span><span class='post-backlinks post-comment-link'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.showBacklinks'><a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a></b:if></b:if> </b:if></span><span class='post-icons'><b:if cond='data:post.emailPostUrl'><span class='item-action'><a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/></a></span></b:if><b:include data='post' name='postQuickEdit'/></span><div class='post-share-buttons goog-inline-block'><b:if cond='data:post.sharePostUrl'><b:include data='post' name='shareButtons'/> </b:if></div></div><div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/></div></article><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='sharing'><span>Share with :</span><a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/><script type='text/javascript'>window.___gcfg={lang:&quot;id&quot;};(function(){var a=document.createElement(&quot;script&quot;);a.type=&quot;text/javascript&quot;;a.async=true;a.src=&quot;https://apis.google.com/js/plusone.js&quot;;var b=document.getElementsByTagName(&quot;script&quot;)[0];b.parentNode.insertBefore(a,b)})();</script><iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;amp;send=false&amp;amp;layout=button_count&amp;amp;show_faces=false&amp;amp;width=90&amp;amp;action=like&amp;amp;font=arial&amp;amp;colorscheme=light&amp;amp;height=21&quot;' style='border:none; overflow:hidden; width:90px; height:21px;'/></div><div id='related_posts'><h4>Related Posts</h4><b:loop values='data:post.labels' var='label'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=relpostimgcuplik&amp;amp;max-results=50&quot;' type='text/javascript'/></b:loop><ul id='relpost_img_sum'><script type='text/javascript'>artikelterkait();</script></ul></div><ul class='mbt-pager'><li class='next'><b:if cond='data:newerPageUrl'><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:post.title' rel='next'/><b:else/><i class='fa fa-chevron-right'/><a rel='next'><strong>Next</strong><span>You are viewing Most Recent Post</span></a></b:if></li><li class='previous'><b:if cond='data:olderPageUrl'><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:post.title' rel='previous'/><b:else/><i class='fa fa-chevron-left'/><a rel='previous'><strong>Previous</strong><span>You are viewing Last Post</span></a></b:if></li></ul><script type='text/javascript'>/*<![CDATA[*/(function(c){var b=c("a.newer-link");var a=c("a.older-link");c.get(b.attr("href"),function(d){b.html("<strong>Next</strong> <span>"+c(d).find(".post h1.post-title").text()+"</span>")},"html");c.get(a.attr("href"),function(d){a.html("<strong>Previous</strong> <span>"+c(d).find(".post h1.post-title").text()+"</span>")},"html")})(jQuery);/*]]>*/</script></b:if> </b:includable>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
</b:widget>
</b:section>
</div>



</div>


<div class='clear'>&#160;</div>

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


</b:if>


</body>
</html>



------------------------------------------------------------------------------------------------------------
OR USE THIS SHORT CODE:
------------------------------------------------------------------------------------------------------------




<?xml version="1.0" encoding="UTF-8" ?>
<html>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
/* Hide Navigation Bar */

.mbt-pager li.next{text-align:left; padding:0; margin:0}
.mbt-pager li.next a{padding-left:20px}
.mbt-pager li.previous{text-align:right; margin:0 -2px 0 0; float:left; padding:0}
.mbt-pager li.previous a{padding-right:20px}
.mbt-pager li{width:50%; display:inline; float:left}
.mbt-pager li a{position:relative; display:block; padding:8px 46px 8px; outline:none; text-decoration:none}
.mbt-pager li i{color:#555 !important; font-size:14px}
.mbt-pager li a strong{display:block; font-size:16px; color:#555; font-weight:bold; text-transform:uppercase; font-family:Oswald,Arial,sans-serif; margin-bottom:5px}
.mbt-pager li a span{font-size:13px; color:#555; font-family:Oswald,Calibri,sans-serif; margin:0}
.mbt-pager li a:hover span, .mbt-pager li a:hover i{color:#0089d8}
.mbt-pager li.previous i{float:left; margin-top:15%; margin-left:5%}
.mbt-pager li.next i{float:right; margin-top:15%; margin-right:5%}


]]></b:skin>











</head>
<body>


<div id='outer-wrapper'>

<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='main' var='top'>
<b:if cond='data:mobile == &quot;false&quot;'>
<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 == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</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'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>
<b:include name='nextprev'/>
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
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'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>

<b:includable id='nextprev'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></span></b:if><a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><b:if cond='data:mobileLinkUrl'><div class='blog-mobile-link'><a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a></div></b:if></div><div class='clear'/></b:if></b:if>
</b:includable>

<b:includable id='post' var='post'>
<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:post.thumbnailUrl'><a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a><b:else/><a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='http://2.bp.blogspot.com/-iRLMgWOBrX0/Uz_F1FilbKI/AAAAAAAAA4M/2npC7e9Y3rg/s1600/no-image.jpg'/></a></b:if></b:if></b:if><b:if cond='data:post.title'> <b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType == &quot;static_page&quot;'><h1 class='post-title entry-title' itemprop='name'><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></h1><b:else/><h2 class='post-title entry-title' itemprop='name'><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></h2></b:if><b:else/><h1 class='post-title entry-title' itemprop='name'><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></h1></b:if></b:if><div class='post-header'><span class='post-author vcard'><b:if cond='data:top.showAuthor'> Published <b:if cond='data:post.authorProfileUrl'><span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><meta expr:content='data:post.authorProfileUrl' itemprop='url'/><a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><span itemprop='name'><data:post.author/></span></a></span><b:else/><span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:post.author/></span></span></b:if></b:if></span><span class='post-timestamp'><b:if cond='data:top.showTimestamp'> on <b:if cond='data:post.url'><meta expr:content='data:post.canonicalUrl' itemprop='url'/><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a></b:if></b:if></span><b:if cond='data:post.labels'> in <b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?max-results=7&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if></b:loop> </b:if></div><b:if cond='data:blog.metaDescription == &quot;&quot;'><div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'><div class='post-snippet'><data:post.snippet/><a class='button' expr:href='data:post.url'>Read More</a></div></b:if></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/></b:if><div style='clear: both;'/></div><b:else/><div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'><div class='post-snippet'><data:post.snippet/><a class='button' expr:href='data:post.url'>Read More</a></div></b:if></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/></b:if><div style='clear: both;'/></div></b:if><div class='post-footer'><div class='post-footer-line post-footer-line-1'><span class='star-ratings'><b:if cond='data:top.showStars'><div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/></b:if></span><span class='post-comment-link'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'><b:include data='post' name='comment_count_picker'/> </b:if></b:if> </b:if></span><span class='post-backlinks post-comment-link'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.showBacklinks'><a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a></b:if></b:if> </b:if></span><span class='post-icons'><b:if cond='data:post.emailPostUrl'><span class='item-action'><a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/></a></span></b:if><b:include data='post' name='postQuickEdit'/></span><div class='post-share-buttons goog-inline-block'><b:if cond='data:post.sharePostUrl'><b:include data='post' name='shareButtons'/> </b:if></div></div><div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/></div></article><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='sharing'><span>Share with :</span><a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/><script type='text/javascript'>window.___gcfg={lang:&quot;id&quot;};(function(){var a=document.createElement(&quot;script&quot;);a.type=&quot;text/javascript&quot;;a.async=true;a.src=&quot;https://apis.google.com/js/plusone.js&quot;;var b=document.getElementsByTagName(&quot;script&quot;)[0];b.parentNode.insertBefore(a,b)})();</script><iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;amp;send=false&amp;amp;layout=button_count&amp;amp;show_faces=false&amp;amp;width=90&amp;amp;action=like&amp;amp;font=arial&amp;amp;colorscheme=light&amp;amp;height=21&quot;' style='border:none; overflow:hidden; width:90px; height:21px;'/></div><div id='related_posts'><h4>Related Posts</h4><b:loop values='data:post.labels' var='label'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=relpostimgcuplik&amp;amp;max-results=50&quot;' type='text/javascript'/></b:loop><ul id='relpost_img_sum'><script type='text/javascript'>artikelterkait();</script></ul></div><ul class='mbt-pager'><li class='next'><b:if cond='data:newerPageUrl'><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:post.title' rel='next'/><b:else/><i class='fa fa-chevron-right'/><a rel='next'><strong>Next</strong><span>You are viewing Most Recent Post</span></a></b:if></li><li class='previous'><b:if cond='data:olderPageUrl'><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:post.title' rel='previous'/><b:else/><i class='fa fa-chevron-left'/><a rel='previous'><strong>Previous</strong><span>You are viewing Last Post</span></a></b:if></li></ul><script type='text/javascript'>/*<![CDATA[*/(function(c){var b=c("a.newer-link");var a=c("a.older-link");c.get(b.attr("href"),function(d){b.html("<strong>Next</strong> <span>"+c(d).find(".post h1.post-title").text()+"</span>")},"html");c.get(a.attr("href"),function(d){a.html("<strong>Previous</strong> <span>"+c(d).find(".post h1.post-title").text()+"</span>")},"html")})(jQuery);/*]]>*/</script></b:if> </b:includable>

<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
</b:widget>
</b:section>
</div>



</div>


<div class='clear'>&#160;</div>

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





</body>
</html>



---------------------------------------------------------------------------------------------------------
U CAN REPLACE  BLOG POST BY BELOW CODE
------------------------------------------------------------------------------------------------------------


<b:includable id='post' var='post'>


<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:post.thumbnailUrl'><a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a><b:else/><a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='http://2.bp.blogspot.com/-iRLMgWOBrX0/Uz_F1FilbKI/AAAAAAAAA4M/2npC7e9Y3rg/s1600/no-image.jpg'/></a></b:if></b:if></b:if><b:if cond='data:post.title'> <b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType == &quot;static_page&quot;'><h1 class='post-title entry-title' itemprop='name'><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></h1><b:else/><h2 class='post-title entry-title' itemprop='name'><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></h2></b:if><b:else/><h1 class='post-title entry-title' itemprop='name'><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></h1></b:if></b:if><div class='post-header'><span class='post-author vcard'><b:if cond='data:top.showAuthor'> Published <b:if cond='data:post.authorProfileUrl'><span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><meta expr:content='data:post.authorProfileUrl' itemprop='url'/><a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><span itemprop='name'><data:post.author/></span></a></span><b:else/><span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:post.author/></span></span></b:if></b:if></span><span class='post-timestamp'><b:if cond='data:top.showTimestamp'> on <b:if cond='data:post.url'><meta expr:content='data:post.canonicalUrl' itemprop='url'/><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a></b:if></b:if></span><b:if cond='data:post.labels'> in <b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?max-results=7&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if></b:loop> </b:if></div><b:if cond='data:blog.metaDescription == &quot;&quot;'><div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'><div class='post-snippet'><data:post.snippet/><a class='button' expr:href='data:post.url'>Read More</a></div></b:if></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/></b:if><div style='clear: both;'/></div><b:else/><div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'><div class='post-snippet'><data:post.snippet/><a class='button' expr:href='data:post.url'>Read More</a></div></b:if></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/></b:if><div style='clear: both;'/></div></b:if></article>


<b:if cond='data:blog.pageType == &quot;item&quot;'>



<ul class='mbt-pager'><li class='next'><b:if cond='data:newerPageUrl'><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:post.title' rel='next'/><b:else/><i class='fa fa-chevron-right'/><a rel='next'><strong>Next</strong><span>You are viewing Most Recent Post</span></a></b:if></li><li class='previous'><b:if cond='data:olderPageUrl'><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:post.title' rel='previous'/><b:else/><i class='fa fa-chevron-left'/><a rel='previous'><strong>Previous</strong><span>You are viewing Last Post</span></a></b:if></li></ul><script type='text/javascript'>/*<![CDATA[*/(function(c){var b=c("a.newer-link");var a=c("a.older-link");c.get(b.attr("href"),function(d){b.html("<strong>Next</strong> <span>"+c(d).find(".post h1.post-title").text()+"</span>")},"html");c.get(a.attr("href"),function(d){a.html("<strong>Previous</strong> <span>"+c(d).find(".post h1.post-title").text()+"</span>")},"html")})(jQuery);/*]]>*/</script>


</b:if>

</b:includable>

----------------------------------------------------------------------------------------------------------
OR USE THIS SHORT CODE WITH AUTO READ MORE POST THUMBNAIL
----------------------------------------------------------------------------------------------------------


<?xml version="1.0" encoding="UTF-8" ?>
<html>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
/* Hide Navigation Bar */

.mbt-pager li.next{text-align:left; padding:0; margin:0}
.mbt-pager li.next a{padding-left:20px}
.mbt-pager li.previous{text-align:right; margin:0 -2px 0 0; float:left; padding:0}
.mbt-pager li.previous a{padding-right:20px}
.mbt-pager li{width:50%; display:inline; float:left}
.mbt-pager li a{position:relative; display:block; padding:8px 46px 8px; outline:none; text-decoration:none}
.mbt-pager li i{color:#555 !important; font-size:14px}
.mbt-pager li a strong{display:block; font-size:16px; color:#555; font-weight:bold; text-transform:uppercase; font-family:Oswald,Arial,sans-serif; margin-bottom:5px}
.mbt-pager li a span{font-size:13px; color:#555; font-family:Oswald,Calibri,sans-serif; margin:0}
.mbt-pager li a:hover span, .mbt-pager li a:hover i{color:#0089d8}
.mbt-pager li.previous i{float:left; margin-top:15%; margin-left:5%}
.mbt-pager li.next i{float:right; margin-top:15%; margin-right:5%}


]]></b:skin>











</head>
<body>


<div id='outer-wrapper'>

<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='main' var='top'>
<b:if cond='data:mobile == &quot;false&quot;'>
<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 == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</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'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>
<b:include name='nextprev'/>
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
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'/>
    <b:includable id='backlinks' var='post'/>
    <b:includable id='comment-form' var='post'/>
    <b:includable id='commentDeleteIcon' var='comment'/>
    <b:includable id='comment_count_picker' var='post'/>
    <b:includable id='comment_picker' var='post'/>
    <b:includable id='comments' var='post'/>
    <b:includable id='feedLinks'/>
    <b:includable id='feedLinksBody' var='links'/>
    <b:includable id='iframe_comments' var='post'/>
    <b:includable id='mobile-index-post' var='post'/>
    <b:includable id='mobile-main' var='top'/>
    <b:includable id='mobile-nextprev'/>
    <b:includable id='mobile-post' var='post'/>

 <b:includable id='nextprev'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></span></b:if><a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><b:if cond='data:mobileLinkUrl'><div class='blog-mobile-link'><a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a></div></b:if></div><div class='clear'/></b:if></b:if>
</b:includable>


<b:includable id='post' var='post'>

<div class='post hentry'>




 
   <b:if cond='data:post.title'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
            <h1 class='post-title entry-title' itemprop='name'>
               <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>
            </h1>
            <b:else/>
            <h2 class='post-title entry-title' itemprop='name'>
               <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>
            </h2>
         </b:if>
         <b:else/>
         <h1 class='post-title entry-title' itemprop='name'>
            <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>
         </h1>
      </b:if>
   </b:if>
 
  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUXkJZM9srOl1bE07HoNGpONGGjUrG9aDQJjZIJB9TatneHsJ9ZK5HXASZYZys8Os2x0hlAgL7-JC_9nde0MkJE9e0CGGmAWifhZqvLQ8eEARh8ug-y1QqJeS0ETtMaD0QoEv4JcxP3sam/s1600/FBGadgets.png'/></a>
</b:if></b:if></b:if>



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
</div>


<b:if cond='data:blog.pageType == &quot;item&quot;'>



<ul class='mbt-pager'><li class='next'><b:if cond='data:newerPageUrl'><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:post.title' rel='next'/><b:else/><i class='fa fa-chevron-right'/><a rel='next'><strong>Next</strong><span>You are viewing Most Recent Post</span></a></b:if></li><li class='previous'><b:if cond='data:olderPageUrl'><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:post.title' rel='previous'/><b:else/><i class='fa fa-chevron-left'/><a rel='previous'><strong>Previous</strong><span>You are viewing Last Post</span></a></b:if></li></ul><script type='text/javascript'>/*<![CDATA[*/(function(c){var b=c("a.newer-link");var a=c("a.older-link");c.get(b.attr("href"),function(d){b.html("<strong>Next</strong> <span>"+c(d).find(".post h1.post-title").text()+"</span>")},"html");c.get(a.attr("href"),function(d){a.html("<strong>Previous</strong> <span>"+c(d).find(".post h1.post-title").text()+"</span>")},"html")})(jQuery);/*]]>*/</script>


</b:if>

</b:includable>

<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
</b:widget>
</b:section>
</div>



</div>


<div class='clear'>&#160;</div>

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





</body>
</html>


----------------------------------------------------------------------------------------------------------
BLOG PAGER JAVA CODE

ADD HTML WIDGET AND PASTE BELOW CODE
------------------------------------------------------------------------------------------------------------

<script type="text/javascript">
$(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>

------------------------------------------------------------------------------------------------------
READ MORE:

http://fbgadgets.blogspot.co.uk/2014/07/blogpagerwithjavacode.html




0 comments:

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets