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

    <!-- 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'>&#160;</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>

32 comments

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

nak gunaaaaa! utk blog kedua :3 hihi

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

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

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

nak try guna boley tak?

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

nk try laa nnt

Wednesday, November 21, 2012 11:29:00 PM Delete! [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

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

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

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

Ape kelebihan template denim ni ye?

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

nak guna jugak :)

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

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

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

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

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

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

Monday, November 26, 2012 9:54:00 PM Delete! [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 Delete! [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]

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

saye takmau dah

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

mnta izin gna ya..thnkz

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

Thanks au . nak guna !

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

tq.

Wednesday, June 05, 2013 12:45:00 PM Delete! [Reply Comment]

thanks

Sunday, June 23, 2013 10:15:00 AM Delete! [Reply Comment]

Thankyouuu :*

Saturday, July 06, 2013 8:01:00 AM Delete! [Reply Comment]

saya guna k

Thursday, July 11, 2013 7:19:00 PM Delete! [Reply Comment]

saya try guna ye

Friday, August 16, 2013 8:56:00 PM Delete! [Reply Comment]

knape x jadi ea ? dulu kat 1st blog saye jadi jer. knpe skrg x jdk ?

Friday, August 16, 2013 8:57:00 PM Delete! [Reply Comment]

eh dah jadi lah.. tengss :D

Wednesday, September 11, 2013 9:59:00 AM Delete! [Reply Comment]

sis saya nak mntak izin utk 'curi' kod ni sbg freebies sy . boleh ? (kena tunggu jwpan dari sis)

Monday, September 23, 2013 2:42:00 PM Delete! [Reply Comment]

Tak boleh copy sbb dah disable. T__T

Tuesday, November 26, 2013 7:10:00 AM Delete! [Reply Comment]

tq akak.. saya guna ya?

Friday, December 06, 2013 2:49:00 AM Delete! [Reply Comment]

TERIMA KASIH TERIMA KASIH TERIMA KASIH SANGAT SNAGAT NABILA!!!!!!! NANGIS DHUWAAAAAA TEIMA KASIHSANAT <3

Thursday, December 12, 2013 12:00:00 AM Delete! [Reply Comment]

Saya guna tau akak ..

Friday, December 13, 2013 4:24:00 AM Delete! [Reply Comment]

terima kasih :) sa ambil dan guna :3

Friday, December 13, 2013 11:29:00 AM Delete! [Reply Comment]

Nabila :) Tyhah guna aw ^_^

Friday, February 07, 2014 12:01:00 PM Delete! [Reply Comment]

saya minta izin guna ye

Thursday, February 20, 2014 6:49:00 PM Delete! [Reply Comment]

asslamualaikum, thanks for the freebies :) mohon ambil untuk experiment, hihi. have a good day ~

Post a Comment
Related Posts Plugin for WordPress, Blogger...