FAEZ ROSLI

21.11.12

Freebies : Code Template Denim (Original)

Author : Nabila Medan Time : 11/21/2012 10:45:00 PM Total Comment : 32 Label :

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ Dan Selamat Malam
Okay. Freebies ni nabila credit kepada adik Faqihah dan Hanis. Nabila dah minta izin kat adik qihah untuk buat freebies ni. Sebenarnya ramai yang tanya macam mana nak tukar ke template denim guna blogger interface kan? Template denim memang dah takada. Jadi, kalau korang rasa nak guna template denim, korang boleh guna code yang nabila bagi kat bawah ni okay? Yang bawah ni, original code denim template tanpa sebarang edit.

Cara Nak Guna?

1.Penting! Tolong backup/download atau simpan code lama korang , takut benda yang tak disangka berlaku kan?
2.Copy semua code yang nabila bagi kat bawah ni
3.Blogger Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget
4.Buang/delete semua code yang ada kat situ
5.Kemudian, paste semua code dibawah ini
6.Preview, dan seterusnya jika takada sebarang error.. tekan save
7.Tekan "Keep Widget" kalau ada keluar warning okay?
Done!

<?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'>


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


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
<b:include data='blog' name='google-analytics'/>
</body>
</html>

Entri Berkaitan ;

Nabila Medan's Giveaway

Sinopsis Drama Fira Ayuni

Story Aku & Lagu

Segmen : Pencarian Bloglist Fizgraphic

Drama Cinta Jangan Pergi Episod 21

Linkwithin

32 comments

Princess Syazliyana

Wednesday, November 21, 2012 10:50:00 PM [Reply Comment]

nak gunaaaaa! utk blog kedua :3 hihi

Anonymous

Wednesday, November 21, 2012 10:50:00 PM [Reply Comment]

Thanxx . btw kak nab bila edit header tu asyik tak menjadi dia senget je :(

Puan Siti

Wednesday, November 21, 2012 10:52:00 PM [Reply Comment]

nak try guna boley tak?

izan mama mia

Wednesday, November 21, 2012 11:25:00 PM [Reply Comment]

nk try laa nnt

Miss Sue

Wednesday, November 21, 2012 11:29:00 PM [Reply Comment]

salam.. nak minta tolong klik button G+1 kat akhir entry ni yea.. pastu komen nanti senang sue nak hit balik.. tolong sgt2 tau :)
http://ordinarygurl-sue.blogspot.com/2012/11/i-phone-5-gadjet-pilihan.html

Leeza dayasari [santai leeza]

Thursday, November 22, 2012 1:37:00 AM [Reply Comment]

mari cuba jaya. tak cuba tak akan tahu apa benda ni.
haaaaa

Nieyxzha Hassan

Thursday, November 22, 2012 1:59:00 AM [Reply Comment]

Ape kelebihan template denim ni ye?

pr!ncEsS1405

Thursday, November 22, 2012 1:07:00 PM [Reply Comment]

nak guna jugak :)

Farah

Thursday, November 22, 2012 1:32:00 PM [Reply Comment]

waaaaa! thanks kak nab!! love you laa!!! :)

Aina Sofea

Thursday, November 22, 2012 4:16:00 PM [Reply Comment]

Thank you ! Puas dah cari . Tak jumpa2 . :D

✿ Amyra Azmee ✿

Thursday, November 22, 2012 5:14:00 PM [Reply Comment]

cara nak buat denim template untuk blogger baru cmne?bleh wat tuto x?

Syamimi_Tahir

Monday, November 26, 2012 9:54:00 PM [Reply Comment]

akak pernah buat ke? sy buat dia jadi mcm ni .. Bila nak save keluar tulisan merah kat bawah kotak http://i.imgur.com/Z44Nk.jpg?1

Anonymous

Sunday, December 09, 2012 12:21:00 AM [Reply Comment]

You made some decent points there. I looked on the internet for the issue and found most individuals will go along with with your website.

[url=http://cheapnfljerseys168.10001mb.com/]Youth NFL Jerseys[/url]

[url=http://jerseys2017.a0001.net/]New Orleans Saints Jerseys[/url]

Sweet Bear

Monday, December 10, 2012 6:00:00 PM [Reply Comment]

saye takmau dah

Anonymous

Wednesday, December 19, 2012 3:11:00 PM [Reply Comment]

mnta izin gna ya..thnkz

Anonymous

Monday, January 21, 2013 6:32:00 PM [Reply Comment]

Thanks au . nak guna !

Anonymous

Saturday, May 25, 2013 3:19:00 PM [Reply Comment]

tq.