cute

Freebies : Free Denim Template cute dan simple

September 13, 2013

lama tak buat freebies aih.. dulu cita-cita nak wat freebies, tutorial segala. tapi tak banyak masa.

aku suka ' Denim template '.

pasai senang nak edit. hehehe..

so, terlebih rajin nak bagi lah template yang aku design ni.

simple je pun.

kalau nak ambik lah.. tak payah nak kredit bagai k.

ni code dia :

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

<head>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Denim

Designer: Puan Mell

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="#191919">

<Variable name="linkColor" description="Link Color"

type="color" default="#336699" value="#333f4c">

<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="transparent">

<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 16px Josefin Sans">

<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: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbS3hbWuNqOe8jXZE9_ui8G_QSxz5bv7Ms6z3r9rhKt63c7e1etcSA8yqLo_5F7EUA1YY_3ci6AA-RK1DO577GWGdVROZDEXXF_qV41OrTx8AYsW4P9iBE8AZxDb69Fn-zPNDeQCLrW98/s1600/background20.jpg') fixed;

margin:0;

color:$textcolor;

font:x-small Georgia Serif;

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: 960px;

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: 960px;

margin: 0 auto;

padding: 0 0 15px;

text-align: $startSide;

background-image: url(http://i1218.photobucket.com/albums/dd417/cheesweet/backgroundbody3.png);

border-top-left-radius: 25px 25px;

border-top-right-radius: 25px 25px;

border-bottom-left-radius: 25px 25px;

border-bottom-right-radius: 25px 25px;

border-left: 8px #FA5858 solid;

border-right: 8px #FA5858 solid;

border-top: 1px solid #ffffff;

border-bottom: 1px solid #FA5858;

moz-border-radius: 0em 4em 0em 4em;

border-radius: 0em 4em 0em 4em;

}

#main-wrapper {

margin-$startSide: 14px;

width: 600px;

float: $startSide;

background-image:url(http://i1218.photobucket.com/albums/dd417/cheesweet/backgroundbody3.png);

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 {

text-align:center;

margin: 1.5em 0 0;

font-weight: normal;

color: #FA5858;

font-size: 100%;

}

.post {

margin:2.5em 0.75em;

padding:2px;

font-size: 95%;

background-image: url(http://i1218.photobucket.com/albums/dd417/cheesweet/backgroundbody3.png);

border-top-left-radius: 10px 10px;

border-top-right-radius: 10px 10px;

border-bottom-left-radius: 10px 10px;

border-bottom-right-radius: 10px 10px;

border:2px solid #A4A4A4;

color: #000000;

}

.post-title {

text-align:center;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbS3hbWuNqOe8jXZE9_ui8G_QSxz5bv7Ms6z3r9rhKt63c7e1etcSA8yqLo_5F7EUA1YY_3ci6AA-RK1DO577GWGdVROZDEXXF_qV41OrTx8AYsW4P9iBE8AZxDb69Fn-zPNDeQCLrW98/s1600/background20.jpg);

border-style: double;

-moz-border-radius: 35px;

border-radius: 35px;

margin:1em;

font: normal normal 14px Segoe Print;

color: #FA5858;

}

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

border-top: 1px solid #FA5858;

border-bottom: 1px solid #FA5858;

text-align:center;

margin:1em;

font: normal normal 14px Segoe Print;

color: #A4A4A4;

}

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

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivqp33vzYp6MfuQheperXFp3N-MXFkMqqRnzZVBUpr2H4vyiIfqhBl5tLOogZBQDOPdU2WakVkt89FXDFtiwWUOBqGGWdiCSSJ91fdDxO53zpgJmk3IyJaTpEk-NUIeAgpOKWS3anlznf3/s320/FH6.png);

border-top: 2px solid #000000;

border-left: 2px solid #000000;

border-right: 2px solid #000000;

border-bottom: 2px solid #000000;

border-radius: 5px;

margin:1em 20px;

padding: 5px;

}

.post blockquote:hover {

background-image:url(http://www.picgifs.com/graphics/k/kawaii/graphics-kawaii-211472.gif);

background-position:bottom right;

background-repeat:no-repeat;

-moz-box-shadow: 0 0 10px #FA5858;

-webkit-box-shadow: 0 0 18px #FA5858;

}

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

text-align:center;

border-style: double;

-moz-border-radius: 35px;

border-radius: 35px;

margin:1em;

font: normal normal 14px Segoe Print;

color: #FA5858;

}

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

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

border-radius: 20px;

border:2px solid #A4A4A4;

margin:2.5em 0.75em;

-moz-border-radius: 35px;

border-radius: 35px;

padding:5px;

font-size: 95%;

background:#fffff

}

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

}

#comments-block{

margin:0;

padding:0;

}

#comments-block .comment-author{

background:#FBBBB9 !important;

-moz-border-radius-topleft: 30px;

-moz-border-radius-topright: 30px;

padding:5px;

font-size:15px;

font-weight:bold;

border:1px solid #FBBBB9;

}

#comments-block .comment-body{

margin: 0;

font-size: 17px;

border-left: 1px solid #FBBBB9;

border-right: 1px solid #FBBBB9;

margin-top: -5px; /*position*/

padding: 5px;

}

#comments-block .comment-footer{

margin:0;

font-size: 13px;

font-weight: normal;

margin-bottom: 20px;

border-left: 1px solid #FBBBB9;

border-right: 1px solid #FBBBB9;

border-bottom: 1px solid #FBBBB9;

-moz-border-radius-bottomright: 10px;

-moz-border-radius-bottomleft: 10px;

margin-top: -12px; /*position*/

padding: 5px;

}

#comments-block .deleted-comment{

font-style:italic;

color:gray;

}

#comments-block .comment-author a{

color:#ffffff !important;

}

#comments-block .comment-footer a, .comment-body a{

color:#FBBBB9 !important;

}

::-webkit-scrollbar {

width: 8px;

height: 8px;

}

::-webkit-scrollbar-track-piece {

background-color: #FA5858;

border: 3px solid #6E6E6E;

}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {

background-color: #6E6E6E;

border: 1px solid #FA5858;

}

]]></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:includable id='main'><script type="text/javascript">

function setAttributeOnload(object, attribute, val) {

if(window.addEventListener) {

window.addEventListener('load',

function(){ object[attribute] = val; }, false);

} else {

window.attachEvent('onload', function(){ object[attribute] = val; });

}

</script>

gapi.load("iframes-styles-bubble", function() {

if (window.iframes && iframes.open) {

iframes.open(

'//www.blogger.com/navbar.g?targetBlogID\0756092430755770727052\46blogName\75Belog+suka+hati\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://ummisyukrii.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://ummisyukrii.blogspot.com/\46readAccessMode\75PRIVATE\46blogFollowUrl\75https://plus.google.com/110068606647509793886\46vt\75-2805103467241496882',

{

container: "navbar-iframe-container",

id: "navbar-iframe"

{

});

}

});

</script><script type="text/javascript">

(function() {

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';

var head = document.getElementsByTagName('head')[0];

if (head) {

head.appendChild(script);

}})();

</script>

</b:includable>

</b:widget>

</b:section>

<a href='#main'>skip to main </a> |

<a href='#sidebar'>skip to sidebar</a>

</span>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Belog suka hati (Header)' type='Header'>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "BEHIND"'>

<!--

Show image as background to text. You can't really calculate the width

reliably in JS because margins are not taken into account by any of

clientWidth, offsetWidth or scrollWidth, so we don't force a minimum

width if the user is using shrink to fit.

This results in a margin-width's worth of pixels being cropped. If the

user is not using shrink to fit then we expand the header.

-->

<b:if cond='data:mobile'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

<b:else/>

</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>

<b:include name='description'/>

</b:if>

</div>

</b:if>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

</b:includable>

<b:includable id='description'>

</div>

</b:includable>

<b:includable id='title'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='crosscol' id='crosscol'/>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

<b:includable id='main' var='top'>

<b:if cond='data:mobile == "false"'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.isDateStart'>

<b:if cond='data:post.isFirstPost == "false"'>

</div></div>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "static_page"'>

<b:include data='post' name='comment_picker'/>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='comment_picker'/>

</b:if>

</div>

<b:if cond='data:post.includeAd'>

<b:if cond='data:post.isFirstPost'>

<data:defaultAdEnd/>

<b:else/>

<data:adEnd/>

</b:if>

<data:adCode/>

</div>

<data:adStart/>

</b:if>

</b:loop>

<b:if cond='data:numPosts != 0'>

</div></div>

</b:if>

<data:adEnd/>

</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>

google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});

function initialize() {

google.annotations.setApplicationId(<data:top.blogspotReviews/>);

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>

<b:else/>

<b:include name='mobile-main'/>

</b:if>

<b:if cond='data:top.showDummy'>

<data:top.dummyBootstrap/>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

</a>

</span>

</b:includable>

<b:includable id='backlinks' var='post'>

<b:if cond='data:post.numBacklinks != 0'>

<b:loop values='data:post.backlinks' var='backlink'>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

<b:includable id='comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<b:if cond='data:showCmtPopup'>

</div>

<b:else/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='comment_count_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

</span>

<b:else/>

<data:post.commentLabelFull/>:

</a>

</b:if>

</b:includable>

<b:includable id='comment_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

<b:include data='post' name='iframe_comments'/>

<b:else/>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.commentPagingRequired'>

<b:if cond='data:post.hasOlderLinks'>

</b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>

</b:if>

</span>

</b:if>

<b:loop values='data:post.comments' var='comment'>

<b:if cond='data:comment.favicon'>

</b:if>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

<b:if cond='data:comment.authorUrl'>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.isDeleted'>

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</dd>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=6092430755770727052&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[REPLY SINI!]</a></span>

</span>

</dd>

</b:loop>

</dl>

</div>

<b:if cond='data:post.commentPagingRequired'>

<data:post.oldestLinkText/>

</a>

<data:post.olderLinkText/>

</a>

<data:post.commentRangeText/>

<data:post.newerLinkText/>

</a>

<data:post.newestLinkText/>

</a>

</span>

</b:if>

<b:if cond='data:post.embedCommentForm'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

</b:if>

</p>

</b:if>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:feedLinks'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.feedLinks'>

<b:include data='post.feedLinks' name='feedLinksBody'/>

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

</b:loop>

</div>

</b:includable>

<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>

<b:if cond='data:post.embedCommentForm == "false"'>

</b:if>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

<b:if cond='data:post.dateHeader'>

</div>

</b:if>

<data:post.title/>

</h3>

<div class='mobile-index-arrow'>&rsaquo;</div>

<b:if cond='data:post.thumbnailUrl'>

</div>

</b:if>

<b:if cond='data:post.snippet'><data:post.snippet/></b:if>

</div>

</a>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.numComments != 0'>

<b:include data='post' name='comment_count_picker'/>

</b:if>

</div>

</b:includable>

<b:includable id='mobile-main' var='top'>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-index-post'/>

</b:loop>

<b:else/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-post'/>

</b:loop>

</b:if>

</div>

<b:include name='mobile-nextprev'/>

</b:includable>

<b:includable id='mobile-nextprev'>

<b:if cond='data:newerPageUrl'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>

</div>

</b:if>

<b:if cond='data:olderPageUrl'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>

</div>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='mobile-post' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.thumbnailUrl'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

<data:post.body/>

</div>

<b:if cond='data:top.showAuthor'>

<b:if cond='data:post.authorProfileUrl'>

</a>

</span>

<b:else/>

</span>

</b:if>

</span>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.allowComments'>

<b:include data='post' name='comment_count_picker'/>

</b:if>

</span>

</div>

<b:if cond='data:top.showMobileShare'>

</div>

</b:if>

<b:if cond='data:top.showDummy'>

</b:if>

</div>

<b:if cond='data:blog.pageType == "static_page"'>

<b:include data='post' name='comment_picker'/>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='comment_picker'/>

</b:if>

</div>

</b:includable>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

</b:if>

<b:if cond='data:mobileLinkUrl'>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='post' var='post'>

<b:if cond='data:post.firstImageUrl'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

<b:if cond='data:blog.metaDescription == ""'>

<!-- Then use the post body as the schema.org description,

for good G+/FB snippeting. -->

<data:post.body/>

</div>

<b:else/>

<data:post.body/>

</div>

</b:if>

<b:if cond='data:post.hasJumpLink'>

</div>

</b:if>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

<b:if cond='data:post.authorProfileUrl'>

</a>

</span>

<b:else/>

</span>

</b:if>

</span> <span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span> <span class='post-labels'>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</b:if>

</span> <span class='post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.allowComments'>

<b:include data='post' name='comment_count_picker'/>

</b:if>

</span> <span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>

</a>

</span>

</b:if>

<b:include data='post' name='postQuickEdit'/>

</span> <div class='post-share-buttons goog-inline-block'>

<b:if cond='data:post.sharePostUrl'>

<b:include data='post' name='shareButtons'/>

</b:if>

</div> <span class='post-backlinks post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.showBacklinks'>

</b:if>

</span> </div>

<b:if cond='data:top.showLocation'>

<b:if cond='data:post.location'>

<data:postLocationLabel/>

</b:if>

</span> </div>

<b:if cond='data:post.authorAboutMe'>

<b:if cond='data:post.authorPhoto.url'>

</b:if>

<div>

</a>

</div>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='shareButtons' var='post'>

<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>

</b:includable>

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='threaded_comment_js' var='post'>

(function() {

var items = <data:post.commentJso/>;

var msgs = <data:post.commentMsgs/>;

var config = <data:post.commentConfig/>;

// <![CDATA[

var cursor = null;

if (items && items.length > 0) {

cursor = parseInt(items[items.length - 1].timestamp) + 1;

}

var bodyFromEntry = function(entry) {

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {

return '<span class="deleted-comment">' + entry.content.$t + '</span>';

}

return entry.content.$t;

}

var parse = function(data) {

cursor = null;

var comments = [];

if (data && data.feed && data.feed.entry) {

for (var i = 0, entry; entry = data.feed.entry[i]; i++) {

var comment = {};

// comment ID, parsed out of the original id format

var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);

comment.id = id ? id[2] : null;

comment.body = bodyFromEntry(entry);

comment.timestamp = Date.parse(entry.published.$t) + '';

if (entry.author && entry.author.constructor === Array) {

var auth = entry.author[0];

if (auth) {

comment.author = {

name: (auth.name ? auth.name.$t : undefined),

profileUrl: (auth.uri ? auth.uri.$t : undefined),

avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)

};

}

if (entry.link) {

if (entry.link[2]) {

comment.link = comment.permalink = entry.link[2].href;

}

if (entry.link[3]) {

var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);

if (pid && pid[1]) {

comment.parentId = pid[1];

}

comment.deleteclass = 'item-control blog-admin';

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {

comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;

} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {

comment.displayTime = entry.gd$extendedProperty[k].value;

}

comments.push(comment);

}

return comments;

};

var paginator = function(callback) {

if (hasMore()) {

var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';

if (cursor) {

url += '&published-min=' + new Date(cursor).toISOString();

}

window.bloggercomments = function(data) {

var parsed = parse(data);

cursor = parsed.length < 50 ? null

: parseInt(parsed[parsed.length - 1].timestamp) + 1

callback(parsed);

window.bloggercomments = null;

}

url += '&callback=bloggercomments';

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = url;

document.getElementsByTagName('head')[0].appendChild(script);

}

};

var hasMore = function() {

return !!cursor;

};

var getMeta = function(key, comment) {

if ('iswriter' == key) {

var matches = !!comment.author

&& comment.author.name == config.authorName

&& comment.author.profileUrl == config.authorUrl;

return matches ? 'true' : '';

} else if ('deletelink' == key) {

return config.baseUri + '/delete-comment.g?blogID='

+ config.blogId + '&postID=' + comment.id;

} else if ('deleteclass' == key) {

return comment.deleteclass;

}

return '';

};

var replybox = null;

var replyUrlParts = null;

var replyParent = undefined;

var onReply = function(commentId, domId) {

if (replybox == null) {

// lazily cache replybox, and adjust to suit this style:

replybox = document.getElementById('comment-editor');

if (replybox != null) {

replybox.height = '250px';

replybox.style.display = 'block';

replyUrlParts = replybox.src.split('#');

}

if (replybox && (commentId !== replyParent)) {

document.getElementById(domId).insertBefore(replybox, null);

replybox.src = replyUrlParts[0]

+ (commentId ? '&parentID=' + commentId : '')

+ '#' + replyUrlParts[1];

replyParent = commentId;

}

};

var hash = (window.location.hash || '#').substring(1);

var startThread, targetComment;

if (/^comment-form_/.test(hash)) {

startThread = hash.substring('comment-form_'.length);

} else if (/^c[0-9]+$/.test(hash)) {

targetComment = hash.substring(1);

}

// Configure commenting API:

var configJso = {

'maxDepth': config.maxThreadDepth

};

var provider = {

'id': config.postId,

'data': items,

'loadNext': paginator,

'hasMore': hasMore,

'getMeta': getMeta,

'onReply': onReply,

'rendered': true,

'initComment': targetComment,

'initReplyThread': startThread,

'config': configJso,

'messages': msgs

};

var render = function() {

if (window.goog && window.goog.comments) {

var holder = document.getElementById('comment-holder');

window.goog.comments.render(holder, provider);

}

};

// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {

render();

} else {

window.goog = window.goog || {};

window.goog.comments = window.goog.comments || {};

window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

window.goog.comments.loadQueue.push(render);

}

})();

// ]]>

</script>

</b:includable>

<b:includable id='threaded_comments' var='post'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='threaded_comment_js'/>

</b:if>

<data:post.commentHtml/>

</div>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threaded-comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

<b:if cond='data:codeSnippet != ""'>

<b:else/>

<b:if cond='data:totalFollowerCount != ""'>

</b:if>

<b:if cond='data:codeSnippet != ""'>

<data:codeSnippet/>

</div>

<b:else/>

<b:if cond='data:totalFollowerCount == ""'>

</span>

</span>

<b:else/>

<b:if cond='data:followingLinkPresent'>

<data:followThisMessage/>

</a>

</div>

<data:stopFollowingMessage/>

</a>

</div>

</b:if>

<b:if cond='data:totalFollowerCount == 0'>

<data:emptyFollowersMessage/>

</div>

</b:if>

<!--

Relies on the js written out in navbar.gxp

-->

<b:loop values='data:followers' var='follower'>

</a>

</div>

</b:loop>

</div>

<data:followersFooterMessage/>

<data:viewAllMessage/>

</a>

</span>

<data:manageFollowersMessage/>

</a>

</span>

</div>

</b:if>

</div>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

<b:include name='quickedit'/>

</div></div>

</b:includable>

<b:includable id='flat' var='data'>

<b:loop values='data:data' var='i'>

<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)

</li>

</b:loop>

</ul>

</b:includable>

<b:includable id='interval' var='intervalData'>

<b:loop values='data:intervalData' var='i'>

<b:include data='i' name='toggle'/>

<b:if cond='data:i.data'>

<b:include data='i.data' name='interval'/>

</b:if>

<b:if cond='data:i.posts'>

<b:include data='i.posts' name='posts'/>

</b:if>

</li>

</ul>

</b:loop>

</b:includable>

<b:includable id='menu' var='data'>

<b:loop values='data:data' var='i'>

</b:loop>

</select>

</b:includable>

<b:includable id='posts' var='posts'>

<b:loop values='data:posts' var='i'>

</b:loop>

</ul>

</b:includable>

<b:includable id='toggle' var='interval'>

<b:if cond='data:interval.toggleId'>

<b:if cond='data:interval.expclass == "expanded"'>

</a>

<b:else/>

<b:if cond='data:blog.languageDirection == "rtl"'>

◄ 

<b:else/>

► 

</b:if>

</span>

</a>

</b:if>

</b:includable>

</b:widget>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<b:if cond='data:team == "true"'>

<ul>

<b:loop values='data:authors' var='i'>

</b:loop>

</ul>

<b:else/>

<b:if cond='data:photo.url != ""'>

</b:if>

<data:displayname/>

</a>

<b:if cond='data:hasgoogleprofile'>

<br/>

</b:if>

</dt>

<b:if cond='data:showlocation == "true"'>

</b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>

</dl>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

<b:section class='footer' id='footer'/>

</div>

</div></div>

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

</body>

</html>

header tu aku punya.. hehe.. korang tukar lah ngan korang punya keh. cara nak tukar template.

Backup dulu template lama. kot tak jadi ke hapa kan.. simpan la dulu kat mana2. notepad ke apa ke.

copy code yang aku bagi

pegi dashboard --> template --> edit HMTL ---> edit template ( ni new version) (version lama ---> proceed --->tick Expand widget)

delete/buang semua code yang ada.

paste code yang aku bagi tadi tu.

preview. kalau suka save.done!..

kalau tak paham komen kat bawah.. tak pun tinggal email or contact. nanti aku roger and out. hehe..

4 comments

sitirohaida13 September 2013 at 17:39
wah...bagus nie...
ReplyDelete
Replies
Masha Meisters14 September 2013 at 13:38
hehe...cantikkkk! pandainyer kak mell
ReplyDelete
Replies
Unknown17 September 2013 at 15:25
pandai ye edit sendiri blog.. kalo deqla byk malas je..haha..
ReplyDelete
Replies
Unknown16 February 2014 at 14:51
Cane nak carik URL header nye eak ? nak tukar , saya suke background nye , Omeyy ,, ;) Reply comment sya please ~
ReplyDelete
Replies

Add comment

tengkiu for komeng.. i'll catch yuu.. ngehh..

Freebies : Free Denim Template cute dan simple

4 comments

ABOUT ME

SUBSCRIBE & FOLLOW

POPULAR POSTS

Advertisement

Contact Form

About Me

Mereka

Search This Blog

Jari Berbicara

Bicara mereka

Pengomen Terhebak

Tegur sapa

Freebies : Free Denim Template cute dan simple

Related Articles

4 comments

ABOUT ME

SUBSCRIBE & FOLLOW

POPULAR POSTS

Advertisement

Contact Form

About Me

Mereka

Search This Blog

Jari Berbicara

Bicara mereka

Pengomen Terhebak

Tegur sapa