zeus's mobile blog: January 2016

TEMPLATE ANIME MUSIC

1/20/2016

live demo
SCRIPTNYA ADA DI BAWAH INI:

<?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'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* ----------------------------------------------- Name : Anime Music Design by : Diana URL : www.skincorner.com Type : Free Blogger XML Template ----------------------------------------------- */ #navbar-iframe { height: 0px; visibility: hidden; display: none; } body { background:#000000; margin:0; padding:0; font:80% Georgia, "Times New Roman", serif; text-align: center; color:#ffffff; } a:link { color:#c0c0c0; text-decoration:none; } a:visited { color:#cccccc; text-decoration:underline; } a:hover { color:#cccccc; text-decoration:underline; } #main .post-body a { color:#ffffff; text-decoration:underline; } #main .post-body a:hover { color:#999999; } a img { border-width:0; } /* Header -----------------------------------------------*/ #header-wrapper { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8qgZLRJ0brpc_GmG5t9s36bb-ehKi-CFOdJXYIA2xVkapfXgF4Fu7u604S1QD9-A0jqeDWfR4DSgi84TfWf-NuwSm6-qVuQgBUfwvq3ItgpodJ-x9UcmX1KOPjGTCq05jqyP9605S6I4/s1600/animusichd.gif") no-repeat; width:980px; height:333px; margin:0; padding:0; text-align:right; } #header { margin:0; padding:0; } #header h1 { margin:0; padding:180px 70px 0 400px; font-size: 30px; font-weight:bold; font-style:normal; color:#999999; } #header a:link, #header a:visited { color:#c0c0c0; text-decoration:none; } #header a:hover { color:#c0c0c0; text-decoration:none; } .descriptionwrapper p { margin:0; padding:0 50px 0 400px; font-style: normal; font-size:18px; font-weight:bold; color: #c0c0c0; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikPRB8Cq0gDTTpoOgpBoYMB7FLJhsME7lw5zdq5zA6Jxlym6RAXmeTEf3ZYcOXHLgk94VTY8b3Og8nVdq_JKNrfxlGM6-ShuXpiw73O81q7qGX-jOJ_qXyQFlUgVshf1v0oybFiC-kzYg/s1600/musicanimebd.jpg"); background-repeat: repeat-y; width: 980px; margin:0 auto; padding:0; text-align:left; } #main-wrapper { width: 475px; float: left; margin:0px 0 0 10px; padding-left:8px; word-wrap: break-word; overflow: hidden; } #sidewrapper-left { width:200px; float:left; margin:0px 0 0 0; padding:0px 15px 20px 20px; word-wrap: break-word; overflow: hidden; } #sidewrapper-right { width:200px; margin:0px; padding:0px 18px 20px 0px; float:right; word-wrap: break-word; overflow: hidden; } .clear { height:0px; margin:0; padding:0; clear:both; } /* Headings ----------------------------------------------- */ #sidewrapper-left h2, #sidewrapper-right h2 { background:none; margin:.6em 0 0; padding:0 0 10px 5px; font-size:110%; font-weight:bold; line-height: 1.4em; letter-spacing:.1em; color:#e52e04; } /* Posts -----------------------------------------------*/ h2.date-header { margin:.5em 0 0; padding:0; font-size:85%; text-align:center; color:#e52e04; } .post { margin:.5em 0 1em; padding-bottom:1em; } .post h3 { margin:.5em 0; padding:0 0 0; font-size:115%; font-weight:bold; text-align:center; line-height:1.3em; color:#ffffff; } .post h3 a, .post h3 a:visited, .post h3 strong { font-size:115%; text-decoration:none; color:#999999; font-weight:bold; } .post h3 strong, .post h3 a:hover { color:#c0c0c0; text-decoration:none; } .post { margin:0 0 .75em; line-height:1.2em; } .post-body, .post-body p { margin:0; padding:0; line-height:1.3em; } .post-footer { margin: .75em 0 0px; color:#ff0000; letter-spacing:.1em; font-size:70%; line-height: 1.4em; } .comment-link { margin-left:.6em; } .post-body img { margin:5px; padding:1px; border:1px solid #c0c0c0; } .post blockquote { margin:1em 12px; padding-left:15px; border-left:3px solid #c0c0c0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-size:14px; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:#c0c0c0; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ #sidewrapper-left, #sidewrapper-right { line-height: 1.2em; } #sidewrapper-left p, #sidewrapper-right p { margin:0; padding:5px 0 0 8px; } #sidewrapper-left ul, #sidewrapper-right ul { list-style:none; margin:0 0 0; padding:0 0 8px; } #sidewrapper-left li, #sidewrapper-right li { margin:0; padding:0 0 .25em 8px; line-height:1.2em; } #sidewrapper-left .widget, #sidewrapper-right .widget, .main .widget { margin:0; padding:0; } .sidebar section { margin:0; padding:0; } .main .Blog { border-bottom-width: 0; } #ArchiveList { padding-left:10px; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 0 5px 5px 0; padding: 1px; border: 1px solid #c0c0c0; } .profile-data { margin:0; letter-spacing:.1em; font-size:90%; font-weight: bold; line-height: 1.4em; } .profile-datablock { margin:.5em 0 .5em .5em; } .profile-textblock { margin: 0.5em; line-height: 1.6em; } .profile-link { font-size:90%; letter-spacing: .1em; margin: 0 0 1em .5em; } /* Footer ----------------------------------------------- */ #footer-wrapper { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaU987RSfnb5jpSVCMlwW4eYEIen5VnPPT6z-xnwaHc0Q_By7nuyyXFmB6w80uH4p0wua6zxiQaNgHqCJAnEVAurOg1Qm2lnPjhDbfk8s_YDYF0g2kmcMc1sMIW8AzpCd_AD6cr40hX6A/s1600/musicanimeft.jpg") no-repeat; width:980px; height:33px; clear:both; margin:0 auto; padding:0; } #lower-footer { width:980px; margin:0 auto; padding:0; clear:both; line-height: 1.2em; letter-spacing:.1em; text-align: center; color:#c0c0c0; } .credits { margin:0; padding-left:12px; font-size:75%; } /** Page structure tweaks for layout editor wireframe */ body#layout #header, body#layout #outer-wrapper, body#layout #footer { width:980px; margin-left: 0px; margin-right: 0px; } body#layout #main-wrapper { width:300px; } ]]></b:skin> </head> <body> <div id='outer-wrapper' style='margin-top:10px;'> <div id='wrap2'>  <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' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Anime Music (Header)' type='Header'> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "REPLACE"'>  <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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a> </div> <b:else/>  <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> <b:else/>  <div id='header-inner'> <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: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:widget> </b:section> </div>  <div id='sidewrapper-left'> <b:section class='sidebar-left' id='sidebar-left' preferred='yes'> <b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'> <b:includable id='main'> <h2> <data:title/></h2> <div class='widget-content'> <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'> <b:loop values='data:feedData.items' var='i'> <li> <span class='item-title'> <a expr:href='data:i.alternate.href'> <data:i.title/> </a> </span> <b:if cond='data:showItemDate'> <b:if cond='data:i.str_published != ""'> <span class='item-date'> - <data:i.str_published/> </span> </b:if> </b:if> <b:if cond='data:showItemAuthor'> <b:if cond='data:i.author != ""'> <span class='item-author'> - <data:i.author/> </span> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='Slideshow1' locked='false' title='Slideshow' type='Slideshow'> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <div class='slideshow-container' expr:id='data:widget.instanceId + "_slideshow"'> <span class='slideshow-status'>Loading...</span> </div> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Label1' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2> <data:title/></h2> </b:if> <div class='widget-content'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'> <data:label.name/> </span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <data:label.name/> </a> </b:if> <span dir='ltr'>(<data:label.count/>)</span> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='AdSense1' locked='false' title='' type='AdSense'> <b:includable id='main'> <div class='widget-content'> <data:adCode/> </div> </b:includable> </b:widget> </b:section> </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'>  <div class='blog-posts hfeed'> <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 == "item"'> <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", {"locale": "<data:top.languageCode/>"}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> </b:includable> <b:includable id='nextprev'> <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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> </span> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></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='post' var='post'> <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'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body entry-content'> <data:post.body/> <div style='clear: both;'/>  </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='reaction-buttons'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' cellspacing='0' width='100%'> <tr> <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <span class='reactions-label'> <data:top.reactionsLabel/></span> </td> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr> </table> </b:if> </span> <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 != "item"'> <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> </span>  <span class='post-backlinks post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.showBacklinks'> <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a> </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://www.blogger.com/img/icon18_email.gif' width='18'/> </a> </span> </b:if>  <b:include data='post' name='postQuickEdit'/> </span> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <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 != "true"'>,</b:if> </b:loop> </b:if> </span> </div> <div class='post-footer-line post-footer-line-3'/> </div> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='http://www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='http://www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> <data:post.commentRangeText/> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </span> </b:if> <dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + 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/> </dt> <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> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </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> <data:post.commentRangeText/> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p 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 + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <h4 id='comment-post-message'> <data:postCommentMsg/></h4> <p> <data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/> <data:post.iframeColorizer/> </div> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4> <data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'> </span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'>  <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='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='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:widget> </b:section> </div> <div id='sidewrapper-right'> <b:section class='sidebar-right' id='sidebar-right' preferred='yes'> <b:widget id='Feed2' locked='false' title='Recent Comments' type='Feed'> <b:includable id='main'> <h2> <data:title/></h2> <div class='widget-content'> <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'> <b:loop values='data:feedData.items' var='i'> <li> <span class='item-title'> <a expr:href='data:i.alternate.href'> <data:i.title/> </a> </span> <b:if cond='data:showItemDate'> <b:if cond='data:i.str_published != ""'> <span class='item-date'> - <data:i.str_published/> </span> </b:if> </b:if> <b:if cond='data:showItemAuthor'> <b:if cond='data:i.author != ""'> <span class='item-author'> - <data:i.author/> </span> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'> <b:includable id='main'> <b:if cond='data:title'> <h2> <data:title/></h2> </b:if> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:if cond='data:style == "HIERARCHY"'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == "FLAT"'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == "MENU"'> <b:include data='data' name='menu'/> </b:if> </div> </div> <b:include name='quickedit'/> </div> </b:includable> <b:includable id='flat' var='data'> <ul> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul> </b:includable> <b:includable id='menu' var='data'> <select expr:id='data:widget.instanceId + "_ArchiveMenu"'> <option value=''><data:title/></option> <b:loop values='data:data' var='i'> <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option> </b:loop> </select> </b:includable> <b:includable id='interval' var='intervalData'> <b:loop values='data:intervalData' var='i'> <ul> <li expr:class='"archivedate " + data:i.expclass'> <b:include data='i' name='toggle'/> <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a> <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span> <b:if cond='data:i.data'> <b:include data='i.data' name='interval'/> </b:if> <b:if cond='data:i.posts'> <b:include data='i.posts' name='posts'/> </b:if> </li> </ul> </b:loop> </b:includable> <b:includable id='toggle' var='interval'> <b:if cond='data:interval.toggleId'> <b:if cond='data:interval.expclass == "expanded"'> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> <span class='zippy toggle-open'>▼ </span> </a> <b:else/> <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'> <span class='zippy'> <b:if cond='data:blog.languageDirection == "rtl"'> ◄ <b:else/> ► </b:if> </span> </a> </b:if> </b:if> </b:includable> <b:includable id='posts' var='posts'> <ul class='posts'> <b:loop values='data:posts' var='i'> <li><a expr:href='data:i.url'><data:i.title/></a></li> </b:loop> </ul> </b:includable> </b:widget> <b:widget id='LinkList1' locked='false' title='My Link' type='LinkList'> <b:includable id='main'> <b:if cond='data:title'><h2> <data:title/></h2> </b:if> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <li><a expr:href='data:link.target'><data:link.name/></a></li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='AdSense2' locked='false' title='' type='AdSense'> <b:includable id='main'> <div class='widget-content'> <data:adCode/> </div> </b:includable> </b:widget> </b:section> <div class='credits'> <p> Template by: <br/> <a href='http://www.skincorner.com' title='Free Blog Templates'><img alt='Free Blog Templates' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUMmNwhJQcXAXoOwgSy1m3Ku_hioBYU4QbkbR5bTSfdtzAqKqN9Ojq8eJCFGsYVbCGfwQT4eNWbGtg0ItL48ay8LpawHloowo0_PxnWkQGdHyKtbvyQ0-UZY6ABf66Ey3WoqwrJVZXcho/s1600/icon9.jpg' style='border: 0;'/></a> </p> </div>  </div>   <div class='clear'> </div> <div class='clear'/>  </div> </div>  <div id='footer-wrapper'> </div>  <div id='lower-footer'> <b:section class='footer' id='footer'/> <div class='credits'>  <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> © 2008. Template by: <a href='http://skincorner.com' title='Free Blog Templates'>SkinCorner</a> </div>  </div>  <br/> </body> </html>

COPY DAN PASTEKAN DI EDIT TEMPLATE BLOG ANDA

TEMPLATE NINJA ASSASIN

live demo
SCRIPTNYA ADA DI BAWAH INI:
<?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 expr:dir='data:blog.languageDirection' 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'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[ /*----------------------------------------------- Name : Ninja Assassin Blogger Theme by : AskerAkbar URL : www.BloggerThemes.net Ninja Assassin blogger theme comes under a Creative Commons license. They are free of charge to use as a theme for your blog and you can make changes to the templates to suit your needs. but please you must keep the footer credit links intact which provides credit to its authors. -----------------------------------------------*/ #navbar-iframe { display:none; } * { padding:0; margin:0; outline:0; } body { background:#0e0707 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ZwLMh1c0uyp4A1E-WmzZ40NPqrxqxTRlTHzTC7dddzlABR6XHj-VL16niy9sZYgn1kUDoQno0YZUB5cplT5gD_2O1i2B4DPZgqWKr8EV4qxntdoqIoXkUlzBoZEepGZKrhXSMIXPiZoV/s1600/body.jpg) center center; font-family:Arial, sans-serif; font-size:12px; line-height:18px; color:#666; } body,html { min-height:100%; height:100%; } input,textarea,select { font-family:Arial, sans-serif; font-size:12px; color:#333; } textarea { overflow:hidden; } a img { border:0; } a { color:#ff0030; text-decoration:none; } a:hover { color:#b91c3a; text-decoration:none; } .left,.alignleft { float:left; display:inline; } .right,.alignright { float:right; display:inline; } h1 { font-size:45px; line-height:45px; } h1 a { color:#fff; text-decoration:none; } h1 a:hover { color:#ff0030; } h2 { font-size:26px; line-height:30px; color:#ff0030; font-weight:normal; } h1,h2,#navigation { font-family:"Trebuchet MS", Arial, sans-serif; } #bg-y { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1SfGQJGid4ZLoYVW7h4ro2A_MEtmsHxSWoJCQLocjVyK88nZoiYJb8n8q4GiFWxi8EoXqSr-wM4H1IxYclc5x49zZPo2pkCXnWP8m_IloAqdEpd-psgUQ4M65-XCT-fhg7SV3qRXfRx8a/s1600/shell.jpg) repeat-y center 0; min-height:100%; position:relative; } #bg-top { https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsbJ2FkB7oLngSGgMTa5gp6fYrIC0JT3BQDy_FHvKYTN3v4ehKlV84WG7zj7Z0-RO-gKiZBQsRWxTBLfY6cpNIFUsViLUivO-ebgorGFG41LCvoiWG5wy_UTunD3sD_dKy8-3jaXQEM8f7/s1600/bg-top.jpg) repeat-x 0 0; width:100%; } #top { background:url(http://lh6.ggpht.com/_Kwwy9VyLMKw/S40ht_JNolI/AAAAAAAAC3o/M2OF6qusn2k/top.jpg) no-repeat center 0; width:100%; } #navigation { width:134px; height:316px; position:absolute; top:0; left:0; font-size:13px; text-transform:uppercase; left:740px; } #navigation ul { width:134px; height:196px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoh2SyMSUT-tWzPeDtITIPotzqvOok1JbaJR91N_d5lRiPuZ186p3pdcioKYcFWxrgI-6TepzhxdzyupQzoB2J3-Nnw67hpuiMQkAX56Pa7dL7jKQjme5_pFT5OEoIFCIyWIpp5_RkDr9D/s1600/navigation.png); text-align:center; font-weight:bold; padding-top:120px; } #navigation ul li { list-style-type:none; padding-bottom:13px; position:relative; } #navigation ul li a { color:#000; text-decoration:none; } #navigation ul li a.active,#navigation ul li a:hover { color:#ff0030; } #header-wrapper { height:480px; position:relative; } #header-inner { background-position:center; margin-left:auto; margin-right:auto; } #header { padding:140px 0 0 10px; } #header h1 { color:#B6B7D5; font-style:italic; font-family:"Trebuchet MS",Arial,sans-serif; font-size:45px; line-height:1em; } #header a { color:#B6B7D5; text-decoration:none; } #header a:hover { } #header .description { color:#B6B7D5; padding:0 0 15px; } #header img { margin-left:auto; margin-right:auto; } #outer-wrapper { width:740px; margin:0 auto; } #main-wrapper { width:500px; float:left; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width:220px; float:right; margin-top:25px; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden; /* fix for long non-text content breaking IE sidebar float */ } .sidebar h2 { font-size:18px; } h2.date-header { margin-left:60px; font:normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999999; font-style:italic; } .post { margin:.5em 0 1.5em; padding-bottom:1.5em; } .post h3 { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI8N_hmawifwhgvxLoCNcaZUBbJ24kDngtenutIGTiKYHeXeBn9jYKV19yYFrHCN54ABjUSoH9_bKGKWq1jjJggp96tURjXUPYdeqrI37XT3B1R-jWbM-uIGjfVVNCRTy5-uXIvj9QBl6b/s1600/portfolio-button.png)no-repeat left; padding-left:60px; color:#FF0030; font-family:"Trebuchet MS",Arial,sans-serif; font-size:26px; line-height:1.8em; } .post h3 a,.post h3 a:visited,.post h3 strong { display:block; text-decoration:none; color:#FF0030; font-weight:normal; } .post h3 strong,.post h3 a:hover { text-decoration:underline; color:#CC0000; } .post-body { margin-top:15px; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { font-style:italic; font-size:13px; margin:20px 0 10px; } .comment-link { margin-left:.6em; } .post img,table.tr-caption-container { padding:4px; } .tr-caption-container img { border:none; padding:0; } .post blockquote { margin:1em 20px; color:#CC0000; font-style:italic; font-size:14px; } .post blockquote p { margin:.75em 0; } #comments h4 { margin:1em 0; font-weight:bold; line-height:1.4em; text-transform:uppercase; letter-spacing:.2em; color:#999999; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height:1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float:left; } #blog-pager-older-link { float:right; } #blog-pager { text-align:center; } .feed-links { clear:both; line-height:2.5em; } .sidebar { color:#666666; line-height:1.5em; } .sidebar ul { list-style:none; margin:0; padding:0; } .sidebar li { margin:0; padding-top:0; padding-right:0; padding-bottom:.25em; padding-left:15px; text-indent:-15px; line-height:1.5em; } .sidebar .widget { margin-bottom:15px; padding:0 0 1.5em; } .sidebar .widget-content { margin-top:5px; padding:0 0 1.5em; } .main .Blog { border-bottom-width:0; } .sidebar a:hover { text-decoration:underline; } .profile-img { float:left; margin-top:0; margin-right:5px; margin-bottom:5px; margin-left:0; padding:4px; border:1px solid #cccccc; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; color:#999999; font-weight:bold; line-height:1.6em; } .profile-datablock { margin:.5em 0; } .profile-textblock { margin:.5em 0; line-height:1.6em; } .profile-link { font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; text-transform:uppercase; letter-spacing:.1em; } #footer { text-align:center; font-size:13px; padding:10px 155px 30px 135px; color:#555; } #footer a { color:#FF0000; } ]]></b:skin> </head> <body>  <div id='bg-y'> <div id='bg-top'> <div id='top'> <div id='outer-wrapper'> <div id='wrap2'>  <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' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Ninja Assassin (Header)' type='Header'> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "REPLACE"'>  <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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a> </div> <b:else/>  <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> <b:else/>  <div id='header-inner'> <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: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:widget> </b:section> <div id='navigation'> <ul> <li><a class='home' expr:href='data:blog.homepageUrl'> Home</a></li> <li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li> <li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li> <li><a href='http://www.blogger.com/' title='Blogger'>Blogger</a></li> </ul> </div> </div> <div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol'/> </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='nextprev'> <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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> </span> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></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='backlinks' var='post'> <a name='links'/><h4> <data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'> </span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='post' var='post'> <div class='post hentry'> <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'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body entry-content'> <data:post.body/> <div style='clear: both;'/>  </div> <b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"' 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'> <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-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <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 != "true"'>,</b:if> </b:loop> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><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> </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://www.blogger.com/img/icon18_email.gif' width='18'/> </a> </span> </b:if>  <b:include data='post' name='postQuickEdit'/> </span> </div> <div class='post-footer-line post-footer-line-2'/> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> <b:if cond='data:top.showLocation'> <b:if cond='data:post.location'> <data:postLocationLabel/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </b:if> </b:if> </span> </div> </div> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='http://www.blogger.com/img/icon_delete13.gif'/> </a> </span> </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='feedLinks'> <b:if cond='data:blog.pageType != "item"'>  <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'/> <h4 id='comment-post-message'> <data:postCommentMsg/></h4> <p> <data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='http://www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> <data:post.commentRangeText/> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </span> </b:if> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <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/> </dt> <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> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </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> <data:post.commentRangeText/> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <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 + "_backlinks-container"'> <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 hfeed'> <b:include data='top' name='status-message'/> <data:defaultAdStart/> <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 == "static_page"'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comments'/> </b:if> <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:if cond='data:post.trackLatency'> <data:post.latencyJs/> </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", {"locale": "<data:top.languageCode/>"}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> </b:includable> </b:widget> </b:section> </div> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Label1' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2> <data:title/></h2> </b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'> <b:includable id='main'> <b:if cond='data:title'> <h2> <data:title/></h2> </b:if> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:if cond='data:style == "HIERARCHY"'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == "FLAT"'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == "MENU"'> <b:include data='data' name='menu'/> </b:if> </div> </div> <b:include name='quickedit'/> </div> </b:includable> <b:includable id='flat' var='data'> <ul class='flat'> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul> </b:includable> <b:includable id='menu' var='data'> <select expr:id='data:widget.instanceId + "_ArchiveMenu"'> <option value=''><data:title/></option> <b:loop values='data:data' var='i'> <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option> </b:loop> </select> </b:includable> <b:includable id='interval' var='intervalData'> <b:loop values='data:intervalData' var='i'> <ul class='hierarchy'> <li expr:class='"archivedate " + data:i.expclass'> <b:include data='i' name='toggle'/> <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a> <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span> <b:if cond='data:i.data'> <b:include data='i.data' name='interval'/> </b:if> <b:if cond='data:i.posts'> <b:include data='i.posts' name='posts'/> </b:if> </li> </ul> </b:loop> </b:includable> <b:includable id='toggle' var='interval'> <b:if cond='data:interval.toggleId'> <b:if cond='data:interval.expclass == "expanded"'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'>▼ </span> </a> <b:else/> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> <b:if cond='data:blog.languageDirection == "rtl"'> ◄ <b:else/> ► </b:if> </span> </a> </b:if> </b:if> </b:includable> <b:includable id='posts' var='posts'> <ul class='posts'> <b:loop values='data:posts' var='i'> <li><a expr:href='data:i.url'><data:i.title/></a></li> </b:loop> </ul> </b:includable> </b:widget> </b:section> </div>  <div class='clear'> </div> </div>   <div id='footer'> <p> Copyright © <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> Theme by <a href='http://chocotemplates.com' target='_blank' title='CSS Templates'>ChocoTemplates.com</a> & <a href='http://wwww.bloggerthemes.net' title='blogger templates'>Blogger Themes</a> Sponsored by <a href='http://www.busybuzzblogging.com/' title='blogging on the latest buzz'> Busy Buzz Blogging</a> </p> </div>  </div> </div>  </div> </div> </div>  </body> </html>
COPY DAN PASTEKAN DI EDIT TEMPLATE BLOG ANDA

TEMPLATE NARUTO FIGHT

live demo
SCRIPTNYA ADA DI BAWAH INI:

<?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'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*

/* --------------------------------------------
Name    : Naruto Fight Template (re-new)
Designer: Diana
Website : http://skincorner.com
Date    : February 9, 2010
---------------------------------------------*/

variables
   ====================
<variable name="textocolor" description="Text Color"
             type="color" default="#ffffff" value="#ffffff">
<variable name="linkcolor" description="Link Color"
             type="color" default="#ffcc33" value="#ffcc33">
<variable name="linkactivecolor" description="Link aktif Color"
             type="color" default="#ffffff" value="#ffffff">
<variable name="linkhovercolor" description="Link Hover Color"
             type="color" default="#ffff66" value="#ffff66">
<variable name="linkvisitedcolor" description="Link visit Color"
             type="color" default="#ffcc33" value="#ffcc33">
  
*/

/*-- hide navbar --*/
#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
}

#outer-wrapper {
 
   width: 980px; 
   margin: 0 auto; 
   padding: 0px; 
   position: relative;
}
#footheader {
margin: 0 auto;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Q8xeqn4ednbF9CI3vhPGor8Cp350haOqfWPQoRLRzSV7xpDKaLFLlf0F1u_C47JYdVE9CDIl1-cb-GFyHzorShD9GsxvliSeQxLwg7jCDkEBL1YJYnlnl3nvqBSFpe1ii_XQpQL7_5VY/s0/narutofn-menu.jpg) no-repeat;
color: #38160c;
padding: 0px 0px 0px 55px;
height: 108px; 
width:980px;
}

/*-- Body --*/

body { 
   background:#000000; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   padding: 0px; 
   margin: 0px; 
   color:$textocolor;
}

html { 
   padding: 0; 
   margin: 0;
}

a:link { 
   text-decoration: none; 
   color : $linkcolor; 
   border: 0px; -moz-outline-style: none;
}
 a:active { 
   text-decoration: underline; 
   color : $linkactivecolor; 
   border: 0px; -moz-outline-style: none;
}
 a:visited { 
   text-decoration: none; 
   color : $linkvisitedcolor; 
   border: 0px; -moz-outline-style: none;
}
 a:hover { 
   text-decoration: underline; 
   color : $linkhovercolor; 
   border: 0px; -moz-outline-style: none;
} 
 a:focus { 
   outline: none;-moz-outline-style: none;
}

h1, h2, h3, h4 { font-family: "Trebuchet MS";
}

img {

padding: 0px; 
   margin: 0px; 
   border: none; 
   text-align: center;
}
hr { 
   border: none; 
}

/*-- Header --*/

#header-wrapper {
  background:   url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg1JhcfY9yj8Q7fc98uemgZmTE69QIhQo1mKeR0i0ROCBx66eZLRRyXcSAPhOck9N7tTrReiXVT33tWX95cErPzNAHmwUazUfXR3uL9KSN_AWS7WZlB1dTA6LdrtCr_QppICcaGm3Ji9TO/s0/narutofn-head.jpg") no-repeat center;
  width:980px;
  height:288px; 
  margin:0;
  text-align:left;
}
#header h1 {
  padding:120px 100px 0px 25px;
  font-size: 27px;
  font-weight:normal;
  font-style:normal;
  color:#ffffff;
  }

.descriptionwrapper p {
  margin:0;
 padding:0px 80px 0px 25px;
  font-size:17px;
  font-weight:normal;
  color:#ffcc33;
 }

/*-- Menu --*/
.searchbox {position:absolute; left:10px; top:305px; width:179px; font-size:11px; color:#A45F24;}
 #searchform .label {display:block; padding:0px 0px 2px 5px;}
  .search {width:150px; height:22px; background: url(1) left top no-repeat; float:left;}
 #searchform input {border:none; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia5sQwQDVQ0Abb3XTjQLA09Q-gtHDe51pzk6i2AHPauUlnUsNpQieWDw-H7UU3K5w6Bt709hw1Bb9A7nxUZWxkcKBULOih08l-zUahy3mjk6RbR8vlChJnk8iGxOOmsKZDSLMsB_VFsoCI/s0/narutofn-go.jpg) left top no-repeat; font-size:12px; font-weight: normal; color:#ffffff; width:25px; height:16px; float:right;}
 #searchform .search #s {border:none; background:transparent; color:#ffffff; width:125px; height:auto !important; margin:3px 0 0 15px; float:left;}

/*-- Content --*/

#content-wrapper {
   background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi13-PP-fs6mB22ReI5SdynzEiCLZqfq1Xv6-SrAJd7jFSkOBiArFJnlm0ttzgy2YSDTHYKgkZzPUIiJ9yZioERZLK8vlYrQzNpHU6GNqLFSazg5pS1ZnX-omS6X1bM2ulBJIQslTG8fkUV/s0/narutofn-ct.jpg
) repeat-y left top;
   width: 100%; 
  padding: 0px;
float: left;
}

/*-- Main-Wrapper --*/

#main-wrapper {
width: 500px; 
  position: relative;
  float: left;
  margin:-20px 0 0 0px;
  padding-left:20px;
  color:#textocolor;
 }

h2.date-header {
margin:.5em 0 0;
padding:0;
font-size:16px;
font-weight:normal;
color:#ffff99;
}
.posthead { 
   position: relative; 
   clear: left; 
   padding-bottom: 0px;
   }
.post {
margin:.5em 0 1em;
padding-bottom:1em;
}

.post h3 {
margin:.5em 0;
padding:0 0 0;
font-size:20px;
font-weight:bold;
line-height:1.3em;
color:#ff9933;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
font-size:20px;
text-decoration:none;
color:#ff9933;
font-weight:bold;
}
.post h3 strong, .post h3 a:hover {
color:#ff6600;
text-decoration:none;
}
.post {
margin:0 0 .75em;
line-height:1.2em;
}

.post-body {
   padding: 0px 0px 5px 0px; 
   font-size: 12px; 
   line-height: 17px;  
}

.post-body p{
   font-size: 12px;
   line-height: 17px;
}

.post-body ul {
   padding: 10px 0px; 
   margin: 0px; 
}

.post-body ul li {
   padding: 2px 10px 2px 15px; 
   list-style-type: none; 
   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgla14fi-Al-6OgHdnLHWkXxmknM77BPoRevEEelYG30NC0GMcXZEAQ2j6vgcqaWJgihBW-PVgsD_ihr77CLtyEJdGFxu0E7KgcZG5-CabCuN4NeSRwTJXRqPhMXOyWMIDU0exPilJZDaGS/s0/icon-yellow-bullet.png) no-repeat left; 
   font-size: 11px; 
   line-height: 15px; 
}

.post-body blockquote {
   padding: 2px 10px; 
   background: #transparent; 
   color:#bdad97;
   font-size:10px;
   margin: 0px 0px 0px 10px; 
   text-align:justified;
   border: 1px #ff9933 dashed;

}

.post-body blockquote p {
   font-size: 11px; 
   padding: 5px 0px; 
   margin: 5px 0px; 
   line-height: 15px;
}
.post-body blockquote li {
   padding: 2px 0px 2px 15px; 
   list-style-type: none; 
   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvJzDehawag-PE6CELvgobsl0ZVYzNA6KVCiIcWBIsO82Yv5rdCdtgGCWYTCnPuGWO4OpLXkURWLIOroiwx_RTHXv8CVYIz25bBXBVs2ktz6DttYeBf2qUN0IPPgptwBSHl1iqfU6-AETA/s0/bullet-orange.gif) no-repeat left top; 
   font-size: 11px; 
   line-height: 15px; 
}

.post-footer {
   padding: 10px;
   font-size: 9px; 
   font-weight: bold;
   border-bottom:1px dotted #1a0902;
}
 .post-labels {
   padding: 5px 0px 5px 18px;
   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCVI8-bTqQRRseljkqbsr2HaGWhYZSq67Pda8dZfqGwvqDlEuRVO30XehXJxdhL_8JxHoVMJT7P4BnEmrZyci2Q4f8aWKQRQijZNtozEQDhJZvMvy590uxtn3iTmNPbnWEGIRAbSLmnH9/s0/bullet-orange.gif) no-repeat left center;
}
.comment-link {
   padding: 5px 0px 5px 18px;
   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxT1KwxszA53G11IcPYSLNEOGt3MutieRri5Oc2kecLWY4pWt2TrgDEVVTQJANy220HJdTVj4sP9wmpA7IwdaUHehmrzrdjWyWOYCn6ji6Tl2lBa9uPM-OFrXVPlWkycDx9VCVNyhjZIzt/s0/comments-small.gif) no-repeat left center; 
}

#main-wrapper {overflow:hidden;}
#blog-pager-newer-link {
    float: left; 
    padding: 5px;}
#blog-pager-older-link {
    float: right; 
    padding: 5px;}
#blog-pager {
    text-align: center;}

/*-- Sidebar --*/

#sidebarleft {
   width: 188px;
   float: left; 
   margin:-30px 0 0 0;
   position:relative;
   padding: 0px 15px 0px 15px;
   color :#b7966c;
  }

#sidebarleft h2 { 
   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NDdwp5F9cQW7Mw7ut4nTj7PHEm99cZncUJR10kHCWPdYPCrh2-8VPhqCaPYYGWw8zkNtso5zoH-8tt-BJL5vqSd5IfOlf4l711FLL-mWHZp6lmVru71zr4DNx8aqqVDY4zHYtSezKlZ2/s0/narutofnew-h2.jpg) top left no-repeat; 
height: 29px;
   padding-left:35px;
   padding-top: 5px;
   font-size: 14px; 
   font-weight:bold;
   color:#cc0000;
}
#sidebarleft ul {
   padding-left:5px;
   margin-left:0px;
  }
#sidebarleft li {
   margin: 0px; 
   padding: 2px 0px 3px 0px; 
   list-style-type: none; 
   font-size: 11px;
   font-weight:normal;
}

/* ----- Sidebar-right ---*/

#sidebarright {
   width: 188px;
   float: left; 
   margin:-30px 0 0 0;
   position:relative;
   padding: 0px 15px 0px 35px;
   color :#b7966c;
   }  
#sidebarright h2 { 
   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NDdwp5F9cQW7Mw7ut4nTj7PHEm99cZncUJR10kHCWPdYPCrh2-8VPhqCaPYYGWw8zkNtso5zoH-8tt-BJL5vqSd5IfOlf4l711FLL-mWHZp6lmVru71zr4DNx8aqqVDY4zHYtSezKlZ2/s0/narutofnew-h2.jpg) top left no-repeat; 
height: 29px;
   padding-left:35px;
   padding-top: 5px;
   font-size: 14px; 
   font-weight:bold;
   color:#cc0000;
}
#sidebarright ul {
   padding-left:5px;
   margin-left:0px;
  
}
#sidebarright li {
   margin: 0px; 
   padding: 2px 0px 3px 0px; 
   list-style-type: none; 
   font-size: 11px;
   font-weight:normal;
}

/*-- widget content --*/
.widget-content {
}

.profile-datablock {
  margin-top: 3px;
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 0;
  line-height: 140%;
}
.profile-textblock { 
  margin-left: 0;
}

.profile-img { 
  float: left;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 0;
}

/*-- Footer --*/

#footer-wrapper {
  background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3G4-cuB2Ga6VsiZ5cyr6m8hQnB66HuwhHnWbMr4BIEnb-iwU2FSYEndXud6q8o1rAX-FlWrxr2vgyBcDEBcNf26QY_ujZOlcbv_PkL-5PXktfHR0a13SkPgsWPDBWpZFUEOgPmx3aJ67k/s0/narutofnew-foot.jpg") no-repeat;
  width:980px;
  height:108px;
  clear:both;
  margin:0 auto;
  padding:0;
  text-align: center;
  font-size: 10px;
  padding:108px 0 0 0;
  }
#lower-footer {
  width:980px;
  margin:0 auto;
  padding:0;
  clear:both;
    }
#diana {
padding-top: 10px;
color: #ffffff;
}

#footer-wrapper a {
   color:#ffff00; 
   text-decoration: none;
}

#footer-wrapper .links {
   font-size: 10px; 
   padding: 0px; 
   margin: 0px; 
}

/*-- Comments --*/

#comments h4 {
   font-size: 14px; 
   font-weight: bold; 
   margin: 0px 0px 5px 0px; 
   padding: 5px 0px; 
}

#comments dl {
}

.comment-author {
   margin: 0px; 
   padding: 0px; 
   font-size: 11px; 
   line-height: 11px; 
   letter-spacing: -1px; 
   font-weight: bold; 
   display: block;
}

.comment-body {
   margin-top: 5px; 
   padding: 0px; 
   font-size: 11px;
   text-color:#bdad97; 
   line-height: 15px; 
   background: #000000; 
   border: 1px solid #ff9933;
   display: block;
}

dd.comment-footer { 
   padding: 10px; 
   margin: 0px; 
   font-size: 10px; 
}

/** Page structure tweaks for layout editor wireframe */

body#layout #outer-wrapper { 
  padding-top: 0;
 }
body#layout #header,
body#layout #content-wrapper,
body#layout #footer { 
  padding: 0;
 }
#navigation {float:left;width:980px;background:transparent;font-size:105%;font-weight:bold;}
#navigation ul {margin:0;padding:10px 0px 0px 100px;list-style:none;}#navigation li {display:inline;margin:0;padding:0;}
#navigation a {float:left;background:url("1") no-repeat left top;margin:0;padding:10px 0px 0px 100px;text-decoration:none;}#navigation a span {float:right;display:block;background:url("1") no-repeat right top;padding:0px 0px 0px 0px;color:#ff9933;}
#navigation a span {float:none;}#navigation a:hover span {color:#ffffff;}#navigation a:hover {background-position:0% -27px;}
#navigation a:hover span {background-position:100% -27px;}

]]></b:skin>

</head>

<body>
  <div id='outer-wrapper'>
<div id='wrap2'>
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>main </a> |
      <a href='#sidebar'>sidebar</a>
    </span>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "REPLACE"'>
      
      <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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </A>
      </DIV>
    <b:else/>
      
      <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-position: "                      + data:backgroundPositionStyleStr + "; "                      + data:widthStyleStr                      + "min-height: " + data:height + "px;"                      + "_height: " + data:height + "px;"                      + "background-repeat: no-repeat; "' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </H1>
        </DIV>
        <b:include name='description'/>
      </DIV>
    </b:if>
  <b:else/>
    
    <div id='header-inner'>
      <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>

</DIV>
    </DIV>

<div id='footheader'>
<div id='navigation'>
            
            <b:section id='pages' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
              <b:if cond='data:title'></b:if>
              <div>
                <ul>
                  <b:loop values='data:links' var='link'>
                    <b:if cond='data:link.isCurrentPage'>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li class='navlinks'><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
                  </b:loop>
                </ul>
<b:include name='quickedit'/>
              </div>
</b:includable>
</b:widget>
</b:section>
            
            </div>
</div>
 
    <div id='content-wrapper'>

<b:section class='sidebar' id='sidebar-left' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2>
<data:title/></h2>
</b:if>
    <div class='widget-content'>
    <b:if cond='data:team == "true"'> 
      <ul>
        <b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
      </ul>
<b:else/>

<b:if cond='data:photo.url != ""'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
    </b:if>

<b:include name='quickedit'/>
    </div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2>
<data:title/></h2>
</b:if>
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul>
      <b:loop values='data:labels' var='label'>
<li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
</b:loop>
      </ul>
<b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='"label-size-" + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>

</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='nextprev'>
  <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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></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='shareButtons' var='post'>
  <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
  <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
  <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
  <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
  <a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  <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'>
     <ol>
      <b:loop values='data:post.backlinks' var='backlink'>
       <div class='collapsed-backlink backlink-control'>
        <span class='commentauthor'>
         <span class='backlink-toggle-zippy'> </span>
         <a expr:href='data:backlink.url'><data:backlink.title/></a>
         <b:include data='backlink' name='backlinkDeleteIcon'/>
        </span>
        <dd class='comment-body collapseable'>
         <data:backlink.snippet/>
        </dd>
        <small class='commentmetadata'>
         <span class='pingtype'><data:post.authorLabel/> <data:backlink.author/></span>
         <data:post.timestampLabel/> <data:backlink.timestamp/>
        </small>
       </div>
</b:loop>
     </ol>
</b:if>

<b:if cond='data:post.allowComments'>
        
       </b:if>
      </b:if>

</SMALL>

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>  
      </div>
</b:if>
    <div class='post-footer'>

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

<span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != "item"'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></A>
           </b:if>
         </b:if>
       </SPAN>

<b:include data='post' name='postQuickEdit'/>
      </SPAN>

<b:if cond='data:post.sharePostUrl'>
  <div class='post-share-buttons'>
   <b:include data='post' name='shareButtons'/>
  </div>
</b:if>

</P>

<span class='reaction-buttons'>
  <b:if cond='data:top.showReactions'>
   <table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
    <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
     <span class='reactions-label'>
     <data:top.reactionsLabel/></span> </td>
    <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
   </tr>
</table>
</b:if>
 </span>
</P>

<p 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'/>
    <h4 id='comment-post-message'>
<data:postCommentMsg/></h4>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <span class='delete-comment-icon'> </span>
    </a>
  </span>
</b:includable>
<b:includable id='primarycontent'>
 <div id='primarycontent'>
<div>

<div class='blog-posts'>
    <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 == "item"'>
      <b:if cond='data:post.allowComments'>
       <b:include data='post' name='comments'/>
      </b:if>
     </b:if>
    </b:loop>
   </div>
<div class='comments'>
   
    <a name='comments'/>
    <h4>
     <b:if cond='data:post.numComments == 1'>
      1 Comment:
     <b:else/>
      <data:post.numComments/> Comments:
     </b:if>
    </h4>
<ol id='commentlist'>
<li class='item'>
      <b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
        <a expr:name='"comment-" + data:comment.id'/>
        <b:if cond='data:comment.authorUrl'>
         <span class='commentauthor'><a expr:href='data:comment.authorUrl'><data:comment.author/></A></SPAN>
        <b:else/>
         <span class='commentauthor'><data:comment.author/></SPAN>
        </b:if>
        said...
       </DT>
       <small class='commentmetadata'>
        <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
         <data:comment.timestamp/>
        </A>
        <b:include data='comment' name='commentDeleteIcon'/>
       </SMALL>

<b:if cond='data:comment.isDeleted'>
        <div class='post-body entry-content'>
<data:comment.body/></DIV>
       <b:else/>
        
       </b:if>

</b:loop>
     </LI>
    </ol>
<div class='backlinks-container'>
       <b:if cond='data:post.showBacklinks'>
        <b:include data='post' name='backlinks'/>
       </b:if>
  </div>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
</b:if>

<b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </div>
</b:if>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
    <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 == "static_page"'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
      <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:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </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", {"locale": "<data:top.languageCode/>"});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </SCRIPT>
  </b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </A>
  </SPAN>
</b:includable>
<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'> 
     <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='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
</div>
</b:if>

<div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != "item"'>
        <b:if cond='data:blog.pageType != "static_page"'>
          <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>
      </b:if>
    </div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  Subscribe to:
    <b:loop values='data:links' var='f'>
      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</A>
    </b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>

<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>
</b:includable>
</b:widget>
</b:section>
      </div>

<div id='sidebarright'>
                <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>▼ </span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == "rtl"'>
          ◄ 
        <b:else/>
          ► 
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
<li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
<li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
</b:loop>
  </ul>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
  </ul>
</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
</div>
<b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
<div class='diana'>
<p>
Template by:
<br>
<br>
<a href='http://www.skincorner.com' title='Free Blog Templates'><img alt='Free Blog Templates' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdvLx19b3vL61wdjt3jK9wZMTjzUpsxWakDeCB-xnKgRzsd9oDdFrF-m-j_LF_Ersq46U19Jy0M3Hvtzxw5iuSQ7pWWKUemFNi70NznOG9HUsQfg2DMD1N3Ssay6MB8GgxNnyDCyXmSJau/s0/icon4.jpg' style='border: 0;'/></A>
</br></br></P></DIV>
      </div>
<div class='clear'/>
    </div>
<div id='footer-wrapper'>
<div id='lower-footer'>
<b:section class='footer' id='footer'>
<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'>
<data:title/></h2>
</b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='diana'>

Template Design by <a href='http://www.skincorner.com'> SkinCorner</a> | Sponsored by <a href='http://www.stylistbackgrounds.com'> StylistBackgrounds</a>
    </div>
</div>
</div>
</div>
</body>
</html>

COPY DAN PASTEKAN DI EDIT TEMPLATE BLOG ANDA

zeus's mobile blog

Wikipedia

Categories

Populer Post

TEMPLATE ANIME MUSIC

1/20/2016

TEMPLATE NINJA ASSASIN

TEMPLATE NARUTO FIGHT

Archive

Total Tayangan Laman

Translate This Blog