Elegant Style

noreply@blogger.com (ananda) — Thu, 11 Mar 2010 10:03:00 +0000

Elegant template by concepts Style and SEO Friendly. In the design with simple style and page loading speed is amazing. By default this template is only 20% use the image, the rest of the game was designed using colors through coding.

Bonus set:

CSS with compression mode, Read More, Embedded Comment Form, Meta Tag Include, SEO Title Tag, Favicon Include, different comments for the blog owner, etc. Include Emoticon.

How to install:

It is advisable to backup the templates and content elements and the first page.

To have all the facilities to function properly, should be done manually (without upload) with copy-paste the code through the Edit HTML page. (do not forget to check the Expand Widget Templates).

Simply copy and paste the code below...

<?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'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <b:if cond="'data:blog.pageType"> <title><data:blog.pagename/></title> <b:else/> <title><data:blog.pagetitle/></title> </b:if> <meta content="'tulis" name="'description'/"> <meta content="'katakunci1," name="'keywords'/"> <meta content="'INDEX," name="'ROBOTS'/"> <link href="'http://lokasi-gambar-kamu.com/favicon.ico'" rel="'shortcut" type="'image/x-icon'/"> <b:skin><![CDATA[/*  ]]></b:skin> </head> <body> <div id="'outer-wrapper'" style="'margin-top:20px'"><div id="'wrap2'"> <div id="'nav'"> <b:section class="'header-tabs'" id="'header-tabs'" preferred="'yes'" showaddelement="'no'"> <b:widget id="'LinkList1'" locked="'true'" title="'Top" type="'LinkList'"> <b:includable id="'main'"> <div class="'widget-content'"> <b:if cond="'data:title'/"> <div id="'nav-left'"> <ul> <li><a href="'/'">Home</a></li> <b:loop values="'data:links'" var="'link'"> <li><a href="'data:link.target'"><data:link.name/></a></li> </b:loop> </ul> </div> </div> </b:includable> </b:widget> <b:widget id="'HTML5'" locked="'true'" title="'Search'" type="'HTML'"> <b:includable id="'main'"> <div id="'nav-right'"> <form action="'data:blog.homepageUrl" id="'searchform'" method="'get'" name="'searchform'"> <b:if cond="'data:title'/"> <div id="'search'"> <input class="'s'" id="'s'" name="'q'" onblur="'if" value ="=" value =" 'Cari" onfocus="'if" value ="=" value =" '';}'" type="'text'" value="'Cari"> <input id="'searchsubmit'" type="'hidden'" value="'Search'/"> <data:content/> </div> </form> </div> </b:includable> </b:widget> </b:section> </div>  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Elegant" type="'Header'"> <b:includable id="'main'"> <b:if cond="'data:useImage'"> <b:if cond="'data:imagePlacement">  <div id="'header-inner'"> <a href="'data:blog.homepageUrl'" style="'display:"> </a> </div> <b:else/>  <div style="'" id="'header-inner'"> <div class="'titlewrapper'" style="'background:"> <h1 class="'title'" style="'background:"> <b:include name="'title'/"> </h1> </div> <b:include name="'description'/"> </div> </b:if> <b:else/>  <div id="'header-inner'"> <div class="'titlewrapper'"> <h1 class="'title'"> <b:include name="'title'/"> </h1> </div> <b:include name="'description'/"> </div> </b:if> </b:includable> <b:includable id="'title'"> <b:if cond="'data:blog.url"> <data:title/> <b:else/> <a href="'data:blog.homepageUrl'"><data:title/></a> </b:if> </b:includable> <b:includable id="'description'"> <div class="'descriptionwrapper'"> <data:description/> </div> </b:includable> </b:widget> </b:section> <div class="'ad-banner'"> <a href="'http://www.o-om.com'"> </a> </div> <b:section class="'ad-banner2'" id="'ad-banner2'" preferred="'yes'/"> </div> <div id="'content-wrapper'"> <div id="'crosscol-wrapper'" style="'text-align:center'"> <b:section class="'crosscol'" id="'crosscol'" showaddelement="'no'/"> </div> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Posting" type="'Blog'"> <b:includable id="'nextprev'"> <div class="'blog-pager'" id="'blog-pager'"> <b:if cond="'data:newerPageUrl'"> <a class="'blog-pager-newer-link'" href="'data:newerPageUrl'" id="'data:widget.instanceId" title="'data:newerPageTitle'"><data:newerpagetitle/></a> </b:if> <b:if cond="'data:olderPageUrl'"> <a class="'blog-pager-older-link'" href="'data:olderPageUrl'" id="'data:widget.instanceId" title="'data:olderPageTitle'"><data:olderpagetitle/></a> </b:if> <b:if cond="'data:blog.homepageUrl"> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a> <b:else/> <b:if cond="'data:newerPageUrl'"> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a> </b:if> </b:if> </div> <div class="'clear'/"> </b:includable> <b:includable id="'backlinks'" var="'post'"> <a name="'links'/"><h4><data:post.backlinkslabel/></h4> <b:if cond="'data:post.numBacklinks"> <dl class="'comments-block'" id="'comments-block'"> <b:loop values="'data:post.backlinks'" var="'backlink'"> <div class="'collapsed-backlink"> <dt class="'comment-title'"> <a href="'data:backlink.url'" rel="'nofollow'"><data:backlink.title/></a> <b:include data="'backlink'" name="'backlinkDeleteIcon'/"> </dt> <dd class="'comment-body"> <data:backlink.snippet/> </dd> <dd class="'comment-footer"> <data:post.authorlabel/> <data:backlink.author/> <data:post.timestamplabel/> <data:backlink.timestamp/> </dd> </div> </b:loop> </dl> </b:if> <a class="'comment-link'" href="'data:post.createLinkUrl'" id="'data:widget.instanceId" target="'_blank'"><data:post.createlinklabel/></a> </b:includable> <b:includable id="'post'" var="'post'"> <div class="'post"> <a name="'data:post.id'/"> <b:if cond="'data:post.title'"> <h3 class="'post-title"> <b:if cond="'data:post.link'"> <a href="'data:post.link'"><data:post.title/></a> <b:else/> <b:if cond="'data:post.url'"> <a href="'data:post.url'"><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class="'postedby'"> <div class="'post-status'"> <b:if cond="'data:top.showAuthor'"> <data:top.authorlabel/> <data:post.author/> </b:if> <b:if cond="'data:top.showTimestamp'"> <data:top.timestamplabel/> <b:if cond="'data:post.url'"> <a class="'timestamp-link'" href="'data:post.url'" rel="'bookmark'" title="'permanent"><abbr class="'published'" title="'data:post.timestampISO8601'"><data:post.timestamp/></abbr></a> </b:if> </b:if> . <b:if cond="'data:post.dateHeader'"> <data:post.dateheader/> </b:if> </div> <b:if cond="'data:blog.pageType"> <b:if cond="'data:post.allowComments'"> <a class="'comment-link'" href="'data:post.url"><b:if cond="'data:post.numComments">1 <data:top.commentlabel/><b:else/><data:post.numcomments/> <data:top.commentlabelplural/></b:if></a> </b:if> </b:if> </div> <b:if cond="'data:post.labels'"> <data:postlabelslabel/> <b:loop values="'data:post.labels'" var="'label'"> <a href="'data:label.url'" rel="'tag'"><data:label.name/></a><b:if cond="'data:label.isLast">,</b:if> </b:loop> </b:if> <div class="'post-header-line-1'/"> <div class="'post-body'"> <b:if cond="'data:blog.pageType"> <style>.fullpost{display:inline;}</style> <data:post.body/> <b:else/> <style>.fullpost{display:none;}</style> <data:post.body/> <a href="'data:post.url'">Klik disini untuk melanjutkan »»</a> </b:if> <div style="'clear:"> </div> <div class="'post-footer'"> <div class="'post-footer-line">  <b:if cond="'data:blog.pageType"> <b:if cond="'data:post.showBacklinks'"> <a class="'comment-link'" href="'data:post.url"><data:top.backlinklabel/></a> </b:if> </b:if>  <b:if cond="'data:post.emailPostUrl'"> <a href="'data:post.emailPostUrl'" title="'data:top.emailPostMsg'"> </a> </b:if>  <b:include data="'post'" name="'postQuickEdit'/"> </div> <div class="'post-footer-line"> </div> <div class="'post-footer-line"> </div> </div> </b:includable> <b:includable id="'commentDeleteIcon'" var="'comment'"> <a href="'data:comment.deleteUrl'" title="'data:top.deleteCommentMsg'"> </a> </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:"> </b:if> </b:includable> <b:includable id="'feedLinks'"> <b:if cond="'data:blog.pageType">  <b:if cond="'data:feedLinks'"> <div class="'blog-feeds'"> <b:include data="'feedLinks'" name="'feedLinksBody'/"> </div> </b:if> <b:else/>  <div class="'post-feeds'"> <b:loop values="'data:posts'" var="'post'"> <b:if cond="'data:post.allowComments'"> <b:if cond="'data:post.feedLinks'"> <b:include data="'post.feedLinks'" name="'feedLinksBody'/"> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id="'comment-form'" var="'post'"> <div class="'comment-form'"> <a name="'comment-form'/"> <h3><data:postcommentmsg/></h3> <data:blogcommentmessage/> </div> </b:includable> <b:includable id="'backlinkDeleteIcon'" var="'backlink'"> <a href="'data:backlink.deleteUrl'" title="'data:top.deleteBacklinkMsg'"> </a> </b:includable> <b:includable id="'feedLinksBody'" var="'links'"> <div class="'feed-links'"> <data:feedlinksmsg/> <b:loop values="'data:links'" var="'f'"> <a class="'feed-link'" href="'data:f.url'" type="'data:f.mimeType'" target="'_blank'"><data:f.name/> (<data:f.feedtype/>)</a> </b:loop> </div> </b:includable> <b:includable id="'postQuickEdit'" var="'post'"> <b:if cond="'data:post.editUrl'"> <a href="'data:post.editUrl'" title="'data:top.editPostMsg'"> </a> </b:if> </b:includable> <b:includable id="'comments'" var="'post'"> <div class="'comments'" id="'comments'"> <a name="'comments'/"> <b:if cond="'data:post.allowComments'"> <h4> <b:if cond="'data:post.numComments"> 1 <data:commentlabel/>: <b:else/> <data:post.numcomments/> <data:commentlabelplural/>: </b:if> </h4> <b:if cond="'data:post.commentPagingRequired'"> <a class="'data:post.oldLinkClass'" href="'data:post.oldestLinkUrl'"><data:post.oldestlinktext/></a> <a class="'data:post.oldLinkClass'" href="'data:post.olderLinkUrl'"><data:post.olderlinktext/></a> <data:post.commentrangetext/> <a class="'data:post.newLinkClass'" href="'data:post.newerLinkUrl'"><data:post.newerlinktext/></a> <a class="'data:post.newLinkClass'" href="'data:post.newestLinkUrl'"><data:post.newestlinktext/></a> </b:if> <dl id="'comments-block'"> <b:loop values="'data:post.comments'" var="'comment'"> <dt class="'" id="'data:comment.anchorName'"> <a name="'data:comment.anchorName'/"> <b:if cond="'data:comment.authorUrl'"> <a href="'data:comment.authorUrl'" rel="'nofollow'"><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentpostedbymsg/> </dt> <b:if cond="'data:comment.author"> <dd class="'owner-Body'"> <data:comment.body/> </dd> <b:else/> <dd class="'comment-body'"> <b:if cond="'data:comment.isDeleted'"> <data:comment.body/> <b:else/> <data:comment.body/> </b:if> </dd> </b:if> <dd class="'comment-footer'"> <a href="'data:comment.url'" title="'comment"> <data:comment.timestamp/> </a> <b:include data="'comment'" name="'commentDeleteIcon'/"> </dd> </b:loop> </dl> <b:if cond="'data:post.commentPagingRequired'"> <a class="'data:post.oldLinkClass'" href="'data:post.oldestLinkUrl'"> <data:post.oldestlinktext/> </a> <a class="'data:post.oldLinkClass'" href="'data:post.olderLinkUrl'"> <data:post.olderlinktext/> </a> <data:post.commentrangetext/> <a class="'data:post.newLinkClass'" href="'data:post.newerLinkUrl'"> <data:post.newerlinktext/> </a> <a class="'data:post.newLinkClass'" href="'data:post.newestLinkUrl'"> <data:post.newestlinktext/> </a> </b:if> <b:if cond="'data:post.embedCommentForm'"> <div style="'-moz-background-clip:"> :)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =)) </div> <b:include data="'post'" name="'comment-form'/"> <b:else/> <b:if cond="'data:post.allowComments'"> <a href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><data:postcommentmsg/></a> </b:if> </b:if> </b:if> <div id="'backlinks-container'"> <div id="'data:widget.instanceId"> <b:if cond="'data:post.showBacklinks'"> <b:include data="'post'" name="'backlinks'/"> </b:if> </div> </div> </div> </b:includable> <b:includable id="'main'" var="'top'">  <div class="'blog-posts"> <b:include data="'top'" name="'status-message'/"> <data:adstart/> <b:loop values="'data:posts'" var="'post'"> <b:if cond="'data:post.dateHeader'"> <h2 class="'date-header'"><data:post.dateheader/></h2> </b:if> <b:include data="'post'" name="'post'/"> <b:if cond="'data:blog.pageType"> <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>  <b:include name="'nextprev'/">  <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("annotations", "1"); function initialize() { google.annotations.setApplicationId(<data:top.blogspotreviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> </b:includable> </b:widget> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'/"> <div class="'sidebar-left'"> <b:section class="'sidebar-left'" id="'sidebar-left'" preferred="'yes'/"> </div> <div class="'sidebar-right'"> <b:section class="'sidebar-right'" id="'sidebar-right'" preferred="'yes'/"> </div> <div id="'sidebar-bottom'"> <b:section class="'sidebar-bottom'" id="'sidebar-bottom'" preferred="'yes'/"> </div> </div>  <div class="'clear'"> </div> <div id="'bottom'"> <b:section class="'bottom'" id="'left-bottom'/"> <b:section class="'bottom'" id="'center-bottom'/"> <b:section class="'bottom'" id="'right-bottom'/"> <div id="'upper-footer'"> <b:section class="'footer'" id="'footer'/"> </div> </div>  <div class="'blank'" style="'text-align:"> {nama-blog-anda} is proudly powered by <a href="'http://www.blogger.com'">Blogger.com</a> | Template by <a href="'http://www.agusramadhani.com'">Agus Ramadhani</a> | <a href="'http://www.o-om.com'">o-om.com</a> </div> <div id="'footer-wrapper'"> </div> </div> </div></div>  <script src="'http://oom.blog.googlepages.com/smiley.js'" type="'text/javascript'/"> </body> </html>

Erotic Nite

Elegant Style