Tuesday, December 18, 2012

Free template washed denim

Assalamualaikum..
Jawab, jangan tak jawab, WAJIB!!

Hari ni, saya sangat lah busy.. Opss, bukan hari ni, sebenarnya sejak semalam lagi. Bukan busy apa pon.. Saya ni ha,, yang mengada-ngada nak mem'busy'kan diri.. Kalau diikutkan, setiap hari saya duduk goyang kaki je.. Haha.. X ada kerja.. *apa guna anak dara lah... Hihi.. 

Ok, actually, saya ada buat satu freebies taw.. Haha.. "Eh, budak mentah macam kau ni pon ada hati nak buat freebies.. Ko ingat ada ke orang nak tengok ha!" Eh... kejap3, saya buat freebies ni bukan sebab nak menunjuk ke, nak suruh orang puji ke,,(eh, ada ke orang nak puji.. hehe) tidak,, tidak sama sekali.. Saya buat ni saje suka-suka.. Kan saya kata tadi, saya saja nak mem'busy'kan diri je.. Kehkehkeh.. Tapi, kalau ada yang sudi nak tengok, tengok lah kat bawah ni..

Hmmm,, macam mana? Ok tak? Err, kalau tak okey, jangan lah kutuk ye.. Kang buat dosa kering tak pasal-pasal.. Sape yang salah? Saya jugak.. Hihi..
Ok, sape yang berkenan dengan template ni, boleh lah ikut step-step yang akan saya tunjukkan ni..
Sebelum saya tunjuk cara-cara tu, saya nak ingatkan awak semua, tolong jangan save terus ye, preview dulu, kalau dah jadi, baru lah save taw.. Takut nanti tak jadi ke hapa ke, saya yang salah nanti.. Ingat taw!!

1- Firstly, make sure template yang korang guna sekarang ni, simple template.. Kalau bukan simple template, tukar dulu ye..

2- Then, bukak layout, dan tekan edit di bahagian header. Macam gambar ni

3-Lepas tekan edit tu, akan keluar pop up window macam kat bawah ni.


4-Copy url ni dan paste kat dalam ruang yang disediakan tu.. 
 http://i1245.photobucket.com/albums/gg588/seraazwa/Untitled-0_zps710d35dd.png

5-Jangan save dulu.. Tunggu sampai ada gambar macam kat bawah ni, baru save.. Pastikan url tu betul ye.. Check taw.. Tick kat tempat yang macam kat gambar ni ye..

Ok, siap header!! Cuba korang bukak blog korang, jadi tak header tu.. Kalau jadi, kita continue to the next steps. Kalau tak jadi, maaf lah saya tak tahu apa masalahnya..

6- Next, pergi ke Template ----> Edit HTML. Buang semua kod yang memang ada di situ. Kalau memang x ada kod, biarkan je.. Then, copy kod kat bawah ni dan paste kat ruang kosong yang korang dah padam tadi.
<?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>
    <meta expr:content='data:blog.metaDescription' name='description'/>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Washed Denim
Designer: Darren Delaye
URL:      www.DarrenDelaye.com
Date:     11 Jul 2006
-----------------------------------------------
*/

#navbar-iframe {display: none !important;}
/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="textColor" description="Text Color"
           type="color" default="#333333" value="#091f00">
 <Variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#990000">

 <Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="#ffffff" value="transparent">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="#333333" value="#000000">
 <Variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="#ffffff" value="transparent">

 <Variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="borderColor" description="Border Color"
           type="color" default="#ffffff" value="#3c7b22">
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#990000">

 <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#ffffff" value="#ffedcc">
 <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
           type="color" default="#333333" value="#091f00">

 <Variable name="bodyFont" description="Text Font"
           type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 13px Verdana, Geneva, 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;
}
::selection {
background: #ccff99; /* Safari */
color: #000000;
}
::-moz-selection {
background: #ccff99; /* Firefox */
color: #00cc00;
}
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: 970px;
  margin: 0 auto;
  background-color: $headerBgColor;
  border: 0px 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%;
}
                                                           
.Header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}
/* Content
----------------------------------------------- */

.clear {
  clear: both;
}


#content-wrapper {
-moz-box-shadow: 0 0 4px 4px #FF4ECD;
-webkit-box-shadow: 0 0 6px 6px #FF4ECD;
box-shadow: 0 0 4px 4px #FF4ECD;
-moz-border-radius-topleft: 20px;-moz-border-radius-bottomright: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-top-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
  width: 970px;
  margin: 0 auto;
  padding: 0 0 15px;
  text-align: $startSide;
  background-color: $mainBgColor;
  border-top: 0;
}
#main-wrapper {
  margin-$startSide: 14px;
  width: 700px;
  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: 200px;
  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
----------------------------------------------- */
.post blockquote {
background: url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTOAQWxw9DHPoIqYauwr5qDEdGfN4tnhK4jeTLaSvD-2Podzz77');
padding: 5px;
Border: 2px solid #FF4ECD;
colour:#FF4ECD;
border: 2px solid #FF4ECD;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
blockquote:hover{
display:block;
padding:5px;
border-left:0px solid #FFE2C4;
border-right:20px solid #FFE2C4;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
h2, h3 {
  margin: 0;
}

/* Posts
----------------------------------------------- */
.date-header {
background: #FF4ECD ! important;
border: 2px hidden ;
-moz-border-radius-topright: 50px;
-moz-border-radius-topleft: 50px;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
text-align:center;
  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 {
background : #FFE2C4;
border : 3px solid #FFE2C4;
text-align:center;
  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 {
text-align:center;
padding:8px;
color: #F9A1A1;
font-size: 95%;
background: #FFE2C4;
border-left: 3px solid #FF4ECD;
border-right: 3px solid #FF4ECD;
moz-box-shadow: 0 0 5px 3px #FF4ECD;
-webkit-box-shadow: 0 0 5px 3px #FF4ECD;
border-radius:7px;
margin:6px;
}
  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 {
display:none;
}
  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 {
background : #FDE1FB;
border : 3px solid #FF4ECD;
text-align:center;
 margin: 3.0em 3.0;
 padding: 1px 3px;
 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: 2em;
}

.sidebar .widget-content {
  margin: 5 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;
}

                                                           
/* Footer
----------------------------------------------- */
#footer {
  clear: both;
  text-align: center;
  color: $textColor;
}

#footer .widget {
  margin: .5em;
  padding-top: 0px;
  font-size: 0%;
  line-height: 1.5em;
  text-align: $startSide;
}
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #F9A1A1;
}
::-webkit-scrollbar-thumb {
background-color: #FF4ECD;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid:#A8F48A;
border: 1px solid #000000;
}

]]></b:skin>
<link href='http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic007demoji_17573636decoojp.gif' rel='shortcut icon' type='image/x-icon'/>

<link href='http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic007demoji_17573636decoojp.gif' rel='icon' type='image/x-icon'/>

<base target='_blank'/>
</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='THIS IS MY SITE (Header)' type='Header'/>
</b:section>
    </div>

    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'>
<b:widget id='HTML11' locked='false' title='' type='HTML'/>
</b:section>
      </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='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='Followers1' locked='false' title='FOLLOWERS' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='OLD ENTRY' type='BlogArchive'/>
<b:widget id='HTML16' locked='false' title='' type='HTML'/>
<b:widget id='Attribution1' locked='true' 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'>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
</b:section>
    </div>

  </div></div> <!-- end outer-wrapper -->
  <b:include data='blog' name='google-analytics'/>
 <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>

<center><img src='http://i1245.photobucket.com/albums/gg588/seraazwa/Untitled-10_zps9131da89.png'/></center>
</body>
</html>

7- Jangan save dulu.. Sekarang ni, korang tick dekat Expand Widget Templates ----> Tekan CTRL+F----> Cari tulisan ni -----> URL BLOG KORANG -----> Lepas dah jumpa, gantikan ayat tu dengan url blog korang ye..

8- Cuba preview, jadi tak.. Kalau jadi, save.. Bila korang tekan save, akan keluar satu pop up window macam kat bawah ni, korang tekan keep widget taw..

Lepas dah save tu, cuba tengok blog korang, jadi tak? Kalau jadi Alhamdulillah..

9- Perasan tak, background tak ada.. Atau pun background tu memang background korang yang asal.. Nak tukar tak background? Kalau nak tukar, copy code bawah ni
<style>body{background:black url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSBsmpod919C4mpSFyHQ1HuGCmNyQK6DjDGYcaTOScse1uUI315) fixed;}</style>

10- Then bukak layout ----> Add a gadget -----> HTML/Javascript ----> Paste kat situ.

11- Sekarang siap.. Kalau jadi, bagitahu eh.. Terima kasih

6 comments:

 
Blog 100% edited and touched by CIK LIMEGREEN