Tips Seo Untuk Blogger

5
GRATIS TEMPLATE RINGAN DAN SEO FRIENDLY
GRATIS TEMPLATE RINGAN DAN SEO FRIENDLY sangat dicari oleh para Blogger apalagi kalau Templates Ringan dan loadingnya benar cepat. memang untuk mencari Template Ringan dan Seo Friendl susah-susah gampang. Nah kali ini saya akan bagikan satu Template Ringan dan semoga saja kalian suka..
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/><b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/> <title><data:blog.pageName/></title> </b:if></b:if> <b:skin><![CDATA[/* <!-- /*----------------------------------------------- Name : B-Seo Blog V2 Designer : Seo Blog Site : http://hajinorman.blogspot.com Year : 2013 ----------------------------------------------- */ #lower { margin:auto; padding: 0px 0px 10px 0px; width: 100%; background:#333333; } #lower-wrapper { background:#333333; margin:auto; border:0; } #lowerbar-wrapper { background:#333333; float: left; margin: 0px 5px auto; padding-bottom: 20px; width: 23%; color:#ddd; line-height: 1.6em; word-wrap: break-word; overflow: hidden; } .lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding-top: 10px;} .lowerbar h2 { margin: 0px 0px 10px 0px; padding: 3px 0px 3px 0px; text-align: left; border:0; color:#ddd; text-transform:uppercase; font: bold 14px Arial, Tahoma, Verdana; } .lowerbar ul { color:#fff; margin: 0 auto; padding: 0; list-style-type: none; } .lowerbar li { display:block; color:#fff; line-height: 1.6em; margin-left: 0 !important; padding: 4px; border-bottom: 1px solid #222; border-top: 1px solid #444; list-style-type: none; } .lowerbar li a { text-decoration:none; color: #DBDBDB; } .lowerbar li a:hover { text-decoration:underline; } .lowerbar li:hover { display:block; } .fbFeedbackContent,.composer { background-color: red; border: solid #E9E9E9; padding: 7px 10px 7px 69px; position: relative; border-width: 1px 0; } #navbar { height:0; visibility:hidden; display:none; } /* -- Main -- */ body { width:980px; background:#fff; font:12px arial,trebuchet ms,verdana,sans-serif; text-align:left; color:#000; margin:0 auto; padding:0; border:2px solid #454545; } .updateinfo { display:none; } a:link { color:#B40404; text-decoration:none } a:visited { color:#B40404; text-decoration:none } a:hover { color:#8A0808; text-decoration:underline } a img { border-width:0 } .blank { clear: both; } /* -- Header -- */ #header-wrapper { width:980px; height:100px; text-align:left; background:#272727 url(http://lh5.ggpht.com/_7Y9pl24WpQY/S9It12mv1dI/AAAAAAAADkQ/ArYefD0r96Q/header_back_thumb%5B5%5D.png) repeat-x; padding:0px; } #header-wrapper-left{ width:470px; float:left; margin-left:10px} #header-wrapper-right{ width:470px; float:right; padding:15px;} #header h1 { font:22pt trebuchet ms,verdana; font-weight:700; line-height:1.3em; color:#fff; text-shadow:1px 1px 2px #272727; margin:0; padding:15px 350px 7px 15px; } #header a,#header a:hover { color:#B40404; text-decoration:none; } .descriptionwrapper p { line-height:1em; font-style:normal; font-weight:400; font-size:12px; color:#fff; text-shadow:1px 1px 1px #555454; margin:0; padding:0 10px 10px 10px; } /* -- Outer-Wrapper -- */ #outer-wrapper { background:#fff; width:980px; padding:0px; } #main-wrapper { background:transparent; width:640px; float:left; word-wrap:break-word; overflow:hidden; margin:2px; } #sidebar-wrapper { background:transparent; width:330px; float:right; word-wrap:break-word; overflow:hidden; margin:2px; padding:0; } br { clear:both; } /*-- Nav --*/ #nav { width:980px; float:center; background:#821818 url(http://lh5.ggpht.com/_7Y9pl24WpQY/S9Ihr-pTe9I/AAAAAAAADjs/04jHwZSVwn8/red%20nav_thumb%5B2%5D.jpg) repeat-x; height:40px; border-top:1px solid #646464; padding:0; margin:0; } #nav-left { float:left; display:inline; width:680px; } #nav-right { float:right; display:inline; width:270px; } #nav ul { position:relative; overflow:hidden; font:12px arial,verdana,trebuchet ms,Helvetica; font-weight:700; text-transform:uppercase; line-height:1.4em; margin:0; padding:0; } #nav ul li { float:left; list-style:none; } #nav ul li a,#nav ul li a:visited { display:block; color:#f2f2f2; text-shadow:1px 1px 1px #222; text-decoration:none; margin:0; padding:10px; } #nav ul li a:hover { color:#f2f2f2; text-shadow:1px 1px 1px #222; background-color:transparent; text-decoration:underline; margin:0; padding:10px; } #search { background:url(http://lh6.ggpht.com/_7Y9pl24WpQY/S8zGibtIsXI/AAAAAAAADhE/dKT4XYWYjk8/search_thumb%5B3%5D.png) no-repeat 7px 5px; float:right; width:270px; margin:0px; } * html #search { margin:0px; } #search input { font-family:trebuchet ms,arial,helvetica,sans-serif; background:transparent; border:0px; color:#000; float:left; font-size:12px; width:230px; padding:9px 15px; margin:0px; } /* -- Post -- */ .post { text-align:justify; font-size:12px; color:#000; background:#fff; padding:10px; border:2px solid #ccc; margin:5px; } .post h1 { background:#FFF; font-weight:700; font-style:normal; margin:0; } .post h1 a,.post h1 a:visited,.post h1 strong { display:block; color:#222; text-shadow:1px 1px 2px #f6e6b5; text-decoration:none; font-style:normal; font-weight:700; } .post h1 strong,.post h1 a:hover { color:#222; text-shadow:1px 1px 2px #f6e6b5; text-decoration:underline; } .post a:link { color:#B40404; text-decoration:none } .post a:visited { color:#B40404; text-decoration:none } .post a:hover { color:#B40404; text-decoration:underline } .post-body a img { background:transparance; padding:1px; } .post ul { color:#000; margin:0; padding:0; } .post ul li { list-style-type:square; margin:10px 0 0 40px; } .post ol { color:#000; margin:0; padding:0; } .post ol li { list-style-type:decimal; margin:10px 0 0 30px; } .post-body,.post-body p { line-height:1.6em; font-size:12px; letter-spacing:0.044em; margin:5px; padding:0; } .post-footer { color:#000; font-family:arial; font-size:11px; font-style:bold; letter-spacing:.064em; padding:5px; } .post-body img { border:0px solid #444; } .comment-link { margin-left:.6em; } .post blockquote { background:#eaeaea url(http://lh3.ggpht.com/_7Y9pl24WpQY/S8y5LxDnYwI/AAAAAAAADg0/WO96-GBt9JI/blockquote_thumb%5B5%5D.png) no-repeat scroll 0 0; color:#3B0B0B; border:1px outset #eaeaea; margin:10px; padding:10px 10px 10px 50px; } p.post-footer-line-3 { margin:0 auto; padding:0; } .post .post-comment-link { float:right; font-size:1em; line-height:12px; color:#000; display:inline; text-align:right; width:120px; margin:0; padding:1px; } .post .post-comment-link a { background:url(http://3.bp.blogspot.com/_7Y9pl24WpQY/S6rZmaah0MI/AAAAAAAADLM/lW3OwjSGMrU/s320/ico-comment.png) no-repeat; padding-left:25px; display:block; float:right; color:#000; text-decoration:none; margin:1px; } .post .post-comment-link a:hover { color:#000; text-decoration:underline; } /*COMMENTS*/ #comments { color: black; float: left; margin: 10px; padding-top: 10px; overflow: hidden; border: 2px solid #CCC; width: 620px; } #comments h4 { color: #0066CC; font-family:arial, tahoma, Sans-Serif; font-size: 14px; font-weight: normal; margin: 10px 20px 5px; } #comments-block { width: 580px; float: left; margin: 20px; } #comments-block .comment-author { font-weight: bold; background:#EEE; padding:3px; padding-left:10px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; } #comments-block .comment-body { margin-left: 20px; padding-left: 10px; font-size: 12px; text-align: left; border-left: 3px solid #CCC; margin-top: 20px; margin-bottom: 20px; } #comments-block .comment-footer { margin: 1em; font-size:10px; border-bottom:1px solid #D8D8D8; } #comments-block .comment-body p { } #comments-block .avatar-image-container img { border: 1px solid #CCC; float: right; width: 20px; height: 20px; } .comment-form { max-width: 425px; clear: both; margin-left:30px; } .owner-Body {margin-left: 20px; border-left: 5px solid red; padding-left: 10px; margin-bottom: 20px; margin-top: 20px; } .deleted-comment { font-style: italic; color: gray; } #blog-pager-newer-link { float:left; line-height:1.8em; font-weight:700; margin-left:10px; } #blog-pager-older-link { float:right; line-height:1.8em; font-weight:700; margin-right:10px; } #blog-pager { text-align:center; background:transparent no-repeat left bottom; line-height:1.8em; font-weight:700; color:#FFF; } .feed-links { clear:both; line-height:0; display:none; } /* -- Sidebar Content -- */ #sidebar-wrapper h2 { font:12px arial,verdana,trebuchet ms; font-weight:600; text-align:left; font-style:normal; text-transform:uppercase; line-height:1.3em; color:#f2f2f2; text-shadow:1px 1px 1px #222; background:#454545; margin:-5px -5px 10px -5px; padding:5px; } #sidebar-wrapper ul { list-style-type:none; color:#333; margin:0; padding:0 } #sidebar-wrapper ul li { background:url(http://lh6.ggpht.com/_7Y9pl24WpQY/SuHhL1fZSMI/AAAAAAAAB_w/engBWuVJmlo/link_arrow_thumb%5B1%5D.png) no-repeat 0px 5px; margin:0px 0px 5px; padding:0 0 5px 15px } #sidebar-wrapper ul li a:hover { margin:0px 0px 5px; padding:0px } .sidebar a:link { color:#B40404; text-decoration:none } .sidebar a:visited { color:#B40404; text-decoration:none } .sidebar a:hover { color:#B40404; text-decoration:underline } .sidebar section { margin:0; padding:0; } #ArchiveList { padding:0; } .sidebar .widget { border:1px solid #ccc; background:#fff; padding:10px; margin-bottom:5px; } /* -- Profile -- */ .profile-img { float:left; border:1px solid #CCC; margin:5px; padding:2px; } .profile-data { letter-spacing:.1em; font-size:90%; font-weight:700; line-height:1.4em; margin:0; } .profile-datablock { margin:5px; } .profile-textblock { line-height:1.6em; margin:5px; } .profile-link { background:transparent; padding:5px; font-weight:400; } /*-- Footer --*/ #footer { width:970px; background:#272727; position:relative; text-align:left; font-size:12px; color:#fff; margin:0; padding:10px 0; padding-left:10px; } #footer a:link,#footer a:visited { color:#f2f2f2; text-shadow:1px 1px 1px #222; } /* Menu Horizontal Dropdown */ #menuwrapperpic {background:#454545;width:980px;margin:0 auto;padding:0 auto;} #menuwrapper {width:970px;} .clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;} #menubar {width:100%;} #menubar, #menubar ul {padding: 0;margin: 0;list-style: none;font-family:'Arial', serif;} #menubar a {display: block;padding: 9px 10px 8px 10px;13px Arial,serif; text-decoration:none;color: #fff;} #menubar a.trigger {background-image: url(http://1.bp.blogspot.com/-RFDvbDJNPyQ/Tmrb7AdySKI/AAAAAAAABpY/KLAlm7t9Yac/s1600/arrow_black_bottom.gif);background-repeat: no-repeat;background-position: right center; padding: 9px 20px 8px 10px;} #menubar li {float: left;position: relative;} /* hide from IE mac */ #menubar li {position: static; width: auto;} /* end hiding from IE5 mac */ #menubar li ul, #menubar ul li {width:280px;margin:0height:20px; auto;padding:0 auto;} #menubar ul li a {text-align:left;color: #fff;padding: 8px 13px;font-size: 13px;font-weight:normal;text-transform:none;font-family:Arial;border:1px solid #444;} #menubar li ul {z-index:100;position: absolute;display: none;background:#000;} #menubar li ul {-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 rgba(0, 0, 0, 0.6);} #menubar li:hover a, #menubar a:active, #menubar a:focus, #menubar li.hvr a{background-color:#000000;color: #FFFFFF;} #menubar li:hover ul, #menubar li.hvr ul {background-color:#000000;color: #FFFFFF;} #menubar li:hover ul a, #menubar li.hvr ul a {background-color:#000000;color: #FFFFFF;} #menubar li ul li.hr { background-color:#000000;color: #FFFFFF;} #menubar ul a:hover {background-color:#000000;color: #FFFFFF;} #menubar li.selected a, #menubar li.selected a:visited {border-right:1px solid #444} #menubar li.selected a:hover {background:none;color:#F7D528;} #kolomatas { position: center; clear:both; margin: 5px 5px 5px 5px; color:#000000; float: left; background:#454545; } #kolomatas h2 { padding: 5px 0 2px 0; margin: 0 0 10px 0; color:#ff5a00; font-size: 12px; letter-spacing: -1px; border-bottom: 1px solid #fff; } #kolomatas ul { font-size: 11px; font-weight: bold; margin: 0; overflow: hidden; padding: 0; position: relative; text-transform: uppercase; } #kolomatas ul li { float: left; list-style: none outside none; } #kolomatas ul li a, #kolomatas ul li a:visited { background-color: #333333; border-left: 1px solid #444444; border-right: 1px solid #222222; color: #FFFFFF; display: block; font-weight: bold; line-height: 14px; margin: 0; outline: medium none; padding: 10px 15px; text-decoration: none; text-shadow: 1px 1px 2px #000000; vertical-align: top; } #kolomatas li a:hover { background-color: #1C1C1C; border-left: 1px solid #444444; border-right: 1px solid #222222; color: #FF6C24; display: block; font-weight: bold; line-height: 14px; margin: 0; outline: medium none; padding: 10px 15px; text-decoration: none; text-shadow: 1px 1px 2px #000000; vertical-align: top; } #kolomatas ul li a.current, #menukategori ul li a.current:visited, #menukategori ul li a.current:hover { background: none repeat scroll 0 0 #FFFFFF; color: #FFFFFF; margin: 4px; padding: 7px; } #kolomatas-left { width: 700px; color:#000000; float: left; background:#454545; } #kolomatas-right { width: 250px; margin: 5px 0px 5px 10px; color:#000000; float: right; background:#fff; } .breadcrumbs{ padding:5px 5px 5px 0; line-height:1.4em; border-bottom:4px double #cadaef; } ]]></b:skin> </head> <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/> <body> <div id='menuwrapperpic'> <div id='menuwrapper'> <ul id='menubar'> <li><a href='/'>Home</a></li> <li><a href='http://m-awali.blogspot.com/'>Rahasia Seo</a></li> <li><a href='http://icahberangas.blogspot.com/'>Kumpulan cerita</a></li> <li><a href='/feeds/posts/default'>Post Rss</a></li> <li><a href='/feeds/comments/default'>Comment RSS</a></li> </ul> <br class='clearit'/> </div> <div style='clear:both;'/> </div> <!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='header-wrapper'> <b:section class='header-wrapper-left' id='header-wrapper-left' maxwidgets='1' showaddelement='yes'> <b:widget id='Header1' locked='true' title='Game Zuma Delux (Header)' type='Header'> <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'> <!--Show just the image, no text--> <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></a> </div> <b:else/> <!-- Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. --> <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;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot; + &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/> <!--No header image --> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> </b:includable> </b:widget> </b:section> <b:section class='header-wrapper-right' id='header-wrapper-right' maxwidgets='1' showaddelement='yes'/> </div> <div id='kolomatas'> <div id='kolomatas-left'> <ul id='kolomatas'> <li><a href='#'>MENU1</a></li> <li><a href='#'>MENU2</a></li> <li><a href='#'>MENU3</a></li> </ul> </div> </div> <div id='kolomatas-right'> &lt;form id=&quot;searchthis&quot; action=&quot;/search&quot; style=&quot;display:inline;&quot; method=&quot;get&quot;&gt; &lt;input id=&quot;search-box&quot; name=&quot;q&quot; size=&quot;23&quot; type=&quot;text&quot;/&gt; &lt;input id=&quot;search-btn&quot; value=&quot;Search&quot; type=&quot;submit&quot;/&gt; &lt;/form&gt; </div> <div id='outer-wrapper'><div id='wrap2'> <div id='content-wrapper'> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='blog-pager-newer-link' 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'><img src='http://www.iconeasy.com/icon/thumbnails/System/Led/arrow%20left%20Icon.jpg'/></a></div></b:if> <b:if cond='data:olderPageUrl'> <div class='blog-pager-older-link' 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'><img src='http://www.iconeasy.com/icon/thumbnails/System/Led/arrow%20right%20Icon.jpg'/></a></div></b:if> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='shareButtons' var='post'> <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=270,width=475&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=640&quot;); return false;&quot;' 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 + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'>&#160;</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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a></p> </b:includable> <b:includable id='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div> <b:include name='mobile-nextprev'/> </b:includable> <b:includable id='post' var='post'> <div class='post hentry uncustomized-post-template'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> <div class='post-header-line-1'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'> <div style='float:left;padding-left:0px;font:normal 12px Georgia;'> Share on : </div> <div style='float:left;padding-left:10px;'> <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' target='_blank' title='Facebook'><img src='http://www.iconeasy.com/icon/16/Internet%20%26%20Web/Social%20Media/Facebook.png'/></a> </div> <div style='float:left;padding-left:10px;'> <a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank' title='Twitter'><img src='http://www.iconeasy.com/icon/16/Internet%20%26%20Web/Social%20Media/Twitter.png'/></a> </div> <div style='float:left;padding-left:10px;'> <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'><img src='http://www.iconeasy.com/icon/16/Internet%20%26%20Web/Social%20Media/Delicious.png'/></a> </div> <div style='float:left;padding-left:10px;'> <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'><img src='http://www.iconeasy.com/icon/16/Internet%20%26%20Web/Social%20Media/Digg.png'/></a> </div> </div> </b:if> <div class='post-body entry-content'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <span class='rmlink' style='float:right;padding-top:5px;'> <a expr:href='data:post.url'><img src='http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif'/></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'/> <div style='font-size:9px;float:left;color:#000'><data:post.timestamp/></div> <div style='font-size:10px;float:right;color:#000'><a expr:href='data:post.addCommentUrl'><data:post.numComments/> Comments</a></div> <div class='post-footer-line post-footer-line-2'/> <div class='post-footer-line post-footer-line-3'/> </div> </div> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' 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'>Post a Comment and Don&#39;t Spam!</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='250' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;); </script> </div> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <span class='fn'><data:post.author/></span> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='&quot;item-control &quot; + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:adStart/> <b:loop values='data:posts' var='post'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:loop> <data:adEnd/> </div> <!-- navigation --> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> <b:if cond='data:top.showStars'> <script src='http://www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load(&quot;annotations&quot;, &quot;1&quot;); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='&quot;item-control &quot; + data:comment.adminClass'> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <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='blog-pager'> <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'>Newer Posts</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'>Older Posts</a></span> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-home-link&quot;' expr:title='data:homePageTitle'>Home</a><b:else/> <b:if cond='data:newerPageUrl'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </b:if> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </b:if> <div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title'> <data:post.title/> </h3> <div class='mobile-index-arrow'>&amp;rsaquo;</div> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </a> <div class='mobile-index-comment'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.numComments != 0'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </div> </div> </div> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <a class='feed-link' expr:href='data:f.url + &quot;?alt=rss&quot;' type='application/rss+xml'><data:f.name/> (RSS)</a> <b:else/> <a class='feed-link' href='http://feeds.feedburner.com/miscah' type='application/rss+xml'><data:f.name/> (RSS)</a> </b:if> </b:loop> </div> </b:includable> <b:includable id='comments' var='post'> <div 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/> on <data:blog.pageName/> : </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> &#160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> &#160; <data:post.commentRangeText/> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </span> </b:if> <dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <div style='border:1;float:left;margin: 0px 10px 0px 0px;'> <script> myBlogAvatar(&#39;<data:comment.id/>&#39;,&#39;<data:comment.authorUrl/>&#39;); </script> </div> <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'> <a expr:name='data:comment.anchorName'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> <span style='font-size:10px;float:right;'><data:comment.timestamp/></span> </dt> <b:if cond='data:comment.author == data:post.author'> <dd class='owner-Body'> <p><data:comment.body/></p> </dd> <b:else/> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> </b:if> </b:loop> </dl> <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> &#160; <data:post.commentRangeText/> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if></p> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> </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 Post' type='PopularPosts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == &quot;false&quot;'> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (3) Show only thumbnails --> <div class='item-thumbnail-only'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> </div> <div style='clear: both;'/> <b:else/> <!-- (4) Show snippets and thumbnails --> <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='HTML1' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <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> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'>&#160;</div> <!-- end content-wrapper --> </div> </div> </div> <!-- end outer-wrapper --> <div id='lower'> <div id='lower-wrapper'> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar1' preferred='yes'/> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar2' preferred='yes'/> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar3' preferred='yes'/> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar4' preferred='yes'/> </div> <div style='clear: both;'/> </div> </div> <div id='footer'> &#169; Copyright 2011 - <data:blog.title/> <a href='http://hajinorman.blogspot.com/' target='_blank'>Template Seo friendly</a> Designed by <a href='http://m-awali.blogspot.com/' target='_blank' title='>Trik Seo Buat Blog</a> Publish on <a href='http://icahberangas.blogspot.com/'>Kumpulan Cerita</a> </div> </body> </html>
Selamat mencoba GRATIS TEMPLATE RINGAN DAN SEO FRIENDLY .
Semoga cocok dengan kalian.

Post a Comment

 
Top