Template toko online blogger blogspot merupakan solusi bagi yang ingin jualan online dengan biaya sangat murah karena tidak ada biaya tahunan seperti sewa domain dan hosting. Pengelolaan sangat mudah karena memakai blogspot/blogger sehingga cocok bagi siapa saja. Dapatkan template terbaru kami dengan harga spesial, layout 3 kolom tampilan sangat elegan dengan harga sangat murah, cukup bayar satu kali bisa pakai selamanya.......

Minggu, 04 Desember 2011

toko online 11



<?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[/*
-----------------------------------------------------------------
    Theme Name: GUMBALL SPECIAL
    Theme URI: http://www.hellbiscuit.com/
    Description: GUMBALL SPECIAL is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>, brought to you by <a href="http://www.hellbiscuit.com">HELLBISCUIT.com</a>
    Version: 1.0
    Author: Evan Eckard
    Author URI: http://www.evaneckard.com/
-----------------------------------------------------------------
Gumball Special Blogger Template by Blogger FAQs http://bloggerfaqs.blogspot.com/ and Mobi123 http://www.mobi123.me/
-----------------------------------------------------------------
*/

.Navbar {visibility:hidden;display: none;}
body {
margin:0 10px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}

#container {
width:940px;
padding:20px 0;
margin:0 auto;
background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SZ47PDjjD-I/AAAAAAAAAgQ/7cFKbjUIqF8/s1600/scroll.gif) no-repeat top right;
}

/* header area */

#container h3 {
font-size:34px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:34px;
padding:0 0 6px;
background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SZ47PSOTqbI/AAAAAAAAAgo/7gJAJu9dXXk/s1600/double-line.gif) repeat-x left bottom;
display:inline;
}
#container h3 a {
text-decoration:none;
color:#333;
}
#container h3 a:hover {
color:#ff0067;
}
.hellbiscuit a {
display:block;
width:251px;
height:15px;
margin-top:16px;
overflow:hidden;
text-indent:-500px;
font-size:10px;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/hellbiscuit.gif) no-repeat;
}


/* home columns */

#col01 {
width:720px;
float:left;
overflow:hidden;
}
#col02 {
width:220px;
float:right;
overflow:hidden;
}
#col01, #col02 {
padding:20px 0;
}

/* home post */

#col01 .home-post {
width:220px;
margin:0 20px -90px 0;
height:340px;
overflow:hidden;
float:left;
}
#col01 .home-post .title {
background:#ff0067;
padding:4px 8px;
}
#col01 .home-post .title h2 {
margin:0;
padding:0;
}
#col01 .home-post .title h2 a {
text-decoration:none;
text-transform:uppercase;
color:#fff;
border-bottom:1px solid #ff80b3;
background-color:#b7004a;
margin:0;
padding:0;
font-size:12px;
line-height:16px;
}
#col01 .home-post .title h2 a:hover {
color:#000;
border-bottom:none;
background-color:#ff0067;
}
#col01 .home-post .home-post-upper {
height:190px;
width:220px;
overflow:hidden;
position:relative;
border-bottom:1px solid #fff;
}
#col01 .home-post .home-post-upper a img {
text-decoration:none;
border:none;
}
#col01 .home-post .excerpt {color:#333333;
height:190px;
overflow:hidden;
padding:12px 12px 0;
font-size:11px;
line-height:16px;
background:#a7a7a7;
}
#col01 .home-post .excerpt p { text-decoration:none;
margin:0 0 10px;
padding:0;
}
#col01 .home-post .excerpt a {
color:#333333;
}
#col01 .home-post .excerpt a:hover {
text-decoration:none;
color:#333333;
background:#A7A7A7;
}
#col01 .home-post .meta {
padding:4px 8px 0 24px;
height:35px;
background:url(http://3.bp.blogspot.com/_XByc9SCisZM/SZ47PQ_5qVI/AAAAAAAAAgw/GivjUp5fs1o/s1600/icon-comment.gif) no-repeat 5px 5px #7f7f7f;
text-transform:uppercase;
}
#col01 .home-post .comments a {
display:block;
font-size:10px;
color:#fff;
text-decoration:underline;
float:left;
border-bottom:1px solid #7f7f7f;
}
#col01 .home-post .comments a {
display:block;
font-size:10px;
color:#fff;
text-decoration:none;
float:left;
border-bottom:1px solid #7f7f7f;
}
#col01 .home-post .author a {
display:block;
font-size:10px;
color:#fff;
text-decoration:none;
float:right;
}
#col01 .home-post .comments a:hover, #col01 .home-post .author a:hover {
color:#000;
}


/* single template post */

#col01 .post {
padding:0 20px 20px 0;
font-size:12px;
line-height:19px;
}
#col01 .post a {
color:#333;
}
#col01 .post a:hover {
background:#FFFAC7;
color:#000;
text-decoration:none;
}
#col01 .post h1 {
font-size:28px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:32px;
padding:0 0 6px;
}
#col01 .post h4 {
font-size:20px;
text-transform:uppercase;
font-family: Times New Roman, Garamond, serif;
margin:0;
line-height:26px;
padding:0 0 6px;
}
#col01 .post h1 a, #col01 .post h4 a {
text-decoration:none;
color:#000;
}
#col01 .post h1 a:hover, #col01 .post h4 a:hover {
color:#fff;
border-bottom:none;
background-color:#ff0067;
}
#col01 .post-upper {
background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SZ47PC-c0mI/AAAAAAAAAgg/ZzJoDs7Ojag/s1600/dot.gif) repeat-x bottom;
padding:12px 0;
font-size:11px;
line-height:16px;
color:#606060;
}
#col01 .post-upper a {
color:#606060;
text-decoration:none;
}
#col01 .post-upper a:hover {
color:#333;
text-decoration:underline;
}
#col01 .post-upper .digg {
float:right;
}
#col01 .post .image {
float:right;
margin:12px 0 12px 12px;
}


/* categories page */

#col01 .cat-name {
font-size:14px;
background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SZ47PC-c0mI/AAAAAAAAAgg/ZzJoDs7Ojag/s1600/dot.gif) repeat-x bottom;
padding:4px 0 8px;
width:700px;
}
#col01 .category-name {
font-size:18px;
color:#fff;
text-transform:uppercase;
background:#ff0067;
font-weight:bold;
}


/* comments outer */

#comments-holder {
padding:12px 0 0;
}

/* comment list styles */

#comment-list {
font-size:12px;
padding:10px 0;
}
#comment-list .bigger {
font-weight:normal;
font-size:16px;
line-height:20px;
text-transform:uppercase;
}
.comment-left {
padding:16px 0;
background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SZ47PC-c0mI/AAAAAAAAAgg/ZzJoDs7Ojag/s1600/dot.gif) repeat-x;
}
.comment-meta {
float:left;
width:120px;
margin-right:10px;
font-size:10px;
font-weight:bold;
}
.comment-metadata {
font-size:10px;
font-weight:normal;
}
.comment-metadata a {
text-decoration:none;
}
.comment-metadata a:hover {
text-decoration:underline;
}
.comment-txt {
float:left;
width:440px;
font-size:12px;
line-height:18px;
}
cite {
font-style:normal;
text-transform:uppercase;
font-size:12px;
}

/* comment form styles */

.comments-PII, .comments-PII-2 {
float:left;
}
.comments-PII {
width:280px;
margin-right:15px;
}
.comments-PII-2 {
width:380px;
}
.comments-PII input {
font-size:12px;
width:270px;
padding:2px;
}
.comments-PII-2 textarea {
font-size:12px;
width:370px;
height:180px;
padding:2px;
}
.submit-btn {
display:block;
padding:0;
cursor:pointer;
width:141px;
height:34px;
text-indent:-400px;
overflow:hidden;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat;
border-style:none;
}

.submit-btn:hover {
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-add.gif) no-repeat 0 -34px;
}

.note {
font-size:10px;
}


/* misc */

.uppercase {
text-transform:uppercase;
}


/* home and category page nav */

#page-nav {
height:340px;
width:220px;
float:left;
}

#page-nav .older a, #page-nav .newer a {
display:block;
font-size:10px;
text-indent:-400px;
overflow:hidden;
height:169px;
}
#page-nav .older a {
margin-bottom:1px;
background:url(http://2.bp.blogspot.com/_XByc9SCisZM/SZ47PYrABWI/AAAAAAAAAhA/6dID3-hDl44/s1600/link-older.gif) no-repeat 0 0;
}
#page-nav .older a:hover {
background:url(http://2.bp.blogspot.com/_XByc9SCisZM/SZ47PYrABWI/AAAAAAAAAhA/6dID3-hDl44/s1600/link-older.gif) no-repeat 0 -169px;
}
#page-nav .newer a {
background:url(http://2.bp.blogspot.com/_XByc9SCisZM/SZ49J9C6p0I/AAAAAAAAAhQ/i3yBC72sric/s1600/link-newer.gif) no-repeat 0 0;
}
#page-nav .newer a:hover {
background:url(http://2.bp.blogspot.com/_XByc9SCisZM/SZ49J9C6p0I/AAAAAAAAAhQ/i3yBC72sric/s1600/link-newer.gif) no-repeat 0 -169px;
}


/* col02 stuff */

#categories {
height:340px;
background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SZ4-wt0lYOI/AAAAAAAAAhY/mYW6mepR-F0/s1600/nav-back.gif) no-repeat;
overflow:hidden;
margin-bottom:20px;
}
#col02 h2 {
background:#ff0067;
padding:4px 8px;
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#col02 ul {
        color:#A6A6A6;
margin:0 0;
padding:0 20px;
overflow:auto;
height:100%;
        }
#col02 li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #d3d3d3;
}
#col02 li a {
display:block;
color:#fff;
text-transform:uppercase;
font-size:11px;
padding:5px 0;
text-decoration:none;
}
#col02 li a:hover {
color:#000;
text-decoration:none;
background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SZ4-_MromHI/AAAAAAAAAhg/F5HT-KhdRYI/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}
#col02 a {
display:block;
color:#fff;
text-transform:uppercase;
font-size:11px;
padding:5px 0;
text-decoration:none;
}
#col02 a:hover {
color:#000;
text-decoration:none;
background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SZ4-_MromHI/AAAAAAAAAhg/F5HT-KhdRYI/s1600/bullet.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}
.widget-content {
}
.sidebar .widget {
margin-bottom: 20px;
padding: 0;
background-color:#A6A6A6;
height:100%;
}
#sponsor-box {
height:340px;
background:#A7A7A7;
overflow:hidden;
position:relative;
margin-bottom:20px;
}
#sponsor-box .title {
background:#ff0067;
padding:4px 8px;
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#sponsor-box .sponsor {
padding:10px 0 0;
width:200px;
height:133px;
overflow:hidden;
margin:0 auto;
}
#sponsor-box .meta {
padding:4px 8px 0;
position:absolute;
bottom:0px;
left:0px;
width:204px;
height:19px;
background:#7f7f7f;
text-transform:uppercase;
text-align:right;
}
#sponsor-box .meta a {
font-size:10px;
color:#fff;
text-decoration:none;
}
#sponsor-box .meta a:hover {
color:#000;
}


#about-box {
height:340px;
background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SZ47PEUXANI/AAAAAAAAAgY/JfQ66cWXKPQ/s1600/about-back.gif) no-repeat;
overflow:hidden;
}
#about-box .pages {
margin:10px 0;
padding:0 20px;
overflow:auto;
height:159px;
border-bottom:1px solid #fff;
}
#about-box .pages li {
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #A7A7A7;
}
#about-box .pages a {
display:block;
color:#000;
text-transform:uppercase;
font-size:10px;
padding:4px 0;
text-decoration:none;
}
#about-box .pages a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/bullet2.gif) no-repeat 5px 50% #ff0067;
text-indent:16px;
}


/* search form */

#about-box form {
padding:10px 20px;
margin:0;
text-align:right;
border-bottom:1px solid #fff;
height:56px;
}
#about-box .txt-field {
font-size:12px;
margin:0 0 6px;
width:176px;
padding:1px;
}
#about-box .btn-search {
display:block;
padding:0;
cursor:pointer;
float:right;
width:89px;
height:28px;
text-indent:-400px;
overflow:hidden;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat;
border-style:none;
}

#about-box .btn-search:hover {
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/btn-search.gif) no-repeat 0 -28px;
}


#about-box .rss a {
display:block;
width:180px;
padding:5px 0;
margin:10px auto 0;
color:#333;
border-bottom:1px solid #A7A7A7;
text-decoration:none;
background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SZ47PVdTZOI/AAAAAAAAAg4/MreUx8f2m3Q/s1600/icon-rss.gif) no-repeat 5px 50%;
text-indent:26px;
}
#about-box .rss a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-rss-on.gif) no-repeat 5px 50% #ff0067;
}
#about-box .bookmark a {
display:block;
width:180px;
padding:5px 0;
margin:0 auto;
color:#333;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark.gif) no-repeat 5px 50%;
text-indent:26px;
}
#about-box .bookmark a:hover {
color:#fff;
text-decoration:none;
background:url(http://i386.photobucket.com/albums/oo302/levisinside/Gumball%20Special/icon-bookmark-on.gif) no-repeat 5px 50% #ff0067;
}



/* footer */

#footer {
padding:20px 0;
margin:0 auto;
background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SZ47PC-c0mI/AAAAAAAAAgg/ZzJoDs7Ojag/s1600/dot.gif) repeat-x;
font-size:10px;
line-height:14px;
color:#5f5f5f;
}
#footer a {
color:#5f5f5f;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer .sm-logo a {
display:block;
width:100px;
height:29px;
background:url(http://3.bp.blogspot.com/_XByc9SCisZM/SZ47PsFsvgI/AAAAAAAAAhI/-XPVnYz_5e8/s1600/logo-hellbiscuit.gif) no-repeat 0 0;
text-indent:-300px;
overflow:hidden;
float:right;
}
#footer .sm-logo a:hover {
background:url(http://3.bp.blogspot.com/_XByc9SCisZM/SZ47PsFsvgI/AAAAAAAAAhI/-XPVnYz_5e8/s1600/logo-hellbiscuit.gif) no-repeat 0 -29px;
}
#footer .sm-logo2 a {
display:block;
width:45px;
height:46px;
background:url(http://3.bp.blogspot.com/_wa6zL1GRiOs/SZsbIm_f5QI/AAAAAAAACU4/UdVTbw2R7yQ/s400/Blogger+FAQs+Small.PNG) no-repeat 0 0;
text-indent:-300px;
overflow:hidden;
float:right;
}
#footer .sm-logo2 a:hover {
background:url(http://3.bp.blogspot.com/_wa6zL1GRiOs/SZsbIm_f5QI/AAAAAAAACU4/UdVTbw2R7yQ/s400/Blogger+FAQs+Small.PNG) no-repeat 0 -5px;
}
]]></b:skin>
  <!--Related Posts with thumbnails Scripts and Styles Start--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}#related-posts h2{
font-size: 1.6em;font-weight: bold;color: black;font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em;}
#related-posts a{color:black;}
#related-posts a:hover{color:black;}#related-posts  a:hover {background-color:#d4eaf2;}</style><script src='http://galang.googlecode.com/files/relatedposts.js' type='text/javascript'/></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

  <body>
  <div id='container'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Aneka catok rambut (Header)' type='Header'/>
</b:section>
    </div>

        <div id='col01'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
      </div>

        <div id='col02'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='false' title='rek a/n muhamad tohayudin' type='HTML'/>
<b:widget id='HTML3' locked='false' title='ID Yahoo Messenger' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Reseller Wajib Download' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Daftar Isi Blog' type='BlogArchive'/>
<b:widget id='Profile2' locked='false' title='About Me' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Follow' type='Followers'/>
<b:widget id='Stats1' locked='false' title='Total Kunjungan' type='Stats'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>

<div id='about-box'>
  <ul class='pages'>
    <li class='current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li class='page_item page-item-2'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
    <li class='current_page_item'><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
    <li class='page_item page-item-2'><a href='#'>Edit</a></li>
    <li class='current_page_item'><a href='#'>Edit</a></li>
    <li class='page_item page-item-2'><a href='#'>Edit</a></li>
  </ul>
<form action='http://www.google.com/cse' id='cse-search-box' target='_blank'>
  <div>
    <input name='cx' type='hidden' value='partner-pub-3043967897161641:dbsax8eopgu'/>
    <input name='ie' type='hidden' value='ISO-8859-1'/>
    <input name='q' size='25' type='text'/>
    <input name='sa' type='submit' value='Search'/>
  </div>
</form>
<script src='/cse/brand?form=cse-search-box&amp;lang=en' type='text/javascript'/>
  <span class='rss'><a href='/feeds/posts/default'>Get the feed in RSS </a></span></div></div>    <br clear='all'/>

   <div id='footer'><span class='sm-logo'><a href='http://aresatoya.blogspot.com/'>HELLBISCUIT</a></span><span class='sm-logo2'><a href='http://aresatoya.blogspot.com/'>Blogger FAQs</a></span> <span class='uppercase'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span><br/>
    Brought to you by <a href='http://aresatoya.blogspot.com/'>Aresatoya</a> and <a href='http://aresatoya.blogspot.com/'>Aresatoya</a>. Blogger Template by <a href='http://aresatoya.blogspot.com/'>kutakatik Template</a> and <a href='http://www.mobi123.me/' target='_blank'>Mobi123</a>.</div>

</div>
</body>
</html>
               

Tidak ada komentar:

Posting Komentar