Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.
or
g/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<$Blo
gURL$>/atom.xml" />
<style type="text/css" media="screen">
/*
Theme Name: Kiss for Blogger
Theme URI: http://www.bloggertemplates.org/review/kiss-for-blogger
Description: Kiss for Blogger is a modification of a WordPress theme called Kiss
,
originally designed by Oinam (http://www.oinam.com). WordPress and
TypePad versions of this beautiful theme can be found at;
http://labs.oinam.com/css/kiss/
Version: 0.1
Author: Ali Kuru
Author URI: http://www.acemiblogcu.com
Licence: (cc) Creative Commons Attribution-ShareAlike 2.5
Licence URI: http://creativecommons.org/licenses/by-sa/2.5/
*/
/* ---------------------------------------------------
global settings
------------------------------------------------------ */
* {
margin: 0;
padding: 0;
}
body {
background: #fff;
font: 100%/1.4em "lucida sans unicode", "lucida grande", verdana, 'trebuchet ms'
, sans-serif;
color: #666;
text-align: center;
}
/* links */
a:link {
text-decoration: none;
color: #c30;
}
a:visited {
color: #c30;
}
a:hover {
color: #930;
}
a:active {
color: #c30;
}
a img {
border: 0;
}
/* hn */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
color: #333;
}
h1, h2, h3, h4, h5, h6, p {
margin: 10px 0;
}
h1 {
font-size: 1.3em;
}
h2 {
font-size: 1.1em;
}
h3 {
font-size: 1em;
}
h4 {
font-size: 0.9em;
}
/* misc */
abbr, acronym {
font-style: normal;
border-bottom: 1px dotted #666;
cursor: help;
}
code {
margin: 10px 0;
font: 0.9em "Courier New", Courier, Monospace;
color: #666;
background-color: #f8f8f8;
}
pre {
margin: 10px 0;
font: 110% "Courier New", Courier, Monospace;
color: #666;
}
/* defination lists */
dl {
margin: 20px 0;
}
dt {
font-size: 0.9em;
text-transform: uppercase;
}
dd {
margin: 0 0 20px;
}
/* list styles */
ul {
margin: 10px 0;
}
ul li {
height: 1%;
list-style-type: none;
margin: 0 0 5px 0;
padding: 0 0 0 15px;
line-height: 20px;
}
ol {
margin: 10px 0 10px 25px;
}
ol li {
margin: 0 0 5px 0;
}
/* blockquote */
blockquote {
margin: 10px 0;
padding: 5px 10px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
font: 0.9em/1.5em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #666;
}
/* ---------------------------------------------------
layout
------------------------------------------------------ */
#kisswrap {
width: 655px;
margin: 0 auto;
text-align: left;
}
#kisscontainer {
height: 1%;
margin: 15px 0;
}
#kisscontainer-top {
height: 30px;
}
#kisscontainer-bottom {
clear: both;
height: 30px;
}
/* ---------------------------------------------------
header
------------------------------------------------------ */
#kissheader {
width: 428px;
height: 1%;
padding: 0 0 12px;
text-align: center;
}
#kissheader div {
padding: 10px 20px;
}
#kissheader h1 {
margin: 0;
font-size: 0.9em;
letter-spacing: 0.2em;
}
#kissheader h1 a {
color: #eee;
}
#kissheader h1 a:hover {
color: #fff;
}
h2.description {
margin: 0;
font-size: 0.75em;
color: #b2b2b2;
line-height: 1.4em;
}
/* ---------------------------------------------------
main column
------------------------------------------------------ */
#kissmain {
width: 428px;
display: inline;
float: left;
font-size: 0.75em;
}
#kissmain-1 {
margin: 20px 35px;
}
/* post */
div.post {
margin: 0 0 20px;
padding: 0 0 40px;
}
h2.post-title {
margin: 0;
font: 0.9em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #333;
text-align: center;
}
h3.post-date {
margin: 0;
font-size: 0.85em;
color: #999;
text-align: center;
}
div.post-body {
margin: 20px 0 0;
}
p.postmetadata {
margin: 20px 0 0;
line-height: 19px;
font-size: 0.85em;
color: #999;
}
p.prev-next {
height: 1%;
margin: 0 0 20px;
padding: 0 0 20px;
text-align: center;
}
/* Search results page
div.search-result {
height: 1%;
margin: 40px 0 0px;
padding: 0 0 20px;
background: url(i/dot.gif) 0 100% repeat-x;
}
div.search-result h3 {
margin: 0;
font-size: 1.1em;
}
div.search-result p.postmetadata {
margin: 0;
}
#search-main {
margin: 0 0 20px;
padding: 0 0 40px;
background: url('http://img212.imageshack.us/img212/2391/line5gn.gif') no-repeat
0 100%;
text-align: left;
}
*/
/* Comments */
#comments {
margin: 20px 0;
padding: 0 0 40px;
}
#comments h2 {
margin: 0;
font: 0.9em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #333;
text-align: center;
}
#comments ol {
}
#comments li {
height: 1%;
margin: 0 0 20px;
padding: 0 0 20px;
font-size: 0.9em;
}
#comments li span {
font-size: 0.95em;
}
#commentform label {
display: block;
font-size: 0.85em;
}
#author,
#email,
#url,
#comment {
width: 90%;
margin: 0 0 10px;
padding: 2px;
border: 1px solid #ccc;
}
#searchsubmit, #submit {
padding: 2px;
background: #eee;
border: 3px double #666;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 85%;
color: #333;
text-align: center;
}
/* ---------------------------------------------------
side
------------------------------------------------------ */
#sidebar {
display: inline;
float: left;
width: 180px;
margin: 10px 0;
font-size: 0.7em;
}
div.side-sec {
height: 1%;
margin: 0 0 10px 15px;
padding: 0 0 10px;
}
div.side-sec h3 {
font-size: 1em;
}
div.side-sec li {
list-style-type: none;
line-height: 20px;
}
div.side-sec search {
padding: 0 0 20px;
}
#sidebar #searchsubmit {
padding: 2px;
background: #eee;
border: 3px double #666;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 85%;
color: #333;
text-align: center;
}
#sidebar #searchform #s {
width: 90%;
margin: 0 0 10px;
padding: 4px;
border: 1px solid #ccc;
}
/* Calendar
#wp-calendar #prev a {
font-size: 9pt;
}
#wp-calendar a {
}
#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
text-align: center;
width: 100%;
}
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
*/
/* footer */
#footer {
padding: 0 0 0 1px;
margin: 0 auto;
width: 760px;
clear: both;
}
#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* Images */
p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* Theme Images */
/*
You have to find and upload template images to free host, then replace t
he image names
listed here with the given links from your free image hosts. For example
;
Replace this;
#page {
background: url("middle.jpg") repeat-y top white;
}
with this;
#page {
background: url("http://img54.imageshack.us/img54/3761/middle3js
.jpg") repeat-y top white;
}
*/
ul li {
background: url('http://img841.imageshack.us/img841/458/iconarrowcp.gif') no-rep
eat 0 0;
}
#kisscontainer {
background: url('http://img696.imageshack.us/img696/9748/mainy.gif') 0 100% repe
at-y;
}
#kisscontainer-top {
background: url('http://img577.imageshack.us/img577/8408/maintop.gif') 0 0 no-re
peat;
}
#kisscontainer-bottom {
background: url('http://img571.imageshack.us/img571/8669/mainbottomp.gif') 0 0 n
o-repeat;
}
#kissheader {
background: #696969 url('http://img834.imageshack.us/img834/8118/headerinb.gif')
no-repeat 0 100%;
}
#kissheader div {
background: url('http://img834.imageshack.us/img834/8118/headerinb.gif') repeat-
y;
}
div.post {
background: url('http://img39.imageshack.us/img39/7859/linew.gif') no-repeat 0 1
00%;
}
p.postmetadata {
background: url('http://img809.imageshack.us/img809/5567/iconmeta.gif') no-repea
t;
}
p.prev-next {
background: url('http://img696.imageshack.us/img696/7495/dotj.gif') 0 100% repea
t-x;
}
#comments {
background: url('http://img39.imageshack.us/img39/7859/linew.gif') no-repeat 0 1
00%;
}
#comments li {
t-x;
}
div.side-sec {
t-x;
}
div.side-sec li {
background: url('http://img841.imageshack.us/img841/458/iconarrowcp.gif') no-rep
eat;
}
/* End Theme Images */
</style>
</head>
<noembed><body></noembed>
<div id="kisswrap">
<div id="kissheader">
<div>
<h1><a href="<$BlogURL$>" title="<$BlogTitle$>"><$BlogTitle$></a
></h1>
<h2 class="description"><$BlogDescription$></h2>
</div>
</div>
<div id="kisscontainer">
<div id="kisscontainer-top"></div>
<div id="kissmain"><div id="kissmain-1">
<MainOrArchivePage>
<Blogger>
<div class="post" id="post-<$BlogItemNumber$>">
<h3 class="post-date"><BlogDateHeader><$BlogDateHeaderDa
te$></BlogDateHeader></h3>
<h2 class="post-title"><$BlogItemTitle$></h2>
<div class="post-body">
<p><$BlogItemBody$></p>
</div>
<p class="postmetadata"><$BlogItemAuthor$> | <a href="<$BlogItem
PermalinkURL$>#comments"><script type="text/javascript">var a = <$BlogItemCommen
tCount$>; if(a == 0) {document.write('no comment');} else if(a == 1) {document.w
rite('1 comment');}else{document.write(a+' comments');}</script></a> | <a href="
<$BlogItemPermalinkUrl$>" rel="bookmark" title="Permanent Link to <$BlogItemTitl
e$>">#</a> | <$BlogItemControl$></p>
</div>

</Blogger>
</MainOrArchivePage>

<ItemPage>
<p class="prev-next"><span>« <a href="<$BlogURL$>">Home</a><BloggerPreviou
sItems> | <a href="<$BlogItemPermalinkURL$>">Next</a> »</span><span style=
"display:none"></BloggerPreviousItems></span></p>

<Blogger>
<div class="post" id="post-<$BlogItemNumber$>">
<h2 class="post-title"><$BlogItemTitle$></h2>
<div class="post-body">
<p><$BlogItemBody$></p>
<p class="postmetadata">
This entry was posted by <$BlogItemAuthor$>, on
<BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>.
<BlogItemCommentsEnabled>
You can <a href="<$BlogItemCommentCreate$>" <$BlogItemCo
mmentFormOnClick$>>leave your response</a>.
</BlogItemCommentsEnabled>
<$BlogItemControl$></p>
</div>
</div>
<div id="comments">
<h2><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0)
{document.write('no comment');} else if(a == 1) {document.write('1 comment');}el
se{document.write(a+' comments');}</script></h2>
<ol>
<BlogItemComments>
<li id="comment-<$BlogCommentNumber$>">
<span><$BlogCommentAuthor$> | <a href="#comment-<$BlogCommentNum
ber$>" title=""><$BlogCommentDateTime$></a> | <$BlogCommentDeleteIcon$></span>
<p><$BlogCommentBody$></p>
</li>
</BlogItemComments>
</ol>
<p style="text-align: center;"><a href="<$BlogItemCommentCreate$>" <$BlogItemCom
mentFormOnClick$>>leave a response</a></p>
</div>
</Blogger>
</ItemPage>
</div></div>
<div id="sidebar">
<div class="side-sec search">
<h3>Search</h3>

<form method="get" id="searchform" action="http://www.google.com/custo
m">
<div>
<input type=text id="s" name=q size=15 maxlength
=255 value="">
<input type=hidden name=domains value="<$BlogURL
$>">
<input type=hidden name=sitesearch value="<$Blog
URL$>">
<input type=submit id="searchsubmit" name=sa val
ue="Search">
</div>
</form>

</div>
<div class="side-sec pages">
<h3>Author</h3>
<p>A little something about you, the author. Nothing len
gthy, just an overview.</p>
<p>Also a link to profile may show up here.</p>
<ul>
<li class="page_item"><a href="<$BlogOwnerProfileUrl$>"
title="About">My Profile</a></li>
</ul>
</div>
<MainPage>
<div class="side-sec comments">
<h3>recent comments</h3>
<ul>
<Blogger>
<BlogItemComments>
<li><$BlogCommentAuthor$> | <a href="<$BlogComme
ntPermalinkURL$>"><$BlogCommentDateTime$></a></li>
</BlogItemComments>
</Blogger>
</ul>
</div>
</MainPage>
<div class="side-sec posts">
<h3>recent posts</h3>
<ul>
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousIte
mTitle$></a></li>
</BloggerPreviousItems>
</ul>
</div>
<div class="side-sec archives">
<h3>Archives</h3>
<ul>
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveNa
me$></a></li>
</BloggerArchives>
</ul>
</div>
<div class="side-sec links">
<h3>Links</h3>

<ul>
<li><a href="http://www.bloggertemplates.org">Blogger Te
mplates</a></li>
<li><a href="http://www.oinam.com">Oinam</a></li>
<li><a href="http://www.acemiblogcu.com/">Acemi Blogcu</
a></li>
</ul>
</div>
<div class="side-sec subscribe">
<h3>Subscribe</h3>
<ul>
<li><a title="Atom 0.3" href="<$BlogURL$>/atom.xml">Site
Feed</a></li>
</ul>
</div>
<div class="side-sec misc">
<h3>Admin</h3>
<ul>
<li><a href="http://www.blogger.com/start">Login</a></li
>
</ul>
</div>

<div class="side-sec misc">
<p><a href="<$BlogURL$>" title="<$BlogTitle$>"><$BlogTitle$></a>
is powered by <a href="http://www.blogger.com" title="Blogger">Blogger</a> and
<a href="http://www.bloggertemplates.org" title="Nice and cool templates for you
r Blogger blog">Blogger Templates</a>. Theme is designed by <a href="http://www.
oinam.com" title="oinam.com">Oinam</a>.</p>
</div>
</div>
<div id="kisscontainer-bottom"></div>
</div>
</div>
</body>
</html>

Theme

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Theme

Diunggah oleh

Hak Cipta:

Format Tersedia

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

Anda mungkin juga menyukai