firdausharun

Isnin, 14 Mac 2011

layout blog cntik

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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[/*

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Name: Hot as Hell
Blogger Template by Coverday
URL: http://www.coverday.net/

Template released under the Creative Commons Atribution License,
DO NOT REMOVE THE FOOTER CREDITS, OR IMMA GET YOU ;)

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

/*-- (Hiding the navbar) --*/
#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
}

body {
margin:0;
padding-top:0px;
background:#000 url(http://cbimg6.com/layouts/09/06/34825ab.jpg);
font-family:"verdana",Tahoma,Verdana,sans-serif;
color:#e7e7e7;
font-size:13px;
}
img {
border:0;
}
a {
color:#ae0000;
text-decoration:none
}
a:hover {
color:#fff;
text-decoration:none
}
h1, h2, h3, h4, h5, h6 {

}
blockquote {
padding-left:10px;
color:#411d00;
font-style: normal;

}
.clear {
clear:both;
}
.alignleft {
float:left;

}
.alignright {
float:right;
}

/* The Wrapper */

.wrapper {
width:1000px;
margin:0 auto;
background:#fff;
}
.content {
width:1000px;
margin:0 auto;
background:#464646;

}
/* The Top */

.top {
height:236px;
margin-top:-12px;
background:url(http://cbimg6.com/layouts/09/06/34825ac.gif);

}
.blogname {
float:left;
width:700px;
font-family:"Century gothic",Tahoma,Verdana,sans-serif;
}
.blogname h1 {
font-size:40px;
font-weight:normal;
margin:150px 0 0 40px;
color:#787878;
text-decoration: none;
}

.blogname h1 a:link, .blogname h1 a:visited{

color: #fff;
text-decoration: none;
background-color:transparent;
}

.blogname h1 a:hover {
color: #fff;
text-decoration: none;
background-color:transparent;
}

.blogname h2 {
margin:0px 0 0 50px;
font-size:16px;
font-weight:normal;
color:#999;
}

/* Menu */
#mainmenu{
height:20px;
background:#111111;
display:block;
padding:6px 0 0px 14px;
}
#mainmenu ul {
margin:0px;
padding:0px;
}

#mainmenu ul li {
margin:0px;
list-style:none;
float:left;
margin-left:8px;
font-size:11px;
}

#mainmenu ul li a {
text-decoration:none;
color:#cc8844;
padding:3px;
padding-left:6px;
padding-right:6px;
position:relative;
}

#mainmenu ul li a:hover, #mainmenu ul li a.active {
color:#ffffff;
background-color:#660000;
text-decoration:none;

}

#mainmenu ul li a span {
display:none;
}

#mainmenu ul li a:hover span, #mainmenu ul li a.active span{
display:inline;
position:absolute;
right:-1px;
top:0px;

}

/* The Content */
#content {
float: left;
width: 765px;
margin: 0 0 3px 0;
padding: 0 0;

}

.post {
margin: 20px 10px 0 10px;
padding:0px 0px 0px 0px;
height: 100%;
text-align: justify;
color:#333;

}

.post h2 {
margin: 0 0;
padding: 0px 0px 0px 15px;
height:28px;
background: url(http://cbimg6.com/layouts/09/06/34825ad.png);
background-repeat:repeat-y;
text-align: left;
font: normal 20px "Tahoma", Arial, sans-serif;

}

.post h2 a, .post h2 a:link, .post h2 a:visited {
color: #ae0000;
background-color: transparent;
}

.post .date {
margin: 0 0;
padding: 13px 0 0 22px;
height: 21px;
background: url(http://cbimg6.com/layouts/09/06/34825ae.png) no-repeat left top;
font: normal 1.0em "Tahoma", Arial, sans-serif;
color: #fefefe;
background-color: transparent;
}

.post .postmetadata {
padding: 2px 15px 5px 15px;
background:url(http://cbimg6.com/layouts/09/06/34825af.png) no-repeat left top;
font: normal 12px Verdana, Arial, sans-serif;
text-align: right;
height:34px;

}
.p_comments {
height:25px;
width:100px;
line-height:26px;
text-align:center;
float:right;
padding:0 5px 0 27px;

}

.p_comments a:link,
.p_comments a:visited {
color: #fff;
background-color: transparent;
}

.post a:link,
.post a:visited {
color: #c11111;
background-color: transparent;
}

.post a:hover {
color: #b60202;
background-color: transparent;
text-decoration: none;
}

.entry {
display:block;
margin: 0 0;
padding: 5px 25px;
}
.cover{
margin: 0 0;
background: url(http://cbimg6.com/layouts/09/06/34825ag.png);
background-repeat:repeat-y;
}
/* The Sidebar */

#sidebar {
width:230px;
float:left;
font-size:12px;
color:#000;
margin: 10px 00px 0px 0px;
font-family:arial, sans-serif, trebuchet ms, Verdana;

}

#sidebar ul {
margin:0;
padding:0;
list-style-type:none;
}

#sidebar h2 {
font-size:15px;
height:25px;
font-weight:normal;
padding:3px 0px 0px 5px;
background:#222;
Margin: 10px 0 0 0;
color:#ccc;
font-variant:small-caps;
}

#sidebar li a {
display:block;
line-height:160%;
padding:4px 0 4px 0;
color:#ccc;
background:#626262;
border-bottom:1px solid #464646;
}

#sidebar li a:hover {
text-decoration:none;
background-color:#6c0814;
color:#fff;

}

#sidebar ul li a {
background:#none;
padding-left:10px;
}
#sidebar table {
width:100%;
text-align:center;
background-color:#464646;
}

#sidebar .widget-content {
padding: 5px 10px 10px 10px;
}
/* --- FOOTER --- */

#footer {
height:20px;
padding:10px 0 0 0px;
margin:2px 0 0 0;
color:#fff;
font-size:10px;
font-weight:normal;
letter-spacing:1px;
background:#555;
text-align:center;
}

#footer a {
color:#f99999;
text-decoration:none;
}

#footer a:hover {
color:#7b0000;

}

/* The Navigation */

.navigation {
height:10px;
padding:0 20px;
}
.navigation a {
font-weight:bold;
text-decoration:none;
font-size:14px;
color:#fff;
}
.navigation a:hover {
color:#fff;

}

/* The Attachment */

.contentCenter {
text-align:center;
}

/* The Page Title */

h2.pagetitle {
padding:0;
margin:0 0 20px 0;
font-size:25px;
text-align:center;
}

/* The Comments */

.comments {
padding: 22px 32px 23px 32px;
line-height:16px;
}

.comments ol {
margin: 0 0 30px 0;
padding: 0 0 0 20px;
font-weight: bold;
color: #FFF;

}

div.comments ol li {
padding-bottom: 9px;

}

.comments form {
}
.comments textarea {
width:96%;
height:156px;
background:#ccc;
border:2px solid #777;
color:#000;
padding:10px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#commentform {
padding-left:23px;
}
#commentform input {
background:#dcdcdc;
border:1px solid #ababab;
color:#484849;
padding-left:10px;
}
.comments input#submit {
padding:0;
width:72px;
height:29px;
}
.comments h2 {
font-size:19px;
line-height:30px;
margin:24px 0 0 0px;
padding:0;
font-weight:normal;

}
.comments ol li p {
padding:0;
margin:10px 0;
}
.comments ol li {
padding-bottom: 9px;

}

#rssbox {
width:200px;
float:right;
font-size:12px;
color:#999;
margin: 10px 00px 0px 0px;
font-family: century gothic,Verdana,sans-serif;

}

]]></b:skin>
</head>

  <body>
   <div class='wrapper'>
<div class='top'>
<div class='blogname'>
<b:section class='blogname' id='top' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Hot as Hell (Header)' type='Header'>
<b:includable id='title'>
<A expr:href='data:blog.homepageUrl'><data:title/></A>
</b:includable>
<b:includable id='description'>
<h2><data:description/></h2>
</b:includable>
<b:includable id='main'>
<h1 class='blognam'>
<b:include name='title'/>
</h1>
<b:include name='description'/>
</b:includable>
</b:widget>
</b:section>

</div>
</div>

<div id='mainmenu'>
<ul>
<li><a href='http://www.coverday.net/'>HOME</a></li>
<li><a href='http://www.coverday.net/'>Change this link</a></li>
<li><a href='http://www.coverday.net/'>And this link</a></li>
<li><a href='http://www.coverday.net/'>Yeah, this too</a></li>

</ul>
</div>

<div class='content'><div id='content'>

<b:section class='content' id='content' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
   <b:if cond='data:newerPageUrl'>
   <span id='blog-pager-newer-link'>
   <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
   </span>
   </b:if>

   <b:if cond='data:olderPageUrl'>
   <span id='blog-pager-older-link'>
   <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
   </span>
   </b:if>

   <b:if cond='data:blog.homepageUrl != data:blog.url'>
   <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
   <b:else/>
   <b:if cond='data:newerPageUrl'>
   <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
   </b:if>
   </b:if>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
   <dl class='comments-block' id='comments-block'>
   <b:loop values='data:post.backlinks' var='backlink'>
   <div class='collapsed-backlink backlink-control'>
   <dt class='comment-title'>
   <span class='backlink-toggle-zippy'> </span>
   <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
   <b:include data='backlink' name='backlinkDeleteIcon'/>
   </dt>
   <dd class='comment-body collapseable'>
   <data:backlink.snippet/>
   </dd>
   <dd class='comment-footer collapseable'>
   <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
   <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
   </dd>
   </div>
   </b:loop>
   </dl>
  </b:if>
  <p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
  </p>
</b:includable>
<b:includable id='post' var='post'>

  <div class='post uncustomized-post-template'>

  <div class='title'>
   <a expr:name='data:post.id'/>
   <b:if cond='data:post.title'>
<div class='date'><span> <b:if cond='data:post.dateHeader'>
   <data:post.dateHeader/>
   </b:if> </span></div>
   <h2 class='title'>
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link'><data:post.title/></a>
   <b:else/>
   <b:if cond='data:post.url'>
   <a expr:href='data:post.url'><data:post.title/></a>
   <b:else/>
   <data:post.title/>
   </b:if>
   </b:if>
   </h2>
   </b:if>
</div>

   <div class='post-header-line-1'/>
<div class='cover'>
   <div class='entry'>
   <p><data:post.body/></p>
   <div style='clear: both;'/> 
   </div> </div>
   <div class='postmetadata'>

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

   <b:if cond='data:post.allowComments'>
   <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'><data:top.commentLabel/> (1)<b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>)</b:if></a>
   </b:if>
   </b:if>
   </span>

   
   <span class='post-backlinks post-comment-link'>
   <b:if cond='data:blog.pageType != "item"'>
   <b:if cond='data:post.showBacklinks'>
   <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
   </b:if>
   </b:if>
   </span>

   <span class='post-icons'>
   
   <b:if cond='data:post.emailPostUrl'>
   <span class='item-action'>
   <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
   <span class='email-post-icon'> </span>
   </a>
   </span>
   </b:if>

   </span>


   <p class='post-footer-line post-footer-line-2'/>
   </div>
  </div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
   <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
   <span class='delete-comment-icon'> </span>
   </a>
  </span>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
   <div class='status-msg-body'>
   <data:navMessage/>
   </div>
   <div class='status-msg-border'>
   <div class='status-msg-bg'>
   <div class='status-msg-hidden'><data:navMessage/></div>
   </div>
   </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'> 
   <b:if cond='data:feedLinks'>
   <div class='blog-feeds'>
   <b:include data='feedLinks' name='feedLinksBody'/>
   </div>
   </b:if>

   <b:else/> 
   <div class='post-feeds'>
   <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:if>
   </b:loop>
   </div>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
   <a name='comment-form'/>
   <h3><data:postCommentMsg/></h3>
   <p><data:blogCommentMessage/></p>
   <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
   <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
   <span class='delete-comment-icon'> </span>
   </a>
  </span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
   <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
   <span expr:class='"item-control " + data:post.adminClass'>
   <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
   <span class='quick-edit-icon'> </span>
   </a>
   </span>
  </b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
   <a name='comments'/>
   <b:if cond='data:post.allowComments'>
   <h4>
   <b:if cond='data:post.numComments == 1'>
   1 <data:commentLabel/>:
   <b:else/>
   <data:post.numComments/> <data:commentLabelPlural/>:
   </b:if>
   </h4>

   <dl id='comments-block'>
   <b:loop values='data:post.comments' var='comment'>
   <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
   <a expr:name='"comment-" + data:comment.id'/>
   <b:if cond='data:comment.authorUrl'>
   <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
   <b:else/>
   <data:comment.author/>
   </b:if>
   <data:commentPostedByMsg/>
   </dt>
   <dd class='comment-body'>
   <b:if cond='data:comment.isDeleted'>
   <span class='deleted-comment'><data:comment.body/></span>
   <b:else/>
   <p><data:comment.body/></p>
   </b:if>
   </dd>
   <dd class='comment-footer'>
   <span class='comment-timestamp'>
   <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
   <data:comment.timestamp/>
   </a>
   <b:include data='comment' name='commentDeleteIcon'/>
   </span>
   </dd>
   </b:loop>
   </dl>

   <p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
   </p>
   </b:if>

   <div id='backlinks-container'>
   <div expr:id='data:widget.instanceId + "_backlinks-container"'>
   <b:if cond='data:post.showBacklinks'>
   <b:include data='post' name='backlinks'/>
   </b:if>
   </div>
   </div>
  </div>
</b:includable>
<b:includable id='main' var='top'>
  
  <div class='blog-posts'>

   <data:adStart/>
   <b:loop values='data:posts' var='post'>
   <b:include data='post' name='post'/>
   <b:if cond='data:blog.pageType == "item"'>
   <b:include data='post' name='comments'/>
   </b:if>
   </b:loop>
   <data:adEnd/>
  </div>

  
  <b:include name='nextprev'/>

  
  <b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>

<div class='navigation'>
<div class='alignleft'/>
<div class='alignright'/>
</div>

</div>

<div id='sidebar'>
<div id='rssbox'>
<a href='http://YOURBLOG.blogspot.com/feeds/posts/default'><img alt='Subscribe' src='http://cbimg6.com/layouts/09/06/34825aa.gif' style='vertical-align:middle'/></a>
</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Link List' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
   <ul>
   <b:loop values='data:links' var='link'>
   <li><a expr:href='data:link.target'><data:link.name/></a></li>
   </b:loop>
   </ul>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Text1' locked='false' title='Your Text' type='Text'>
<b:includable id='main'>
  
  <b:if cond='data:title != ""'>
   <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
   <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image1' locked='false' title='Photo' type='Image'>
<b:includable id='main'>
   <b:if cond='data:title != ""'>
   <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
   <b:if cond='data:link != ""'>
   <a expr:href='data:link'>
   <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
   </a>
   <b:else/>
   <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
   </b:if>
   <br/>
   <b:if cond='data:caption != ""'>
   <span class='caption'><data:caption/></span>
   </b:if>
   </div>
   <b:include name='quickedit'/>
  </b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
   <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
   <ul>
   <b:loop values='data:labels' var='label'>
   <li>
   <b:if cond='data:blog.url == data:label.url'>
   <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
   <b:else/>
   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
   </b:if>
   <span dir='ltr'>(<data:label.count/>)</span>
   </li>
   </b:loop>
   </ul>

   <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='CustomSearch1' locked='false' title='Search This Blog' type='CustomSearch'>
<b:includable id='main'>
   
   <b:if cond='data:title != ""'>
   <h2 class='title'><data:title/></h2>
   </b:if>

   <div class='widget-content' style='width:95%'>
   <div expr:id='data:widget.instanceId + "_form"'>
   <span class='cse-status'><data:loadingMsg/></span>
   </div>
   </div>

   
   <style type='text/css'>
   #uds-searchControl .gs-result .gs-title,
   #uds-searchControl .gs-result .gs-title *,
   #uds-searchControl .gsc-results .gsc-trailing-more-results,
   #uds-searchControl .gsc-results .gsc-trailing-more-results * {
   color:<data:linkColor/>;
   }

   #uds-searchControl .gs-result .gs-title a:visited,
   #uds-searchControl .gs-result .gs-title a:visited * {
   color:<data:visitedLinkColor/>;
   }

   #uds-searchControl .gs-relativePublishedDate,
   #uds-searchControl .gs-publishedDate {
   color: <data:dateColor/>;
   }

   #uds-searchControl .gs-result a.gs-visibleUrl,
   #uds-searchControl .gs-result .gs-visibleUrl {
   color: <data:urlColor/>;
   }

   #uds-searchControl .gsc-results {
   border-color: <data:borderColor/>;
   background-color: <data:backgroundColor/>;
   }

   #uds-searchControl .gsc-tabhActive {
   border-color: <data:borderColor/>;
   border-top-color: <data:activeBorderColor/>;
   background-color: <data:backgroundColor/>;
   color: <data:textColor/>;
   }

   #uds-searchControl .gsc-tabhInactive {
   border-color: <data:borderColor/>;
   background-color: transparent;
   color: <data:linkColor/>;
   }

   #uds-searchClearResults {
   border-color: <data:borderColor/>;
   }

   #uds-searchClearResults:hover {
   border-color: <data:activeBorderColor/>;
   }

   #uds-searchControl .gsc-cursor-page {
   color: <data:linkColor/>;
   }

   #uds-searchControl .gsc-cursor-current-page {
   color: <data:textColor/>;
   }
   </style>

   <b:include name='quickedit'/>
  </b:includable>
</b:widget>
</b:section>

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

©Design by <a href='http://www.coverday.net/' target='_blank'>Coverday</a>.

</div>
</div>

</body>
</html>

ulasan (0)

Jumaat, 24 Disember 2010

cara buat resent beregeral sumber dri tutorial blog

Update: Bagi sesiapa yang menghadapi masalah background widget ini tunjuk 'bandwidth exceed", boleh copy semula kod dibawah, dan masukkan semula url anda..

Kesulitan dikesali.

Meletakkan animated recent post widget dapat men'stail'kan lagi cara paparan recent post yang ada pada blog anda. Contoh recent post widget adalah seperti berikut.

(tunggu page habis load utk tengok pergerakan, pergerakan sebenar adalah lebih perlahan dan lancar)

Berikut adalah cara-cara untuk menggunakan widget ini.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. copy code berikut dan paste di ruangan HTML/javascript

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">

</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://URL BLOG.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://tutorialuntukblog.blogspot.com/2010/08/animated-recent-post-widget.html" target="_blank">get this widget here</a></small>

Note: gantikan URL BLOG dengan url blog anda..

3. Save dan lihat hasilnya.

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

PERHATIAN: Didapati tidak semua template blog 'boleh masuk' dengan widget ini. Kemungkin sebahagian besar boleh menggunakan widget ini. Oleh itu anda boleh mencuba dahulu samada boleh guna atau tidak untuk blog anda. Masih belum jumpa penyelesaian untuk itu.

Harap blog anda boleh menggunakan widget ini.
Selamat mencuba.:)

ulasan (0)

letak recent coment dlm blog..umer tutorial blog

Meletakkan 'recent comments' adalah cara yang paling mudah untuk mengetahui entri manakah yang paling latest menerima komen samada dari pengunjung blog ataupun tuan punya blog.

Walaupun terdapat pelbagai cara untuk meletakkan 'recent comments' ini, tetapi cara yang akan ditunjukkan ini merupakan antara cara paling ringkas untuk meletakkan widget ini.

Tutorialnya adalah seperti berikut.

1. Login akaun blogger, kemudian dari dashboard > Design > add a gadget >HTML/javascript

2. Kemudian masukkan kod di bawah ke dalam HTML/javascript

<script style=text/javascript src=http://www.freewebs.com/filer/blogger/rc1blogger.js ></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://URL blog anda/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><small><a href="http://tutorialuntukblog.blogspot.com/2010/08/letak-recent-comments-dalam-blog.html" target="_blank"/>Get widget here </a></small>

Nota: tukarkan URL blog anda dalam kod di atas dengan url blog anda.

3. Save dan tengok hasilnya..:)

TAMBAHAN:Ubahsuai juga boleh dilakukan seperti berikut.

1. Jumlah komen yang ditetapkan untuk dipapar adalah 5. Anda boleh mengubah bilangan komen yang dipaparkan. Lihat kod dibawah sebagai rujukan. Bilangan yang dicadangkan adalah antara 4 - 8

....a_rc=5;var m_rc=false...

2.Jumlah perkataan yang ditetapkan untuk satu comment adalah termasuk nama pengomen adalah 100. Anda boleh menukar jumlah tersebut mengikut keselesaan anda.

var o_rc=100;

3. Tarikh untuk komen juga boleh ditambah. Caranya tukar perkataan dalam kod berikut daripadafalse kepada true.

var m_rc=false;var n_rc=true;var o_rc=100

Selamat mencuba..:)

ulasan (0)

cara letak widget pupular sumber toturial blog

Tutorial kali ini akan menunjukkan cara bagaimana untuk meletakkan popular post( atau anda boleh panggil dengan nama lain) pada blog anda. Widget popular post ini adalah berdasarkan bilangan komen yang ada pada entri, bukannya berdasarkan page view. Dan semestinya tutorial ini adalah mudah sahaja.:)

1. Login akaun anda, dari dashboard > design > add a gadget > HTML/javascript

2. Dalam ruangan HTML/javascript, masukkan kod di bawah.

<ul>
<script language='javascript'>
aBold = false;
numposts=1000;
maxshowresult=5;
home_page = "http://URL BLOG.blogspot.com/";
</script>
<script src='https://sites.google.com/site/unwanted86/javascript/unwanted86-popularpost.js' type='text/javascript'></script>
</ul><br/><small><a href="http://tutorialuntukblog.blogspot.com/2010/08/letak-widget-popular-post-dalam-blog.html" target="_blank"/>Get this widget here </a></small>

Note:
-tukarkan URL BLOG dengan nama blog yang anda guna
-maxshowresult=5; tukarkan 5 dengan bilangan popular post yang anda mahu

3. Save dan lihat hasilnya..:)

ulasan (0)

Rabu, 22 Disember 2010