Pecinta Son of Moto Templates | Design Template Son of Moto

Thursday, December 04, 2008

download template00002

Download template00002 dengan mengeklik icon atau klik di sini

Untuk pengguna expert, bisa mengkopi script tersebut di sini

Selamat mencoba dan semoga berhasil.
template00002 free for you

script template00002

script untuk template series son of moto "template0002"
Silakan Anda kopy dengan menekan tombol Ctrl + A pada Area atau menekan klik kanan mouse kemudian pilih selct All.

<?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 dir="'data:blog.languageDirection'" 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'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[/* ----------------------------------------------- Blogger Template Style Name: Son of Moto (Mean Green Blogging Machine variation) Designer: Jeffrey Zeldman URL: www.zeldman.com Date: 23 Feb 2004 Edited by: hadiwiryanan (hadiwiryanan.blogspot.com) Updated by: Blogger Team ----------------------------------------------- */ /* Variable definitions ==================== <variable name="mainBgColor" description="Main Background Color" type="color" default="#ffffff" value="#ffffff"> <variable name="mainTextColor" description="Text Color" type="color" default="#555544" value="#555544"> <variable name="pageHeaderColor" description="Blog Title Color" type="color" default="#ffffee" value="#ffffee"> <variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#ffffee" value="#ffffee"> <variable name="linkColor" description="Link Color" type="color" default="#669922" value="#669922"> <variable name="hoverLinkColor" description="Link Hover Color" type="color" default="#88bb22" value="#88bb22"> <variable name="dateHeaderColor" description="Date Header Color" type="color" default="#555544" value="#555544"> <variable name="sidebarHeaderColor" description="Sidebar Title Color" type="color" default="#555544" value="#555544"> <variable name="sidebarTextColor" description="Sidebar Text Color" type="color" default="#555544" value="#555544"> <variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif"> <variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"> <variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right"> */ /* Primary layout */ body { margin: 0; padding: 0; border: 0; text-align: center; color: $mainTextColor; background: #692 top center repeat-y; font-size: small; } img { border: 0; display: block; } .clear { clear: both; } 	/* Wrapper */ #outer-wrapper { margin: 0 auto; border: 0; width: 900px; text-align: $startSide; background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top $endSide repeat-y; font: $bodyFont; } 	/* Header */ #header-wrapper	{ background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom $startSide repeat-x; margin: 0 auto; padding-top: 0; padding-$endSide: 0; padding-bottom: 15px; padding-$startSide: 0; border: 0; } #header h1 { text-align: $startSide; font-size: 200%; color: $pageHeaderColor; margin: 0; padding-top: 15px; padding-$endSide: 20px; padding-bottom: 0; padding-$startSide: 20px; background-image: url(http://www.blogblog.com/moto_son/topper.gif); background-repeat: repeat-x; background-position: top $startSide; } h1 a, h1 a:link, h1 a:visited { color: $pageHeaderColor; } #header .description { font-size: 110%; text-align: $startSide; padding-top: 3px; padding-$endSide: 20px; padding-bottom: 10px; padding-$startSide: 23px; margin: 0; line-height:140%; color: $blogDescriptionColor; } 	 /* Inner layout */ #content-wrapper { padding: 0 16px; } 	 #main { width: 400px; float: $startSide; 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 { width: 225px; float: $endSide; color: $sidebarTextColor; 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 */ } 	 #sidebar2 { width: 225px; float: left; color: $sidebarTextColor; 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 */ } /* Bottom layout */ #footer	{ clear: $startSide; margin: 0; padding: 0 20px; border: 0; text-align: $startSide; border-top: 1px solid #f9f9f9; } 	 #footer .widget	{ text-align: $startSide; margin: 0; padding: 10px 0; background-color: transparent; } .kosong { 	clear: both; } /* Default links 	*/ a:link, a:visited { font-weight: bold; text-decoration: none; color: $linkColor; background: transparent; } a:hover { font-weight: bold; text-decoration: underline; color: $hoverLinkColor; background: transparent; } a:active { font-weight : bold; text-decoration : none; color: $hoverLinkColor; background: transparent; } /* Typography */ 	 .main p, .sidebar p, .post-body { line-height: 140%; margin-top: 5px; margin-bottom: 1em; } .post-body blockquote { line-height:1.3em; } h2, h3, h4, h5	{ margin: 0; padding: 0; } h2 { font-size: 130%; } h2.date-header { color: $dateHeaderColor; } .post h3 { margin-top: 5px; font-size: 120%; } .post-footer { font-style: italic; } .sidebar h2 { color: $sidebarHeaderColor; } .sidebar .widget { margin-top: 12px; margin-$endSide: 0; margin-bottom: 13px; margin-$startSide: 0; padding: 0; } .main .widget { margin-top: 12px; margin-$endSide: 0; margin-bottom: 0; margin-$startSide: 0; } li { line-height: 160%; } .sidebar ul { margin-$startSide: 0; margin-top: 0; padding-$startSide: 0; } .sidebar ul li { list-style: disc url(http://www.blogblog.com/moto_son/diamond.gif) inside; vertical-align: top; padding: 0; margin: 0; } .widget-content { margin-top: 0.5em; } /* Profile ----------------------------------------------- */ .profile-datablock { margin-top: 3px; margin-$endSide: 0; margin-bottom: 5px; margin-$startSide: 0; line-height: 140%; } .profile-textblock { margin-$startSide: 0; } .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; border:4px solid #8b2; } 	 #comments { border: 0; border-top: 1px dashed #eed; margin-top: 10px; margin-$endSide: 0; margin-bottom: 0; margin-$startSide: 0; padding: 0; } #comments h4	{ margin-top: 10px; font-weight: normal; font-style: italic; text-transform: uppercase; letter-spacing: 1px; } #comments dl dt 	{ font-weight: bold; font-style: italic; margin-top: 35px; padding-top: 1px; padding-$endSide: 0; padding-bottom: 0; padding-$startSide: 18px; background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top $startSide no-repeat; } #comments dl dd	{ padding: 0; margin: 0; } .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } /** 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; } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <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="'Template00002" 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:"> <img alt="'data:title'" height="'data:height'" id="'data:widget.instanceId" src="'data:sourceUrl'" width="'data:width'" 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> <div id="'content-wrapper'"> <div id="'crosscol-wrapper'" style="'text-align:center'"> <b:section class="'crosscol'" id="'crosscol'" showaddelement="'no'/"> </div> <div id="'sidebar2-wrapper'"> <b:section class="'sidebar'" id="'sidebar2'" preferred="'yes'"> <b:widget id="'HTML2'" locked="'false'" title="'Side" 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="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Posting" type="'Blog'"> <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", {"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'"> <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="'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="'post-header-line-1'/"> <div class="'post-body"> <data:post.body/> <div style="'clear:">  </div> <div class="'post-footer'"> <div class="'post-footer-line"> <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:top.showReactions'"> <table border="'0'" cellpadding="'0'" cellspacing="'0'" width="'100%'"><tr> <td class="'reactions-label-cell'" nowrap="'nowrap'" valign="'top'" width="'1%'"> <data:top.reactionslabel/> </td> <td><iframe allowtransparency="'true'" class="'reactions-iframe'" src="'data:post.reactionsUrl'" frameborder="'0'" name="'reactions'" scrolling="'no'/"></td> </tr></table> </b:if> <b:if cond="'data:top.showStars'"> <div color="'data:backgroundColor'" color="'data:textColor'" url="'data:post.absoluteUrl'" height="'42'" type="'RatingPanel'" width="'280'/"> </b:if> <b:if cond="'data:blog.pageType"> <b:if cond="'data:post.allowComments'"> <a class="'comment-link'" href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><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>  <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'"> <img alt="''" class="'icon-action'" height="'13'" src="'http://www.blogger.com/img/icon18_email.gif'" width="'18'/" /> </a> </b:if>  <b:include data="'post'" name="'postQuickEdit'/"> </div> <div class="'post-footer-line"> <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> <div class="'post-footer-line"> </div> </div> </b:includable> <b:includable id="'postQuickEdit'" var="'post'"> <b:if cond="'data:post.editUrl'"> <a href="'data:post.editUrl'" title="'data:top.editPostMsg'"> <img alt="''" class="'icon-action'" height="'18'" src="'http://www.blogger.com/img/icon18_edit_allbkg.gif'" width="'18'/" /> </a> </b:if> </b:includable> <b:includable id="'commentDeleteIcon'" var="'comment'"> <a href="'data:comment.deleteUrl'" title="'data:top.deleteCommentMsg'"> <img src="'http://www.blogger.com/img/icon_delete13.gif'/" /> </a> </b:includable> <b:includable id="'backlinkDeleteIcon'" var="'backlink'"> <a href="'data:backlink.deleteUrl'" title="'data:top.deleteBacklinkMsg'"> <img src="'http://www.blogger.com/img/icon_delete13.gif'/" /> </a> </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> <dd class="'comment-body'"> <b:if cond="'data:comment.isDeleted'"> <data:comment.body/> <b:else/> <data:comment.body/> </b:if> </dd> <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'"> <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="'comment-form'" var="'post'"> <div class="'comment-form'"> <a name="'comment-form'/"> <h4 id="'comment-post-message'"><data:postcommentmsg/></h4> <data:blogcommentmessage/> <data:blogteamblogmessage/> <a 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"> <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="'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="'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="'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:widget> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'HTML1'" locked="'false'" title="'Side" 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 class="'clear'"> </div> </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> <div class="'kosong'" style="'text-align:"> <a href="'http://sonofmoto-template.blogspot.com'" target="'_blank'">Blogspot Template</a> by <a href="'http://hadiwiryanan.blogspot.com'">hadiwiryanan</a> </div> </div> </div></div>  </body> </html>

Langkah berikutnya, tekan Ctrl + C untuk mengkopy. Pastekan pada setingan html blog Anda, bila Ada peringatan cukup ignore dan pilih Yes untuk mengaplikasikan.

Ingin mendownload template saja ?? Klik ini
Selamat mencoba dan semoga berhasil.
template00002 free for you

Son of Moto 3 column right and left side bar basic[template00002]

Versi 3 column dari Son of Moto, dengan design side bar ada di kanan dan kiri halaman utama, sangat cockok bagi blog dengan layanan rss feed dan sebagainya.

Son of Moto dengan serie template0002 siap dihaturkan kepada Anda semua pecinta Son of Moto.

Sebagaimana template00001, tampilan templae ini masih sederhana, karena ini sebagai template dasar 3 kolom (3 column)

Anda bisa menggunakan template ini dengan mengubah setingan html, copy paste script yang bisa didapatkan di sini atau download di sini

NB : Klik gambar untuk melihat blog dimaksud

download template00001

Download template00001 dengan mengeklik icon atau klik di sini

Untuk pengguna expert, bisa mengkopi script tersebut di sini

Selamat mencoba dan semoga berhasil.
template00001 free for you

script template00001

script untuk template series son of moto "template0001"
Silakan Anda kopy dengan menekan tombol Ctrl + A pada Area atau menekan klik kanan mouse kemudian pilih selct All.

<?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 dir="'data:blog.languageDirection'" 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'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[/* ----------------------------------------------- Blogger Template Style Name: Son of Moto (Mean Green Blogging Machine variation) Designer: Jeffrey Zeldman URL: www.zeldman.com Date: 23 Feb 2004 Edited by: hadiwiryanan (hadiwiryanan.blogspot.com) Updated by: Blogger Team ----------------------------------------------- */ /* Variable definitions ==================== <variable name="mainBgColor" description="Main Background Color" type="color" default="#ffffff" value="#ffffff"> <variable name="mainTextColor" description="Text Color" type="color" default="#555544" value="#555544"> <variable name="pageHeaderColor" description="Blog Title Color" type="color" default="#ffffee" value="#ffffee"> <variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#ffffee" value="#ffffee"> <variable name="linkColor" description="Link Color" type="color" default="#669922" value="#669922"> <variable name="hoverLinkColor" description="Link Hover Color" type="color" default="#88bb22" value="#88bb22"> <variable name="dateHeaderColor" description="Date Header Color" type="color" default="#555544" value="#555544"> <variable name="sidebarHeaderColor" description="Sidebar Title Color" type="color" default="#555544" value="#555544"> <variable name="sidebarTextColor" description="Sidebar Text Color" type="color" default="#555544" value="#555544"> <variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif"> <variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"> <variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right"> */ /* Primary layout */ body { margin: 0; padding: 0; border: 0; text-align: center; color: $mainTextColor; background: #692 top center repeat-y; font-size: small; } img { border: 0; display: block; } .clear { clear: both; } 	/* Wrapper */ #outer-wrapper { margin: 0 auto; border: 0; width: 900px; text-align: $startSide; background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top $endSide repeat-y; font: $bodyFont; } 	/* Header */ #header-wrapper	{ background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom $startSide repeat-x; margin: 0 auto; padding-top: 0; padding-$endSide: 0; padding-bottom: 15px; padding-$startSide: 0; border: 0; } #header h1 { text-align: $startSide; font-size: 200%; color: $pageHeaderColor; margin: 0; padding-top: 15px; padding-$endSide: 20px; padding-bottom: 0; padding-$startSide: 20px; background-image: url(http://www.blogblog.com/moto_son/topper.gif); background-repeat: repeat-x; background-position: top $startSide; } h1 a, h1 a:link, h1 a:visited { color: $pageHeaderColor; } #header .description { font-size: 110%; text-align: $startSide; padding-top: 3px; padding-$endSide: 20px; padding-bottom: 10px; padding-$startSide: 23px; margin: 0; line-height:140%; color: $blogDescriptionColor; } 	 /* Inner layout */ #content-wrapper { padding: 0 16px; } 	 #main { width: 400px; float: $startSide; 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 { width: 225px; float: $endSide; color: $sidebarTextColor; 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 */ } 	 #sidebar2 { width: 225px; float: left; color: $sidebarTextColor; 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 */ } /* Bottom layout */ #footer	{ clear: $startSide; margin: 0; padding: 0 20px; border: 0; text-align: $startSide; border-top: 1px solid #f9f9f9; } 	 #footer .widget	{ text-align: $startSide; margin: 0; padding: 10px 0; background-color: transparent; } .kosong { 	clear: both; } /* Default links 	*/ a:link, a:visited { font-weight: bold; text-decoration: none; color: $linkColor; background: transparent; } a:hover { font-weight: bold; text-decoration: underline; color: $hoverLinkColor; background: transparent; } a:active { font-weight : bold; text-decoration : none; color: $hoverLinkColor; background: transparent; } /* Typography */ 	 .main p, .sidebar p, .post-body { line-height: 140%; margin-top: 5px; margin-bottom: 1em; } .post-body blockquote { line-height:1.3em; } h2, h3, h4, h5	{ margin: 0; padding: 0; } h2 { font-size: 130%; } h2.date-header { color: $dateHeaderColor; } .post h3 { margin-top: 5px; font-size: 120%; } .post-footer { font-style: italic; } .sidebar h2 { color: $sidebarHeaderColor; } .sidebar .widget { margin-top: 12px; margin-$endSide: 0; margin-bottom: 13px; margin-$startSide: 0; padding: 0; } .main .widget { margin-top: 12px; margin-$endSide: 0; margin-bottom: 0; margin-$startSide: 0; } li { line-height: 160%; } .sidebar ul { margin-$startSide: 0; margin-top: 0; padding-$startSide: 0; } .sidebar ul li { list-style: disc url(http://www.blogblog.com/moto_son/diamond.gif) inside; vertical-align: top; padding: 0; margin: 0; } .widget-content { margin-top: 0.5em; } /* Profile ----------------------------------------------- */ .profile-datablock { margin-top: 3px; margin-$endSide: 0; margin-bottom: 5px; margin-$startSide: 0; line-height: 140%; } .profile-textblock { margin-$startSide: 0; } .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; border:4px solid #8b2; } 	 #comments { border: 0; border-top: 1px dashed #eed; margin-top: 10px; margin-$endSide: 0; margin-bottom: 0; margin-$startSide: 0; padding: 0; } #comments h4	{ margin-top: 10px; font-weight: normal; font-style: italic; text-transform: uppercase; letter-spacing: 1px; } #comments dl dt 	{ font-weight: bold; font-style: italic; margin-top: 35px; padding-top: 1px; padding-$endSide: 0; padding-bottom: 0; padding-$startSide: 18px; background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top $startSide no-repeat; } #comments dl dd	{ padding: 0; margin: 0; } .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } /** 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; } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <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="'Template00002" 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:"> <img alt="'data:title'" height="'data:height'" id="'data:widget.instanceId" src="'data:sourceUrl'" width="'data:width'" 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> <div id="'content-wrapper'"> <div id="'crosscol-wrapper'" style="'text-align:center'"> <b:section class="'crosscol'" id="'crosscol'" showaddelement="'no'/"> </div> <div id="'sidebar2-wrapper'"> <b:section class="'sidebar'" id="'sidebar2'" preferred="'yes'"> <b:widget id="'HTML2'" locked="'false'" title="'Side" 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="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Posting" type="'Blog'"> <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", {"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'"> <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="'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="'post-header-line-1'/"> <div class="'post-body"> <data:post.body/> <div style="'clear:">  </div> <div class="'post-footer'"> <div class="'post-footer-line"> <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:top.showReactions'"> <table border="'0'" cellpadding="'0'" cellspacing="'0'" width="'100%'"><tr> <td class="'reactions-label-cell'" nowrap="'nowrap'" valign="'top'" width="'1%'"> <data:top.reactionslabel/> </td> <td><iframe allowtransparency="'true'" class="'reactions-iframe'" src="'data:post.reactionsUrl'" frameborder="'0'" name="'reactions'" scrolling="'no'/"></td> </tr></table> </b:if> <b:if cond="'data:top.showStars'"> <div color="'data:backgroundColor'" color="'data:textColor'" url="'data:post.absoluteUrl'" height="'42'" type="'RatingPanel'" width="'280'/"> </b:if> <b:if cond="'data:blog.pageType"> <b:if cond="'data:post.allowComments'"> <a class="'comment-link'" href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><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>  <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'"> <img alt="''" class="'icon-action'" height="'13'" src="'http://www.blogger.com/img/icon18_email.gif'" width="'18'/" /> </a> </b:if>  <b:include data="'post'" name="'postQuickEdit'/"> </div> <div class="'post-footer-line"> <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> <div class="'post-footer-line"> </div> </div> </b:includable> <b:includable id="'postQuickEdit'" var="'post'"> <b:if cond="'data:post.editUrl'"> <a href="'data:post.editUrl'" title="'data:top.editPostMsg'"> <img alt="''" class="'icon-action'" height="'18'" src="'http://www.blogger.com/img/icon18_edit_allbkg.gif'" width="'18'/" /> </a> </b:if> </b:includable> <b:includable id="'commentDeleteIcon'" var="'comment'"> <a href="'data:comment.deleteUrl'" title="'data:top.deleteCommentMsg'"> <img src="'http://www.blogger.com/img/icon_delete13.gif'/" /> </a> </b:includable> <b:includable id="'backlinkDeleteIcon'" var="'backlink'"> <a href="'data:backlink.deleteUrl'" title="'data:top.deleteBacklinkMsg'"> <img src="'http://www.blogger.com/img/icon_delete13.gif'/" /> </a> </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> <dd class="'comment-body'"> <b:if cond="'data:comment.isDeleted'"> <data:comment.body/> <b:else/> <data:comment.body/> </b:if> </dd> <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'"> <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="'comment-form'" var="'post'"> <div class="'comment-form'"> <a name="'comment-form'/"> <h4 id="'comment-post-message'"><data:postcommentmsg/></h4> <data:blogcommentmessage/> <data:blogteamblogmessage/> <a 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"> <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="'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="'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="'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:widget> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'HTML1'" locked="'false'" title="'Side" 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 class="'clear'"> </div> </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> <div class="'kosong'" style="'text-align:"> <a href="'http://sonofmoto-template.blogspot.com'" target="'_blank'">Blogspot Template</a> by <a href="'http://hadiwiryanan.blogspot.com'">hadiwiryanan</a> </div> </div> </div></div>  </body> </html>

Wednesday, December 03, 2008

Son of Moto 3 column right side bar basic[template00001]

Ini adalah salah satu template Son of Moto dengan konfigurasi 3 kolom, 1 kolom sebgai tempat asal postingan dan 2 kolom di sebelah kanan sebagai media sidebar yang unik. Tentunya hal ini sebagai jawaban atas banyak pengguna Son of Moto yang menginginkan templatenya mempunyai kolom seperti ini.

Son of Moto dengan serie template0001 siap dihaturkan kepada Anda semua pecinta Son of Moto.

Tampilan masih sederhana, karena ini sebagai template dasar 3 kolom (3 column)

Anda bisa menggunakan template ini dengan mengubah setingan html, copy paste script yang bisa didapatkan di sini atau download di sini

NB : Klik gambar untuk melihat blog dimaksud

blog hadiwiryanan.blogspot.com

Ini adalah blog yang menggunakan desain dari template son of moto, template telah di tata-ulang sedemikian rupa menjadi 3 kolom yang sangat menarik, dengan menggunakan border solid dari setiap side bar, sehinga dari setiap bar berada dalam sebuah kotak, memberikan sebuah kesan sebagai ide minimalis dari sebuah blog.

Blog berisi tulisan-tulisan pribadi dari anggota sebuah keluarga besar. Tujuan yang dicapai adalah membangun keluarga besar sakinah mawaddah wa rahmah rukun dan harmonis, sebagaimana terpampang di header blog.

Klik gambar untuk menuju blognya