Thursday, August 11, 2011

Green Template


<?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>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: &#39;ms&#39;}
<meta content='SPKX-Tqy3IeZwtyQlRUEAzWEJ-o6W6mA_pNlmzzlaRg' name='google-site-verification'/>
<meta content='3B8305A98A7D7E207320E262D24080B0' name='msvalidate.01'/>
<META content='bca0d91fa830f62f' name='y_key'/>
<meta content='xWa0vKvqXvakNU2HBUzLx1Vm5Ek' name='alexaVerifyID'/>
<meta content='1627xdo' name='verify-postrank'/>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta content='Seri' name='Author'/>
<link href='http://www.seribahasa.com' rel='canonical'/>
<meta content='Blog rujukan untuk pelajar dan blogger tips untuk para blogger' name='description'/>
<meta content='seri bahasa, bahasa, peribahasa, simpulan bahasa, pantun, gurindam, award, labels, widget, google, blogger' name='keywords'/>
<meta content='7 days' name='revisit-after'/>
<META CONTENT='INDEX, FOLLOW' NAME='ROBOTS, ALL'/>
<META CONTENT='ARCHIVE' NAME='ROBOTS'/>
<meta content='global' name='distribution'/>
<meta content='ms' http-equiv='Content-Language'/>
<link href='http://feeds2.feedburner.com/SeriBahasa' rel='alternate' title='RSS Feed for seribahasa.com' type='application/rss+xml'/>
<b:include data='blog' name='all-head-content'/>
</script><link href='http://i755.photobucket.com/albums/xx200/Seri_07/SB.gif' rel='shortcut icon' type='image/gif'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[

/* ************ START OF CSS STYLING ************ */

/* Variable definitions
========================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="blogframeColor"description="Blog Background Color"type="color"default="#800040" value="#006600">
<Variable name="blogBorderColor"description="Blog Border Color"type="color"default="#800040" value="#ffcc00">
<Variable name="blogTitleColor"description="Blog Title Color"type="color"default="#800040" value="#ffffff">
<Variable name="blogDescriptionColor"description="Blog Description Color"type="color"default="#800040" value="#ffffff">
<Variable name="linkbarBorderColor"description="Linkbar Border Color"type="color"default="#9D1961" value="#6666ff">
<Variable name="linkbarTextColor"description="Linkbar Text Color"type="color"default="#fff" value="#ffffff">
<Variable name="linkbarHoverBgColor"description="Linkbar Hover Background Color"type="color"default="#fff" value="#ff0606">
<Variable name="linkbarHoverTextColor"description="Linkbar Hover Text Color"type="color"default="#9D1961" value="#fffc0d">
<Variable name="middlebarbgColor"description="Middlebar Background Color"type="color"default="#fff" value="#ffffff">
<Variable name="postbgColor"description="Post Background Color"type="color"default="#fff" value="#ccff99">
<Variable name="postTitleColor"description="Post Title Color"type="color"default="#000" value="#ffffff">
<Variable name="posttitlebgColor"description="Post Title Background Color"type="color"default="#000" value="#e1771e">
<Variable name="dateHeaderColor"description="Date Header Color"type="color"default="#000" value="#b3b3b3">
<Variable name="textColor"description="Text Color"type="color"default="#191919" value="#003300">
<Variable name="mainLinkColor"description="Main Link Color"type="color"default="#333" value="#fffc0d">
<Variable name="mainHoverLinkColor"description="Main Hover Link Color"type="color"default="#9D1961" value="#49ffec">
<Variable name="mainVisitedLinkColor"description="Main Visited Link Color"type="color"default="#9D1961" value="#fffc0d">
<Variable name="blockquotebgColor"description="Blockquote Background Color"type="color"default="#191919" value="#f8f8f8">
<Variable name="blockquoteBorderColor"description="Blockquote Border Color"type="color"default="#191919" value="#f1f1f1">
<Variable name="blockQuoteColor"description="Blockquote Color"type="color"default="#191919" value="#999999">
<Variable name="codeTextColor"description="Code Text Color"type="color"default="#600" value="#ffffff">
<Variable name="imagebgColor"description="Photo Background Color"type="color"default="#f5f5f5" value="#ffffff">
<Variable name="imageBorderColor"description="Photo Border Color"type="color"default="#f5f5f5" value="#ffffff">
<Variable name="postfooterBorderColor"description="Postfooter Border Color"type="color"default="#b8659C" value="#003300">
<Variable name="postfooterTextColor"description="Postfooter Text Color"type="color"default="#b8659C" value="#ff0000">
<Variable name="postfooterLinkColor"description="Postfooter Link Color"type="color"default="#b8659C" value="#000066">
<Variable name="commentTabLinkColor"description="Comment Tab Link Color"type="color"default="#b8659C" value="#000033">
<Variable name="feedlinksColor"description="Feed Links Color"type="color"default="#9D1961" value="#000066">
<Variable name="sidebar1bgColor"description="Sidebar1 Background Color"type="color"default="#FFBBE8" value="#69b02d">
<Variable name="sidebar1HeaderColor"description="Sidebar1 Header Color"type="color"default="#000" value="#ffffff">
<Variable name="sidebar1TextColor"description="Sidebar1 Text Color"type="color"default="#9D1961" value="#003300">
<Variable name="sidebar1LinkColor"description="Sidebar1 Link Color"type="color"default="#9D1961" value="#003300">
<Variable name="sidebar1HoverLinkColor"description="Sidebar1 Hover Link Color"type="color"default="#000" value="#ff0000">
<Variable name="sidebar1VisitedLinkColor"description="Sidebar1 Visited Link Color"type="color"default="#000" value="#99ff33">
<Variable name="sidebarListLineColor"description="Sidebar List Line Color"type="color"default="#000" value="#ff33cc">
<Variable name="profileBorderColor"description="Profile Border Color"type="color"default="#000" value="#ffffff">
<Variable name="commentbgColor"description="Comment Background Color"type="color"default="#9D1961" value="#000000">
<Variable name="commentBorderColor"description="Comment Border Color"type="color"default="#C94093" value="#ff0000">
<Variable name="commentboxBgColor"description="Comment Box Background Color"type="color"default="#9D1961" value="#00cc00">
<Variable name="commentboxBorderColor"description="Comment Box Border Color"type="color"default="#C94093" value="#4c4c4c">
<Variable name="commentTitleColor"description="Comment Header Color"type="color"default="#000" value="#003300">
<Variable name="commentauthorBgColor"description="Comment Author Background Color"type="color"default="#9D1961" value="#006600">
<Variable name="commentauthorColor"description="Comment Author Color"type="color"default="#9D1961" value="#00ff00">
<Variable name="commentTimeStampColor"description="Comment Timestamp Color"type="color"default="#C94093" value="#ff0066">
<Variable name="commentTextColor"description="Comment Text Color"type="color"default="#4c4c4c" value="#000000">

<Variable name="blogTitleFont"description="Blog Title Font"type="font"default="normal bold 273% Georgia,Times,serif" value="normal bold 171% Times,serif" >
<Variable name="blogDescriptionFont"description="Blog Description Font"type="font"default="normal normal 104% georgia,helvetica,verdana,Georgia,serif" value="normal normal 90% Georgia,Times,serif" >
<Variable name="linkbarTextFont"description="Linkbar Text Font"type="font"default="normal normal 77% Verdana,sans-serif" value="normal bold 95% Georgia,Times,serif" >
<Variable name="postTitleFont"description="Post Title Font"type="font"default="normal bold 180% Georgia,Times,serif" value="normal bold 155% Georgia,Times,serif" >
<Variable name="dateHeaderFont"description="Date Header Font"type="font"default="normal bold 117% Arial,sans-serif" value="normal normal 85% Georgia,Times,serif" >
<Variable name="textFont"description="Text Font"type="font"default="normal bold 90% Arial,sans-serif" value="normal bold 80% Arial,sans-serif" >
<Variable name="quoteFont"description="Blog Quote Font"type="font"default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 105% Arial,sans-serif" >
<Variable name="sidebarHeaderFont"description="Sidebar Title Font"type="font"default="normal bold 117% Arial,sans-serif" value="normal bold 108% Georgia,Times,serif" >
<Variable name="sidebarTextFont"description="Sidebar Text Font"type="font"default="normal normal 85% Arial,Verdana,sans-serif" value="normal normal 76% Arial,sans-serif" >
<Variable name="postfooterTextFont"description="Post-Footer Text Font"type="font"default="normal normal 90% Arial,sans-serif" value="normal normal 96% Georgia,Times,serif" >
<Variable name="commentTitleFont"description="Comment Title Font"type="font"default="normal bold 100% Arial,sans-serif" value="normal bold 100% Times,serif" >
<Variable name="commentTextFont"description="Comment Text Font"type="font"default="normal normal 95% Arial,sans-serif" value="normal normal 101% Arial,sans-serif" >

*/*{
margin:0;padding:0;
}
body{
background: $(body.background);
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG9KCNNalwm5_s4hA7kw4vrhElHBJ9PaCQ64glWBpecoUAaD1rZ5_arNY1MLIVizVNTckDSDVdXCp9u85m-eFsieBmeMo2U-bIMVT0IiVz8HpuAn5f6E7xlEhyphenhyphenrbYvjxrf3ht4-0aQvek/s1600/fern+2.jpg);
background-attachment: fixed;
background-position: left top ;
background-repeat: repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
color:00ff00;

font-family:arial,verdana,helvetica,tahoma,Sans-serif;
font-size:100%;width:100%;
}
#outer-wrapper{
margin:0 auto;
padding:0px 0px 0px 0px;
margin-top:0px;
margin-bottom:15px;
position:relative;
width:100%;
text-align:center;
}
#blog-wrapper{
margin:0 auto;
padding:7px;
margin-top:0px;
margin-bottom:
15px;text-align:center;
position:relative;
width:943px;
}
#spacer{
clear:both;
margin:0;padding:0;
}
a{
color:$mainLinkColor;
text-decoration:none;
}a:hover{
color:$mainHoverLinkColor;
text-decoration:none;
}a:visited{
color:$mainVisitedLinkColor;
text-decoration:none;
}
#Navbar1{
margin:0;
padding:0;
visibility:hidden;
display:none;
}
#header-wrapper{
float:left;
margin:10px 5px 12px 5px;
padding:0px 0px 0px 0px;
width:908px;
height:200px;
background: url(http://i1234.photobucket.com/albums/ff405/seribahasa/headerbutterfly.jpg) top center repeat;
border-top:13px solid #009900;
border-bottom:13px solid #009900;
border-left:13px solid #006600;
border-right:13px solid #006600;
}
#header{width:885px;margin:0px 0px 0px 0px;padding:5px 5px 5px 5px;text-align:right}
#header h1{
color:#339900;
font:$blogTitleFont;
font-variant:small-caps;
margin:0px 0px 0px 0px;
padding:10px 10px 0px 10px;
}
#header h1 a{text-decoration:none;color:$blogTitleColor}
#header h1 a:hover{text-decoration:none;color:$blogDescriptionColor}
#header .description{
color:#99cc00;
font:$blogDescriptionFont;
margin:0px 0px 0px 0px;
padding:1px 20px 25px 20px;
}
#header h1 p,
#header .description p{margin:0;padding:0}
#header1 a img{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border:0}

#NavbarMenuleft{
width:919px;
float:left;
margin:0;
padding:0;
}
#nav{margin:0;padding:0;
}
#nav ul{
float:left;
list-style:none;
margin:0;
padding:0;
}
#nav li{
list-style:none;
margin:0;
padding:0;
}
#nav li a, #nav li a:link, #nav li a:visited{
background:#009900 url(http://i755.photobucket.com/albums/xx200/Seri_07/Rosec1.jpg) top center;
color:#7fff00;
display:block;
font-size:14px;
font-family:trebuchet ms, Times New Roman;
font-weight:bold;
text-transform:none;
margin-right:1px;
padding-top:6px;
padding-bottom:5px;
padding-left:13px;
padding-right:13px;
border:2px solid #003300;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
}
#nav li a:hover, #nav li a:active{
background: #CCFF99;
color:#005b06;
margin:0;
padding-top:6px;
padding-bottom:5px;
padding-left:13px;
padding-right:13px;
text-decoration: none;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited{
background:#CCFF99;
width:150px;
color:#005b06;
font-size:14px;
font-family:trebuchet ms, Times New Roman;
font-weight:normal;
text-transform:none;
float:none;
margin:0;
padding:7px 10px;
border:2px solid #006400;
}
#nav li li a:hover, #nav li li a:active{
background:#66CC33;
color:#000066;
padding:7px 10px;
}
#nav li{
float:left;
padding:0;
}
#nav li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin:0;
padding:0;
}
#nav li ul a{width:140px;}
#nav li ul ul{
margin:-32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left: auto;}
#nav li:hover, #nav li.sfhover{position: static;}

#content-wrapper{
width:942px;
background:006600 url() top center repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
text-align:left;
word-wrap:break-word;overflow:hidden;
}
#main-wrapper {
width: 360px;
margin:5px ;
float: left;
padding:10px;
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 */
color:$textColor;
font:$textFont;
font-weight:bold;
font-size:12px;
background:$postbgColor;
border-top:11px solid #9f0;
border-bottom:11px solid #9f0;
border-left:11px solid #9c0;
border-right:11px solid #9c0;
}
#main .widget{
margin:0px 0px 0px 0px;
padding:0px 10px 10px 10px;
}
.post{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:1.6em;
text-align:left;
}
.post h3{background:url(http://i1234.photobucket.com/albums/ff405/seribahasa/Rose6a.jpg) top center repeat;
margin:0px 0px 20px 0px;
padding:10px 5px 10px 5px;
color:#00ff00;
font:$postTitleFont;
font-size: 12px;
text-decoration:none;
text-align:center;
line-height:1.5em;
border-top:7px solid #3c0;
border-bottom:7px solid #3c0;
border-left:7px solid #090;
border-right:7px solid #090;
}
.post h3 a,.post h3 a:visited{color:$postTitleColor;text-decoration:none}
.post h3 a:hover{color:$dateHeaderColor;text-decoration:none}.post-header-line-1{}h2.date-header{margin:0px 0px 0px 0px;padding:0px 0px 7px 0px;text-align:left;color:$dateHeaderColor;font:$dateHeaderFont;text-decoration:none;text-transform:uppercase}.date-header span{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}
.post-body p{margin:0px 0px 0px 0px;padding:1px 0px 1px 0px;display:inline;height:1%;overflow:visible}
.post-body p a,
.post-body p a:visited{color:$mainLinkColor;text-decoration:none}.post-body a:hover{text-decoration:none;color:$mainHoverLinkColor}
.post ul{margin:0px 0px 0px 0px;padding:10px 0px 10px 30px;list-style-type:disc;line-height:1.6em;font-size:95%}
.post ol{margin:0px 0px 0px 0px;padding:10px 0px 10px 30px;line-height:1.6em;font-size:95%}
.post li{margin:0px 0px 0px 0px;padding:0px 0px 8px 0px}a img{margin:5px 5px 5px 5px;padding:0px 0px 0px 0px}.post img{margin:0px;padding:2px}
.post-footer{
display:block;
margin:15px 0px 15px 0px;
padding:7px 10px 7px 10px;
text-align:left;
font:$postfooterTextFont;
color:$postfooterTextColor;
font-weight:normal;
line-height:1.6em;
text-decoration:none;
background:postfooterBgColor;
border-bottom:5px solid $postfooterBorderColor;
}
.post-footer-line{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}
.post-footer-line-1,
.post-footer-line-2,
.post-footer-line-3{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}
.post-footer a{color:$postfooterLinkColor;text-decoration:none}
.post-footer a:hover{color:$mainHoverLinkColor;text-decoration:none}
.post-footer .post-comment-link a{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;color:$commentTabLinkColor;font-weight:normal;text-decoration:none}
.post-footer .post-comment-link a:hover{color:$mainHoverLinkColor;text-decoration:none}
.post-footer .post-icons{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.post-footer img{margin:0px 0px 0px 0px;padding:0px 0px 5px 0px;background:$postfooterBgColor}#blog-pager{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;text-align:center;font:$postfooterTextFont;color:$feedlinksColor}

#blog-pager a{color:$feedlinksColor}
#blog-pager a:hover{color:$mainHoverLinkColor}#blog-pager-newer-link{float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}
#blog-pager-older-link{float:right;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}
.feed-links{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;clear:both;text-align:left;font:$postfooterTextFont;color:$feedlinksColor}
.feed-links a,.feed-links a:visited{color:$feedlinksColor}
.feed-links a:hover{color:$mainHoverLinkColor}blockquote{margin:10px 0px 10px 15px;padding:10px 15px 10px 15px;font:$quoteFont;line-height:1.6em;color:$blockQuoteColor;background:$blockquotebgColor;border:2px solid $blockquoteBorderColor}code{color:$codeTextColor;font-size:110%}

#side-wrapper1{
width:215px;
float:left;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
word-wrap:break-word;
overflow:hidden;
}
#side-wrapper2{
width:310px;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
word-wrap:break-word;
overflow:hidden;
}
#side-wrapper{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
word-wrap:break-word;
overflow:hidden;
}
.sidebar{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
font:$sidebarTextFont;
}
#sidebar1{
width:210px;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
color:$sidebar1TextColor;
line-height:1.8em;
}
#sidebar2{
width:310px;
margin:5px 5px 0px 0px;
padding:0px 0px 0px 0px;
color:$sidebar1TextColor;
line-height:1.8em;
}
#sidebar1 .widget{
margin:0px 0px 5px 0px;
padding:5px 5px 5px 5px;
background: url(http://i1234.photobucket.com/albums/ff405/seribahasa/Butterfly-l.jpg) top center repeat;
border-top:11px solid #9f0;
border-bottom:11px solid #9f0;
border-left:11px solid #9c0;
border-right:11px solid #9c0;
}
#sidebar2 .widget{
margin:0px 0px 5px 0px;
padding:5px 5px 5px 5px;
background: url(http://i1234.photobucket.com/albums/ff405/seribahasa/Butterfly-r.jpg) top center repeat;
border-top:11px solid #9f0;
border-bottom:11px solid #9f0;
border-left:11px solid #9c0;
border-right:11px solid #9c0;
}
#sidebar1 h2,
#sidebar2 h2{
margin:5px 5px 5px 5px;
padding:5px 5px 7px 5px;
text-align:center;
color:$sidebar1HeaderColor;
font:$sidebarHeaderFont;
text-transform:none;
text-decoration:none;
background:url(http://i1234.photobucket.com/albums/ff405/seribahasa/Rose6a.jpg) top center repeat;
border-top:7px solid #3c0;
border-bottom:7px solid #3c0;
border-left:7px solid #090;
border-right:7px solid #090;
}
.sidebar ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.sidebar li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;line-height:1.8em;list-style-type:none;border-bottom:0px solid $sidebarListLineColor}
#sidebar1 a,
#sidebar2 a
{color:$sidebar1LinkColor;text-decoration:none}
#sidebar1 a:hover,
#sidebar2 a:hover
{text-decoration:none;color:$sidebar1HoverLinkColor}
#sidebar1 a:visited,
#sidebar2 a:visited
{text-decoration:none;color:$sidebar1VisitedLinkColor}
.sidebar img{padding:1px 1px 1px 1px;background:#313131;margin: 0px 0px -5px 0px;border-top:2px solid #339900;border-bottom:2px solid #339900;border-left:2px solid #006600;border-right:2px solid #006600}
.profile-img{margin:7px;padding:0px;border:1px solid $sidebarListLineColor}
.profile-textblock{margin:0px 0px 0px 0px;padding:3px 0px 3px 0px;clear:both;line-height:1.6em}
.profile-datablock{margin:2px 0px 5px 0px;padding:0px 0px 0px 0px}
.profile-data{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-weight:normal;font-style:italic}
.profile-link{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}

#comments{
margin:0px 0px -35px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:$commentTextColor;
font:$commentTextFont;
}
.comments-singleblock{
margin:10px 0px 10px 0px;
padding:15px;
background:#33ff99;
border-top:5px solid #66ff00;
border-bottom:5px solid #66ff00;
border-left:5px solid #009900;
border-right:5px solid #009900;
}
#comments h4{
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
color:$commentTitleColor;
font:$commentTitleFont;
text-transform:uppercase;
}
.deleted-comment{
font-style:italic;
color:gray;
margin:5px 0px 5px 0px;
}
.comment-author{
margin:0px -15px 0px -15px;
padding:5px 15px 5px 15px;
color:$commentauthorColor;
font-weight:normal;
background: url(http://lh4.ggpht.com/_4p8eN7P0xd0/S4Pr7qyG22I/AAAAAAAAAL8/D378RguG038/s1600/Langit.gif);
}
.comment-form{background:#006600 url(http://i755.photobucket.com/albums/xx200/Seri_07/main.png)top center repeat;
margin:2px;
padding-left:10px;
border-top:5px solid #ff0000;
border-bottom:5px solid #ff0000;
border-left:5px solid #980000;
border-right:5px solid #980000;
}
.comment-author a{color:$commentauthorColor;text-decoration:none}
.comment-author a:hover{color:$commentTimeStampColor;text-decoration:none}
.comment-author a:visited{color:$commentauthorColor;text-decoration:none}
.comment-body{margin:0;padding:5px 0px 0px 0px}
.comment-body p{margin:0;padding:0;line-height:1.4em}
.comment-footer,
.comment-footer a{margin:0px 0px 0px 0px;padding:4px 0px 0px 0px}
.comment-timestamp{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;color:$commentTimeStampColor}
.comment-timestamp a{color:$commentTimeStampColor;text-decoration:none}
.comment-timestamp a:hover{color:$commentauthorColor;text-decoration:underline}
#comments ul{margin:0;padding:0;list-style-type:none}
#comments li{margin:0;padding:0}a.comment-link{padding:0px 0px 0px 0px}
html>body a.comment-link{padding-left:0px}
#backlinks-container{margin-top:30px}

#footerbg{
background:#006600 url(http://i755.photobucket.com/albums/xx200/Seri_07/Rose6b.jpg) center repeat;
text-align:center;
background:#;
width:923px;
height:20px;
margin-top:7px;
margin-bottom:6px;
font-size:13px;
border-top:11px solid #6c0;
border-bottom:11px solid #6c0;
border-left:11px solid #390;
border-right:11px solid #390;
}
.quickedit{display:none;}


#linkbar-wrapper{
margin:5px 0px 10px 0px;
padding:5px 0px 18px 0px;
width:941px;
position:relative;
background:;
}
#linkbar .widget{
margin:0px 0px 0px 0px;
padding:1px 0px 8px 5px;
text-align:left;
}
#linkbar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
}
#linkbar li{display:inline;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}
#linkbar h2{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display:none;visibility:hidden}
#linkbar a{
clear:both;
margin:0px 0px 0px 0px;
padding:4px 6px 4px 6px;
width:100%;text-decoration:none;
font:$linkbarTextFont;
font-size:9px;
color:$linkbarTextColor;
text-transform:none;
background:#0000c0;
border-top:5px solid #390;
border-bottom:5px solid #390;
border-left:5px solid #060;
border-right:5px solid #060;
}
#linkbar a:hover{color:$linkbarHoverTextColor;background:$linkbarHoverBgColor}

#box-main-container{
background:#;clear:both;}
.box-column{
padding-left:0px;
padding-top:0px;
padding-bottom:
0px;padding-right:0px;
}
.box-column ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:12px;
}
.box-column li{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:1.5em;
list-style-type:none;
border-bottom:0px solid $sidebarListLineColor;
}
#box-column a,
#box-column a
{color:$sidebar1LinkColor;text-decoration:none}
#box-column a:hover,
#box-column a:hover
{text-decoration:none;color:$sidebar1HoverLinkColor}
.box-column h2{
height:28px;
line-height:28px;
font-size:13px;
text-align:center;
color:#ffffff;
font-weight:bold;
margin:0;
margin-top:5px;
margin-left:5px;
margin-right:5px;
background:#006600 url(http://i1234.photobucket.com/albums/ff405/seribahasa/Rose6a.jpg) top center repeat;
padding:0px 0px 0px 0px;
border-top:7px solid #3c0;
border-bottom:7px solid #3c0;
border-left:7px solid #090;
border-right:7px solid #090;
}
/* ************ END OF CSS STYLING ************ */

/** Page structure tweaks for layout editor wireframe */

body#layout #main,
body#layout #sidebar {
padding: 0;
}
]]></b:skin>
<script type='text/javascript'>
var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 150;
img_thumb_width = 140;
</script>
<script src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' type='text/javascript'/>
</head>

<body>
<div id='outer-wrapper'>

<!-- 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='blog-wrapper'>

<div id='header-wrapper'>
<b:section class='header' id='header' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Seri Bahasa (Pengatas)' type='Header'/>
</b:section>
</div>

<div id='NavbarMenuleft'>
<ul id='nav'>
<li>
<a href='http://www.seribahasa.com/'>Peribahasa</a>
<ul>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa.html'>A</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_549.html'>B</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_1804.html'>C</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_02.html'>D</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_05.html'>E dan F</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_6114.html'>G</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_7964.html'>H</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_9081.html'>I</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_4506.html'>J</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_07.html'>K</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_11.html'>L</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa-yang-bermula-dengan-huruf-m.html'>M</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa-yang-bermula-dengan-huruf-n.html'>N dan O</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_15.html'>P dan R</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_21.html'>S</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_27.html'>T</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_17.html'>U</a></li>
<li><a href='http://www.seribahasa.com/2009/05/peribahasa_5400.html'>W Y dan Z</a></li>
</ul>
</li>
<li>
<a href=''>Simpulan Bahasa</a>
<ul>
<li><a href='http://www.seribahasa.com/2009/05/simpulan-bahasa.html'>Simpulan Bahasa</a></li>
<li><a href='http://www.seribahasa.com/2009/10/simpulan-bahasa.html'>Simpulan Bahasa (A)</a></li>
<li><a href='http://www.seribahasa.com/2009/10/simpulan-bahasa_26.html'>Simpulan Bahasa (B)</a></li>
<li><a href='http://www.seribahasa.com/2009/10/simpulan-bahasa_30.html'>Simpulan Bahasa (C)</a></li>
<li><a href='http://www.seribahasa.com/2009/11/simpulan-bahasa-d-1.html'>Simpulan Bahasa (D)</a></li>
<li><a href='http://www.seribahasa.com/2010/01/simpulan-bahasa-e-f.html'>Simpulan Bahasa (E Dan F)</a> </li>
<li><a href='http://www.seribahasa.com/2009/11/simpulan-bahasa-g.html'>Simpulan Bahasa (G)</a> </li>
<li><a href='http://www.seribahasa.com/2009/12/simpulan-bahasa-h.html'>Simpulan Bahasa (H)</a></li>
<li><a href='http://www.seribahasa.com/2010/03/simpulan-bahasa-i.html'>Simpulan Bahasa (I)</a></li>
<li><a href='http://www.seribahasa.com/2009/12/simpulan-bahasa-j.html'>Simpulan Bahasa (J)</a></li>
<li><a href='http://www.seribahasa.com/2009/12/simpulan-bahasa-k.html'>Simpulan Bahasa (K)</a></li>
<li><a href='http://www.seribahasa.com/2009/11/simpulan-bahasa.html'>Simpulan Bahasa (L)</a></li>
<li><a href='http://www.seribahasa.com/2009/11/simpulan-bahasa-m.html'>Simpulan Bahasa (M)</a></li>
<li><a href='http://www.seribahasa.com/2010/02/simpulan-bahasa-n.html'>Simpulan Bahasa (N)</a></li>
<li><a href='http://www.seribahasa.com/2009/12/simpulan-bahasa-o.html'>Simpulan Bahasa (O)</a></li>
<li><a href='http://www.seribahasa.com/2010/01/simpulan-bahasa-p.html'>Simpulan Bahasa (P)</a></li>
<li><a href='http://www.seribahasa.com/2010/02/simpulan-bahasa-r.html'>Simpulan Bahasa (R)</a></li>
<li><a href='http://www.seribahasa.com/2009/12/simpulan-bahasa-s.html'>Simpulan Bahasa (S)</a></li>
<li><a href='http://www.seribahasa.com/2010/01/simpulan-bahasa-t.html'>Simpulan Bahasa (T)</a></li>
<li><a href='http://www.seribahasa.com/2010/08/simpulan-bahasa-u-w-z.html'>Simpulan Bahasa (U,W,Z)</a></li>
</ul>
</li>
<li>
<a href=''>KKMS</a>
<ul>
<li><a href='http://www.seribahasa.com/2009/09/kurik-kundi-merah-saga-adat.html'>Adat</a></li>
<li><a href='http://www.seribahasa.com/2009/06/kurik-kundi-merah-saga.html'>Agama</a></li>
<li><a href='http://www.seribahasa.com/2009/07/kuri-kundi-merah-saga-budi.html'>Budi</a></li>
<li><a href='http://www.seribahasa.com/2009/08/kurik-kundi-merah-saga.html'>Jenaka</a></li>
<li><a href='http://www.seribahasa.com/2009/09/kurik-kundi-merah-saga-kasih.html'>Kasih Sayang (A)</a></li>
<li><a href='http://www.seribahasa.com/2009/10/kurik-kundi-merah-saga-kasih.html'>Kasih Sayang (B)</a></li>
<li><a href='http://www.seribahasa.com/2009/10/kurik-kundi-merah-saga-kasih_15.html'>Kasih Sayang (C dan D)</a></li>
<li><a href='http://www.seribahasa.com/2010/03/kurik-kundi-merah-saga-kasih.html'>Kasih Sayang (E, F dan G)</a></li>
<li><a href='http://www.seribahasa.com/2010/03/kurik-kundi-merah-saga-kasih_22.html'>Kasih Sayang (H)</a></li>
<li><a href='http://www.seribahasa.com/2010/04/kurik-kundi-merah-saga-kasih.html'>Kasih Sayang (I)</a></li>
<li><a href='http://www.seribahasa.com/2009/09/kurik-kundi-merah-saga-kiasansindiran.html'>Kiasan Dan Sindiran</a></li>
<li><a href='http://www.seribahasa.com/2009/09/kurik-kundi-merah-saga-nasihat.html'>Nasihat</a></li>
<li><a href='http://www.seribahasa.com/2009/07/kurik-kundi-merah-saga-pahlawan.html'>Pahlawan</a></li>
<li><a href='http://www.seribahasa.com/2009/06/kurik-kundi-merah-saga-peribahasa.html'>Peribahasa</a></li>
<li><a href='http://www.seribahasa.com/2009/06/pantun.html'>Perniagaan</a></li>
</ul>
</li>
<li>
<a href=''>Pantun Pilihan</a>
<ul>
<li><a href='http://www.seribahasa.com/2010/05/pantun-anak-dagang.html'>Anak Dagang</a></li>
<li><a href='http://www.seribahasa.com/2010/12/dialog-dengan-hang-jebat-derhaka.html'>Hang Jebat Derhaka</a></li>
<li><a href='http://www.seribahasa.com/2009/08/pantun-negeri-sarawak.html'>Pantun Sarawak</a></li>
<li><a href='http://www.seribahasa.com/2009/08/kisah-sirih-pinang.html'>Sirih Pinang</a></li>
<li><a href='http://www.seribahasa.com/2010/06/pantun-dua-kerat.html'>Pantun Dua Kerat</a></li>
<li><a href='http://www.seribahasa.com/2009/08/pantun-enam-kerat.html'>Pantun Enam Kerat</a></li>
<li><a href='http://www.seribahasa.com/2010/07/pantun-lapan-kerat.html'>Pantun Lapan Kerat</a></li>
<li><a href='http://www.seribahasa.com/2010/04/koleksi-pantun-pengantin.html'>Pantun Pengantin</a></li>
<li><a href='http://www.seribahasa.com/2009/04/pantun-berkait.html'>Pantun Berkait</a></li>
<li><a href='http://www.seribahasa.com/2010/04/pantun-melayu-propinsi-jambi.html'>Pantun Melayu Jambi</a></li>
<li><a href='http://www.seribahasa.com/2009/09/kad-hari-raya.html'>Pantun Raya</a></li>
</ul>
</li>
<li>
<a href=''>Sajak</a>
<ul>
<li><a href='http://www.seribahasa.com/2010/07/aku-seorang-bloger.html'>Aku Seorang Bloger</a></li>
<li><a href='http://www.seribahasa.com/2009/06/illusi-atau-mimpi.html'>Illusi Atau Mimpi</a></li>
<li><a href='http://www.seribahasa.com/2010/10/bilis-oh-bilis-nasib-si-bilis.html'>Nasib Si Bilis</a></li>
<li><a href='http://www.seribahasa.com/2010/11/apa-ada-pada-cinta.html'>Ada Apa Pada Cinta</a></li>
<li><a href='http://www.seribahasa.com/2010/11/jangan-lupa-pada-mereka.html'>Jangan Lupa Pada Mereka</a></li>
<li><a href='http://www.seribahasa.com/2010/12/mari-kita-galas-bersama.html'>Mari Kita Galas Bersama</a></li>
</ul>
</li>
<li>
<a href=''>Blogger Tips</a>
<ul>
<li><a href='http://www.seribahasa.com/2010/05/rahsia-mendapat-pagerank.html'>Page Rank</a></li>
<li><a href='http://www.seribahasa.com/2010/05/link-exchange-pro-dan-kontra.html'>Link Exchange</a></li>
<li><a href='http://www.seribahasa.com/2010/10/auto-blogwalking-implikasi-terhadap.html'>Auto Blogwalking</a></li>
<li><a href='http://www.seribahasa.com/2010/12/3-kesilapan-asas-yang-di-lakukan-oleh.html'>3 Kesilapan Blogger</a></li>
<li><a href='http://www.seribahasa.com/2011/01/panduan-memasang-meta-tags.html'>Memasang Meta Tags</a></li>
<li><a href='http://www.seribahasa.com/2011/02/jangan-curi-visitor-aku.html'>Iframe Code</a></li>
</ul>
</li>
<li>
<a href=''>Blogger Tools</a>
<ul>
<li><a href='http://www.seribahasa.com/2011/01/panduan-membuat-kode-html-parser-box.html'>HTML Parser Box</a></li>
<li><a href='http://www.seribahasa.com/2011/01/kotak-teks-pelbagai-guna-untuk-blog.html'>Kotak Teks</a></li>
<li><a href='http://www.seribahasa.com/2011/01/automatik-readmore-dengan-thumbnail.html'>Automatik Readmore</a></li>
<li><a href='http://www.seribahasa.com/2011/01/panduan-membuat-tab-menu-tiga-halaman.html'>Tab Menu 3 Halaman</a></li>
<li><a href='http://www.seribahasa.com/2011/01/html-colour-code-picker.html'>HTML Code</a></li>
<li><a href='http://www.seribahasa.com/2011/01/panduan-memasang-chatbox-tersembunyi.html'>Chatbox Tersembunyi</a></li>
<li><a href='http://www.seribahasa.com/2011/01/panduan-membuat-background-chatbox.html'>Chatbox Background</a></li>
<li><a href='http://www.seribahasa.com/2011/02/memasang-widget-di-tepi-wrapper.html'>Widget Tepi Wrapper</a></li>
<li><a href='http://www.seribahasa.com/2011/01/cara-memasang-sosial-tab-di-atas.html'>Sosial Tab</a></li>
<li><a href='http://www.seribahasa.com/2011/01/label-post-terbaru-dengan-thumbnails.html '>Label Post Dan Thumbnails</a></li>
<li><a href='http://www.seribahasa.com/2011/01/memaparkan-jumlah-post-dan-komen-di.html'>Jumlah Post Dan Komen</a></li>
<li><a href='http://www.seribahasa.com/2011/01/panduan-memasang-favicon-di-blog.html'>Memasang Favicon</a></li>
<li><a href='http://www.seribahasa.com/2011/01/top-komentator-widget-untuk-blogger.html'>Top Komentator</a></li>
<li><a href='http://www.seribahasa.com/2011/01/page-navigation-jenis-widget.html'>Page Navigation</a></li>
<li><a href='http://www.seribahasa.com/2011/01/kesan-teks-marquee-untuk-blog.html'>Teks Marquee</a></li>
<li><a href=' '> </a></li>
<li><a href=' '> </a></li>
</ul>
</li>
<li>
<a href=''>Modifikasi Template</a>
<ul>
<li><a href='http://www.seribahasa.com/2011/03/modifikasi-blogger-template.html'>Modifikasi Template</a></li>
<li><a href='http://www.seribahasa.com/2011/03/anatomi-sebuah-blogger-template.html'>Anatomi Template</a></li>
<li><a href='http://www.seribahasa.com/2011/03/kenali-kode-css-dan-kode-html-pada.html'>Kenali Kode CSS Dan HTML</a></li>
<li><a href='http://www.seribahasa.com/2011/04/tutorial-modifikasi-template-bhg-1.html'>Mod. Template Bhg. 1</a></li>
<li><a href='http://www.seribahasa.com/2011/04/tutorial-modifikasi-template-bhg-2.html'>Mod. Template Bhg. 2</a></li>
<li><a href='http://www.seribahasa.com/2011/04/tutorial-modifikasi-template-bhg-3.html'>Mod. Template Bhg. 3</a></li>
<li><a href='http://www.seribahasa.com/2011/04/tutorial-modifikasi-template-bhg-4.html'>Mod. Template Bhg. 4</a></li>
<li><a href='http://www.seribahasa.com/2011/04/tutorial-modifikasi-template-bhg-5.html'>Mod. Template Bhg. 5</a></li>
<li><a href='http://www.seribahasa.com/2011/05/tutorial-modifikasi-template-bhg-6.html'>Mod. Template Bhg. 6</a></li>
<li><a href='http://www.seribahasa.com/2011/05/tutorial-modifikasi-template-bhg-7.html'>Mod. Template Bhg. 7</a></li>
</ul>
</li>
</ul>
</div>
<div style='clear:both;'/>

<div id='content-wrapper'>
<font color='#0f0' face='sans serif'><MARQUEE align='center' direction='LEFT' scrollamount='10'>Selamat<font color='#cf0' face='sans serif'> Datang</font><font color='#f09' face='sans serif'> Diucapkan</font><font color='#9fc' face='sans serif'> Kepada</font><font color='#f00' face='sans serif'> Semua</font><font color='#9f3' face='sans serif'> Pengunjung</font><font color='#c06' face='sans serif'> Blog</font><font color='#c9f' face='sans serif'> Ini</font><font color='#ff9' face='sans serif'> Segala</font><font color='#f90' face='sans serif'> Komen</font><font color='#360' face='sans serif'> Dan</font><font color='#309' face='sans serif'> Saranan</font><font color='#9fc' face='sans serif'> Teman</font><font color='#c06' face='sans serif'> Teman</font><font color='#f00' face='sans serif'> Amat</font><font color='#9f3' face='sans serif'> Seri</font> Hargai</MARQUEE></font>

<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML6' locked='false' title='Join These Sites' type='HTML'/>
<b:widget id='HTML9' locked='false' title='Hadiah Ke 200 Ribu' type='HTML'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML21' locked='false' title='Friend Links' type='HTML'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
</b:section>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='Blog1' locked='true' title='Catatan Blog' type='Blog'/>
</b:section>
</div>

<div id='side-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Gadget1' locked='false' title='Recent Posts' type='Gadget'/>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
<b:widget id='HTML2' locked='false' title='PTPTN Seri' type='HTML'/>
<b:widget id='HTML23' locked='false' title='Sembang-Sembang Sini' type='HTML'/>
</b:section>
</div>

<div style='clear: both;'/>

<!-- spacer for skins that sets sidebar and main to be the same height-->
<div style='clear: both;'/>

</div> <!-- end content-wrapper -->
<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'/>
</b:section>
</div>

<div style='clear: both;'/>

<div id='lower-wrapper'>
<div id='box-main-container'>
<div id='box4' style='width: 275px; float: left; margin-top:-22px; background: url(http://i1234.photobucket.com/albums/ff405/seribahasa/Butterfly-b.jpg) top center repeat; border-top:11px solid #6c0; border-bottom:11px solid #6c0; border-left:11px solid #390; border-right:11px solid #390; text-align: left;'>
<b:section class='box-column' id='col4' preferred='yes' style='float:left;'>
<b:widget id='HTML1' locked='false' title='HTML Parser Box' type='HTML'/>
</b:section>
</div>
<div id='box5' style='width: 317px; float: left; padding-left:0px; margin-left:5px; margin-top:-22px; background: url(http://i1234.photobucket.com/albums/ff405/seribahasa/Butterfly-b.jpg) top center repeat; border-top:11px solid #6c0; border-bottom:11px solid #6c0; border-left:11px solid #390; border-right:11px solid #390; text-align: left;'>
<b:section class='box-column' id='col5' preferred='yes' style='float:left;'>
<b:widget id='Followers1' locked='false' title='Teman Setia' type='Followers'/>
</b:section>
</div>
<div id='box6' style='width: 275px; float: right; margin-top:-22px; background: url(http://i1234.photobucket.com/albums/ff405/seribahasa/Butterfly-b.jpg) top center repeat; border-top:11px solid #6c0; border-bottom:11px solid #6c0; border-left:11px solid #390; border-right:11px solid #390; text-align: left;'>
<b:section class='box-column' id='col6' preferred='yes' style='float:right;'>
<b:widget id='HTML11' locked='false' title='Jejak Rakan Dunia' type='HTML'/>
</b:section>
</div>

<div style='clear: both;'/>
</div>
<div id='footerbg'>
<font color='#FFCC00' face='Tahoma'>This Blog Is Proudly Powered By </font><a href='http://www.surf7.net/clients/aff.php?aff=134'><font color='#ffffff' face='Tahoma'>SURF7</font></a><font color='#FFCC00' face='Tahoma'> Modified By </font><a href='http://www.seribahasa.com'><font color='#ffffff' face='Tahoma'>Seri Bahasa</font></a> <font color='#FFCC00' face='Tahoma'>Proud To Be A Kinabatangan Blogger </font>
</div>

</div> <!-- end lower-wrapper -->

</div> <!-- end blog-wrapper -->

</div> <!-- end outer-wrapper -->

</body>
</html>

Wednesday, January 26, 2011

Kotak BlogRoll

Cara membuat kotak blogroll bagi mereka yang ingin bertukaran link sesama blogger.

Salin kode dibawah ini:

<div style="overflow:auto; width:100%px; height:290px; padding:0px;border:0px solid #CCFF99;">

<p><img border="0" src="http://i755.photobucket.com/albums/xx200/Seri_07/square.gif" /><a style="color: #005b06; font-weight: bold;" href="http://mp3albumscollection.blogspot.com/" target="_blank">Lagu Mp3</a></p> (Contoh URL Berkelip)

<p><a style="font-weight:bold;"href="http://abihulwa.blogspot.com/">Abi Hulwa</a></p> (Contoh URL Biasa)

</div>


Catatan Untuk Kotak Blogroll:
height: 290px - Untuk mengubah ketinggian kotak blogroll.
#CCFF99 - Mengubah warna sempadan kotak blogroll.
border: 0px - Mengubah ketebalan garis sempadan kotak blogroll.

Catatan Untuk Link URL:
http://i755.photobucket.com/albums/xx200/Seri_07/square.gif - URL gambar boleh diganti dengan apa jenis format.
color: #005b06 - Warna Huruf
http://mp3albumscollection.blogspot.com/ - URL xchange link
Lagu Mp3 - Tajuk/Judul blog

Cara Pemasangan:
01 - Masuk ke Blogger
02 - Klik Tab Design
03 - Klik Tab Add a Gadget
04 - Peri ke HTML/JavaScript dan klik untuk menampilkan satu pop-up.
05 - Masukkan kode diruangan kosong kemudian klik Tab SAVE.