Hehehe
Haihaihai!!! Yeeyy seneengg banget bisa ngeblog lagi >< Yang komen di Cbox, akan segeraa dibalas :D
Tutobies List Title
Buka laman stuffku! Judul tutobiesnya gimana? Itu yang mau diajarkan! eh, modelnya gak cuma itu lho!
Join Kuisku Yuk!!
Haii! Join yuk kuisku! Ada hadiahnya (untuk selain aku) untuk yang mendapat skor tertinggi. Batas waktu sampai: 15 Mei
Ini linknya:
Ini linknya:
Freebies Background Own Made
Hai! Aku mau bagi bagi background own made nih!! Kalo mau pakai, credit ya! Mau repost juga!
Menambahkan Background Di Main Body
Perhatikan main bodyku. Berbackground kan? Nah, itu yang mau aku kasih tutonya. Tentang apa sih? kan udah dibilang!
Link Hover
Udah lama nih, banyak yang rq! Ok, aku bakal bales satu persatu. Yang pertama, dari Muthia dulu ya!! Apa sih yang mau dibahas??
Coba kalian hover cursornya ke tulisan:
Pasti fontnya ganti kan? Nah itu yang mau dibahas!
Gift For Sasya
Karena dia pemenang kedua segmenku, aku kasih dia setelah Hinata, pemenang pertama. Dia lupa emailnya X_X. Selamat! Yang read more siapa aja boleh, TAPI, yang ambil cuma SASYA ya! Ga ada yang boleh selain Sasya!
Make Video/Edit Video In WMM
Ada yang nanya, gimana cara bkin video kayak http://litbloggie.blogspot.com/2015/04/pray-for-me.html .. Atau dll. JADI, aku bakal kasih tau caranya.
Freebies Doodle
Hai! Aku mau bagi bagi doodle nih. Ada 1 doodle aneh buatanku :(. Maaf jelek ya, yang buatanku. Buatanku terakhir aja, soalnya aneh.
Denim Template Code
Yang kedua ya! yang kemarin agak ribet!
credit t0: http://nabilamedan-taipmenaip.blogspot.com/
<?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[/*
-----------------------------------------------
Blogger Template Style
Name: Denim
Designer: Darren Delaye
URL: www.DarrenDelaye.com
Date: 11 Jul 2006
-----------------------------------------------
*/
/* Variable definitions
====================
<Variable name="bgColor" description="Page Background Color"
type="color" default="#efefef" value="#efefef">
<Variable name="textColor" description="Text Color"
type="color" default="#333333" value="#333333">
<Variable name="linkColor" description="Link Color"
type="color" default="#336699" value="#336699">
<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="transparent" value="transparent">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="transparent" value="transparent">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="transparent" value="transparent">
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="borderColor" description="Border Color"
type="color" default="#cccccc" value="#cccccc">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#999999" value="#999999">
<Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
type="color" default="#ffd595" value="#ffd595">
<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
type="color" default="#333333" value="#333333">
<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">
<Variable name="headerFont" description="Page Header Font"
type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, 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">
*/
body {
background: $bgColor;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
}
a:link {
color: $linkColor;
}
a:visited {
color: $linkColor;
}
a img {
border-width: 0;
}
#outer-wrapper {
font: $bodyFont;
}
/* Header
----------------------------------------------- */
#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;
text-align: $startSide;
}
#header {
width: 760px;
margin: 0 auto;
background-color: $headerBgColor;
border: 1px solid $headerBgColor;
color: $headerTextColor;
padding: 0;
font: $headerFont;
}
h1.title {
padding-top: 38px;
margin: 0 14px .1em;
line-height: 1.2em;
font-size: 100%;
}
h1.title a, h1.title a:visited {
color: $headerTextColor;
text-decoration: none;
}
#header .description {
display: block;
margin: 0 14px;
padding: 0 0 40px;
line-height: 1.4em;
font-size: 50%;
}
/* Content
----------------------------------------------- */
.clear {
clear: both;
}
#content-wrapper {
width: 760px;
margin: 0 auto;
padding: 0 0 15px;
text-align: $startSide;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
}
#main-wrapper {
margin-$startSide: 14px;
width: 464px;
float: $startSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 {
margin-$endSide: 14px;
width: 240px;
float: $endSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}
/* Headings
----------------------------------------------- */
h2, h3 {
margin: 0;
}
/* Posts
----------------------------------------------- */
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
.post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 1.1em;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: $textColor;
font-weight: bold;
}
.post div {
margin: 0 0 .75em;
line-height: 1.3em;
}
.post-footer {
margin: -.25em 0 0;
color: $textColor;
font-size: 87%;
}
.post-footer .span {
margin-$endSide: .3em;
}
.post img, table.tr-caption-container {
padding: 4px;
border: 1px solid $borderColor;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
margin: 1em 20px;
}
.post blockquote p {
margin: .75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
.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;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: .5em;
padding-$startSide: 15px;
text-indent: -15px;
line-height: 1.5em;
}
.sidebar {
color: $textColor;
line-height:1.3em;
}
.sidebar .widget {
margin-bottom: 1em;
}
.sidebar .widget-content {
margin: 0 5px;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $borderColor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font-weight: bold;
line-height: 1.6em;
font-size: 78%;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
/* Footerbr /> ----------------------------------------------- */
#footer {
clear: both;
text-align: center;
color: $textColor;
}
#footer .widget {
margin:.5em;
padding-top: 20px;
font-size: 85%;
line-height: 1.5em;
text-align: $startSide;
}
]]></b:skin>
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>
<div id='outer-wrapper'><div id='wrap2'>
<!-- 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='Hanis fanfic (Header)' type='Header'/>
</b:section>
</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:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div></div> <!-- end outer-wrapper -->
<b:include data='blog' name='google-analytics'/>
</body>
</html>
credit t0: http://nabilamedan-taipmenaip.blogspot.com/
<?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[/*
-----------------------------------------------
Blogger Template Style
Name: Denim
Designer: Darren Delaye
URL: www.DarrenDelaye.com
Date: 11 Jul 2006
-----------------------------------------------
*/
/* Variable definitions
====================
<Variable name="bgColor" description="Page Background Color"
type="color" default="#efefef" value="#efefef">
<Variable name="textColor" description="Text Color"
type="color" default="#333333" value="#333333">
<Variable name="linkColor" description="Link Color"
type="color" default="#336699" value="#336699">
<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="transparent" value="transparent">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="transparent" value="transparent">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="transparent" value="transparent">
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="borderColor" description="Border Color"
type="color" default="#cccccc" value="#cccccc">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#999999" value="#999999">
<Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
type="color" default="#ffd595" value="#ffd595">
<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
type="color" default="#333333" value="#333333">
<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">
<Variable name="headerFont" description="Page Header Font"
type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, 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">
*/
body {
background: $bgColor;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
}
a:link {
color: $linkColor;
}
a:visited {
color: $linkColor;
}
a img {
border-width: 0;
}
#outer-wrapper {
font: $bodyFont;
}
/* Header
----------------------------------------------- */
#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;
text-align: $startSide;
}
#header {
width: 760px;
margin: 0 auto;
background-color: $headerBgColor;
border: 1px solid $headerBgColor;
color: $headerTextColor;
padding: 0;
font: $headerFont;
}
h1.title {
padding-top: 38px;
margin: 0 14px .1em;
line-height: 1.2em;
font-size: 100%;
}
h1.title a, h1.title a:visited {
color: $headerTextColor;
text-decoration: none;
}
#header .description {
display: block;
margin: 0 14px;
padding: 0 0 40px;
line-height: 1.4em;
font-size: 50%;
}
/* Content
----------------------------------------------- */
.clear {
clear: both;
}
#content-wrapper {
width: 760px;
margin: 0 auto;
padding: 0 0 15px;
text-align: $startSide;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
}
#main-wrapper {
margin-$startSide: 14px;
width: 464px;
float: $startSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 {
margin-$endSide: 14px;
width: 240px;
float: $endSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}
/* Headings
----------------------------------------------- */
h2, h3 {
margin: 0;
}
/* Posts
----------------------------------------------- */
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
.post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 1.1em;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: $textColor;
font-weight: bold;
}
.post div {
margin: 0 0 .75em;
line-height: 1.3em;
}
.post-footer {
margin: -.25em 0 0;
color: $textColor;
font-size: 87%;
}
.post-footer .span {
margin-$endSide: .3em;
}
.post img, table.tr-caption-container {
padding: 4px;
border: 1px solid $borderColor;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
margin: 1em 20px;
}
.post blockquote p {
margin: .75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
.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;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: .5em;
padding-$startSide: 15px;
text-indent: -15px;
line-height: 1.5em;
}
.sidebar {
color: $textColor;
line-height:1.3em;
}
.sidebar .widget {
margin-bottom: 1em;
}
.sidebar .widget-content {
margin: 0 5px;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $borderColor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font-weight: bold;
line-height: 1.6em;
font-size: 78%;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
/* Footerbr /> ----------------------------------------------- */
#footer {
clear: both;
text-align: center;
color: $textColor;
}
#footer .widget {
margin:.5em;
padding-top: 20px;
font-size: 85%;
line-height: 1.5em;
text-align: $startSide;
}
]]></b:skin>
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>
<div id='outer-wrapper'><div id='wrap2'>
<!-- 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='Hanis fanfic (Header)' type='Header'/>
</b:section>
</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:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div></div> <!-- end outer-wrapper -->
<b:include data='blog' name='google-analytics'/>
</body>
</html>
Cute Navigation
Repost? credit me. Preview:
Don't remove my name in there! (BTW, cocoknya di sidebar ya)
Pray For Me
Hai, all! Doakan aku ya! Aku mau buat lagu duet. Dan, aku sudah membuat rencananya di youtube. silahkan buka: https://www.youtube.com/watch?v=9vhgNMJrXOk
atau tonton video dibawah ini!
atau tonton video dibawah ini!
Tutorial Blog Like Mine - Make Blog Like Mine #1
Hai all! AKu dah' lama ya, ga ngepost! Jadi, aku bakal post beberapa tuto yang di req maupun yang enggak. Gak semua yang direq diambil yaa, karena req menumpuk. BTW: Ini bukan mengedit denim #2 ya. Ini adalah bbrp tuto ttg cara buat blog sepertiku
Bold Berwarna Hover Like Mine
Haii! Kemarin aku ultah lhoo, hehehe.., yang ke 11.. Dan, aku gak buka blog. eh, buka sih,tapi lewat HP.. Muthia req;
Tips Mempercantik dan Memperbanyak Followers Blog
Hi, semuanya, aku akan membahas ttg tips mempercantik blog! Oh ya, ini own tips, dan aku menggunakan tips ini sebagai pedoman sampai blogku seperti ini! Yang mau lihat, dan yang merasa blognya kurang bagus, silahkan read more! Yang ingin blognya banyak followers dan lebih cantik, read more! Daripada basa basi read more dooongg...
Make Cloud Header At Photoscape
Hai, semuanya! AKu mau ajarin kalian ahh, bikin cloud header! Gak tau, cloud header itu apa? Line preview (boleh ambil dengan credit):
Nahh, kenapa aku enggak lne preview disini? Karena kalau disini, awannya ga keliatan karena main bodynya putih!
Nahh, kenapa aku enggak lne preview disini? Karena kalau disini, awannya ga keliatan karena main bodynya putih!
Underline Like Mine #2
Heloww, aku mau kasih tau nih, underline like mine!
Preview:
Preview:
Sekadar pemberitahuan, ini hanya untuk blogger template ya! Kalau blogskins, pastekan aja di kode underline kamu!
Line Preview Di Post
Ngerti gak? maksudnya, misalnya:
yang kotak exlink itu previewnya! Lhoo?? Kok bisa di post sih? Naahh, caranyaa... Oh iya, ini untuk newbie!
Image Hover
Ada yang mau gak, kalo kalau image dihover, bakal keluar text. line preview? KLik dibawah:
Kalau mau, read more!
Mengedit Denim #1
hai, all! Banyak yang minta ajarin mengedit template denim! Kali ini, aku akan mengajari yaa! Ini masih part 1! Part 2 dipastikan kalau blognya akan lebih bagus...
Disable Right Click
Ngerti maksudnya? maksudnya, kalo teksnya di highlight, (di blok), ga bakal bisa klik kanan!
preview
Begituuu, intinya: NO RIGHT CLICK HERE! Ngerti kan?? Mau tahu, gak, caranyaa?? Read more yukkk!!
Lomba Rahma
Ayoo, siapa yang mau joiin???
(http://enambffr.blogspot.com/2015/04/lomba-nih-yuk-join.html)
Blogku dan Gifta
Hai! Aku dan Gifta bikin blog nih! penasaran?? buka: http://sweety-blues.blogspot.com/! jangan lupa komentar yaa
kode Denim Template
Nih, kode original denim template!
<?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[/*-----------------------------------------------Blogger Template StyleName: DenimDesigner: Darren DelayeURL: www.DarrenDelaye.comDate: 11 Jul 2006-----------------------------------------------*/
/* Variable definitions ==================== <Variable name="bgColor" description="Page Background Color" type="color" default="#efefef" value="#efefef"> <Variable name="textColor" description="Text Color" type="color" default="#333333" value="#333333"> <Variable name="linkColor" description="Link Color" type="color" default="#336699" value="#336699">
<Variable name="headerBgColor" description="Page Header Background Color" type="color" default="transparent" value="transparent"> <Variable name="headerTextColor" description="Page Header Text Color" type="color" default="transparent" value="transparent"> <Variable name="headerCornersColor" description="Page Header Corners Color" type="color" default="transparent" value="transparent">
<Variable name="mainBgColor" description="Main Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="borderColor" description="Border Color" type="color" default="#cccccc" value="#cccccc"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#999999" value="#999999">
<Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color" type="color" default="#ffd595" value="#ffd595"> <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color" type="color" default="#333333" value="#333333">
<Variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;"> <Variable name="headerFont" description="Page Header Font" type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, 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">*/
body { background: $bgColor; margin: 0; padding: 0px; font: x-small Verdana, Arial; text-align: center; color: $textColor; font-size/* */:/**/small; font-size: /**/small;}a:link { color: $linkColor;}a:visited { color: $linkColor;}a img { border-width: 0;}
#outer-wrapper { font: $bodyFont;}
/* Header----------------------------------------------- */#header-wrapper { margin:0; padding: 0; background-color: $headerCornersColor; text-align: $startSide;}
#header { width: 760px; margin: 0 auto; background-color: $headerBgColor; border: 1px solid $headerBgColor; color: $headerTextColor; padding: 0; font: $headerFont;}
h1.title { padding-top: 38px; margin: 0 14px .1em; line-height: 1.2em; font-size: 100%;}
h1.title a, h1.title a:visited { color: $headerTextColor; text-decoration: none;}
#header .description { display: block; margin: 0 14px; padding: 0 0 40px; line-height: 1.4em; font-size: 50%;} /* Content----------------------------------------------- */
.clear { clear: both;}
#content-wrapper { width: 760px; margin: 0 auto; padding: 0 0 15px; text-align: $startSide; background-color: $mainBgColor; border: 1px solid $borderColor; border-top: 0;}#main-wrapper { margin-$startSide: 14px; width: 464px; float: $startSide; background-color: $mainBgColor; display: inline; /* fix for doubling margin in IE */ 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 { margin-$endSide: 14px; width: 240px; float: $endSide; background-color: $mainBgColor; display: inline; /* fix for doubling margin in IE */ 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 */}
/* Headings----------------------------------------------- */h2, h3 { margin: 0;}
/* Posts----------------------------------------------- */.date-header { margin: 1.5em 0 0; font-weight: normal; color: $dateHeaderColor; font-size: 100%;}.post { margin: 0 0 1.5em; padding-bottom: 1.5em;}.post-title { margin: 0; padding: 0; font-size: 125%; font-weight: bold; line-height: 1.1em;}.post-title a, .post-title a:visited, .post-title strong { text-decoration: none; color: $textColor; font-weight: bold;}.post div { margin: 0 0 .75em; line-height: 1.3em;}
.post-footer { margin: -.25em 0 0; color: $textColor; font-size: 87%;}
.post-footer .span { margin-$endSide: .3em;}
.post img, table.tr-caption-container { padding: 4px; border: 1px solid $borderColor;}.tr-caption-container img { border: none; padding: 0;}.post blockquote { margin: 1em 20px;}.post blockquote p { margin: .75em 0;}
/* Comments----------------------------------------------- */#comments h4 { margin: 1em 0; color: $dateHeaderColor;}#comments h4 strong { font-size: 110%;}#comments-block { margin: 1em 0 1.5em; line-height: 1.3em;}#comments-block dt { margin: .5em 0;}#comments-block dd { margin: .25em 0 0;}#comments-block dd.comment-footer { margin: -.25em 0 2em; line-height: 1.4em; font-size: 78%;}#comments-block dd p { margin: 0 0 .75em;}
.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; }
/* Sidebar Content----------------------------------------------- */.sidebar h2 { margin: 1.6em 0 .5em; padding: 4px 5px; background-color: $sidebarTitleBgColor; font-size: 100%; color: $sidebarTitleTextColor;} .sidebar ul { margin: 0; padding: 0; list-style: none;}.sidebar li { margin: 0; padding-top: 0; padding-$endSide: 0; padding-bottom: .5em; padding-$startSide: 15px; text-indent: -15px; line-height: 1.5em;}.sidebar { color: $textColor; line-height:1.3em;}.sidebar .widget { margin-bottom: 1em;}
.sidebar .widget-content { margin: 0 5px;}
/* Profile----------------------------------------------- */.profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $borderColor;}
.profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font-weight: bold; line-height: 1.6em; font-size: 78%;}
.profile-datablock { margin:.5em 0 .5em;}
.profile-textblock { margin: 0.5em 0; line-height: 1.6em;}
/* Footerbr /> ----------------------------------------------- */#footer { clear: both; text-align: center; color: $textColor;}
#footer .widget { margin:.5em; padding-top: 20px; font-size: 85%; line-height: 1.5em; text-align: $startSide;}]]></b:skin> </head>
<body> <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'><b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/></b:section>
<div id='outer-wrapper'><div id='wrap2'>
<!-- 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='Hanis fanfic (Header)' type='Header'/></b:section> </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:section> </div>
<div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'><b:widget id='Followers1' locked='false' title='Followers' type='Followers'/><b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/><b:widget id='Profile1' locked='false' title='About Me' type='Profile'/><b:widget id='Attribution1' locked='false' title='' type='Attribution'/></b:section> </div>
<!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div>
</div></div> <!-- end outer-wrapper --> <b:include data='blog' name='google-analytics'/></body></html>
credit: Sasya
Langganan:
Postingan (Atom)