Testing Template Responsive

Ini adalah kode template blogspot klasik yang lolos di Gtmetrix.com sampai dengan 100% 100% dengan nilai 'A' 'A'
Silahkan test sendiri dengan link http://gtmetrix.com/reports/chie-chiex.blogspot.com/A3bqsSyN

<!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" xml:lang="en" lang="en" dir="<$BlogLanguageDirection$>"><head><link href='http://b9.sustatic.com/-G-ChSR8MQAl3Skvq8oNZg' rel='icon' type='image/x-icon'/><title><$BlogPageTitle$></title><meta content='my diary' name='description'/><meta content='my diary' name='keywords'/><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta name="MSSmartTagsPreventParsing" content="true"/><meta name="generator" content="Blogger"/><link rel="alternate" type="application/atom+xml" title="my diarry - Atom" href="http://chie-chiex.blogspot.com/feeds/posts/default" /><link rel="alternate" type="application/rss+xml" title="my diarry - RSS" href="http://chie-chiex.blogspot.com/feeds/posts/default?alt=rss" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=3895063659771265597" /><style type="text/css">body{background:#fff;color:#333;font:x-small Verdana;font-size:small;margin:0;padding:40px 20px;text-align:center}a:hover{color:red;text-decoration:underline}#header h1,#header span,#blog-title p{color:red;font-size:200%;font-weight:400;letter-spacing:.2em;line-height:1.2em;margin:5px 5px 0;padding:0}#header a:hover{color:#000ff0}#description{border-width:0 1px 1px;color:#999;font-size:12px;letter-spacing:.2em;margin:0 5px 5px;max-width:700px;padding:0 20px 20px}h2{color:red;font:100% Verdana;font-weight:700;margin:1.5em 0 .75em;text-transform:uppercase}.post-title h3,.post-title h1{color:red;font-size:140%;font-weight:700;line-height:1.4em;margin:.25em 0 0;padding:0 0 4px}.post div{line-height:1.6em;margin:0 0 .75em}p.post-footer{color:#ccc;margin:-.25em 0 0}.post-footer em,.post-footer em{color:#999;font-style:normal;margin-right:.6em}#sidebar ul{border-bottom:1px dotted #ccc;list-style:none;margin:0 0 1.5em;padding:0 0 1.5em}#sidebar li{line-height:1.5em;margin:0;padding:0 0 .25em 15px;text-indent:-15px}#footer{border-top:3px double #ccc;clear:both;margin:0 auto;width:730px}#footer p{font-size:12px;letter-spacing:.1em;margin:0;padding-top:15px}a:link,a:visited{color:#000ff0;text-decoration:none}#footer hr,.blogger-labels{display:none}@media all{#header{background:#eee;margin:0 auto 10px;width:730px}#content{margin:0 auto;padding:0;text-align:left;width:730px}#main{float:left;width:450px}#sidebar{float:right;width:250px}.post{border-bottom:1px dotted #ccc;margin:.5em 0 1.5em;padding-bottom:1.5em}}@media handheld{#header,#content{width:90%}#main,#sidebar{float:none;width:100%}.post{padding:0 1.5em}}</style></head><body><div id="content"><div id="header"><div><h1 id="blog-title"><ItemPage><a href="<$BlogURL$>"></ItemPage><$BlogTitle$><ItemPage></a></ItemPage></h1><p id="description"><$BlogDescription$></p></div></div><div id="main"><div id="main2"><div id="main3"><Blogger><div class="post"><a name="<$BlogItemNumber$>"></a>
<div class="post-title"><BlogItemTitle><h3><a href="<$BlogItemPermalinkUrl$>" title="<$BlogItemTitle$>"><$BlogItemTitle$></a></h3></BlogItemTitle></div><div class="post-body"><p><$BlogItemBody$></p></div><p class="post-footer"><em><$I18NPostedByAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em> &nbsp;<BlogItemCommentsEnabled><a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><span style="text-transform:lowercase"><$I18NNumComments$></span></a></BlogItemCommentsEnabled><BlogItemBacklinksEnabled><a class="comment-link" href="<$BlogItemPermalinkUrl$>#links"><span style="text-transform:lowercase"><$I18NLinksToThisPost$></span></a></BlogItemBacklinksEnabled></p></div><ItemPage><div id="comments"><BlogItemCommentsEnabled><a name="comments"></a><h4><$I18NNumComments$>:</h4><dl id="comments-block"><$CommentPager$><BlogItemComments><dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a><$I18NAtCommentTimeWithPermalink$>,<$I18NCommentAuthorSaid$></dt><dd class="comment-body"><p><$BlogCommentBody$></p><$BlogCommentDeleteIcon$></dd></BlogItemComments><$CommentPager$></dl><p class="comment-timestamp"><$BlogItemCreate$></p><p id="postfeeds"><$BlogItemFeedLinks$></p></BlogItemCommentsEnabled><BlogItemBacklinksEnabled><a name="links"></a><h4><$I18NLinksToThisPost$>:</h4><dl id="comments-block"><BlogItemBacklinks><dt class="comment-title"><$BlogBacklinkControl$><a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$></dt><dd class="comment-body"><$BlogBacklinkSnippet$><br /><span class="comment-poster"><em><$I18NPostedByBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em></span></dd></BlogItemBacklinks></dl><p class="comment-timestamp"><$BlogItemBacklinkCreate$></p></BlogItemBacklinksEnabled><p style="padding-left:20px;"><a href="<$BlogURL$>">&lt;&lt; <$I18NHome$></a></p></div></ItemPage></Blogger></div></div></div>
<div id="sidebar"><div class="box"><div class="box2"><div class="box3"><h2 class="sidebar-title"><$I18NPreviousPosts$></h2><ul id="recently"><BloggerPreviousItems><li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li></BloggerPreviousItems></ul><MainOrArchivePage><h2 class="sidebar-title"><$I18NArchives$></h2><ul class="archive-list"><BloggerArchives><li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li></BloggerArchives><ArchivePage><li><a href="<$BlogURL$>"><$I18NCurrentPosts$></a></li</ArchivePage></ul></MainOrArchivePage><p id="blogfeeds"><$BlogFeedsVertical$></p>
</div></div></div></div><div id="footer"><div><div><hr /><p>2012 - <a href="http://www.kapukonline.com.com/">Kang Kapuk</a>&nbsp;</p></div></div></div></div><!-- </body> -->
</body></html>
Pemilihan template harus pada mode template klasik kalau ingin template blogspot anda lolos 100% Gtmetrix.com
Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari kapukonline.com GRATIS di inbox email anda
Testing Template Responsive

Artikel terkait :

1 komentar:
