blognyaLOEDIN: Free Imut Template Blogger Theme

Sebenarnya saya masih ragu-ragu untuk mengeluarkan template ini agar bisa dipakai oleh para blogger mania, namun karena ini bersifat sharing maka saya mencoba mengajak rekan-rekan blogger untuk mengulas template ini terutama sasaran utamanya adalah segi kekurangannya.

Template ini terdiri dari 2 kolom (Main & Sidebar ) dan 3 kolom pada footer.
Template ini juga terpasang "readmore" yang tidak meninggalkan halaman utama dan nampak animasi.

Template ini juga sudah terpasang Translation Widget tanpa javascript.

Silahkan Copi paste pada Notepad kemudian simpan dalam format .xml.

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* -------- Template ini merupakan hasil percobaan asal-asalan, diharapkan bisa berfungsi sesuai keinginan. Nama template : IMUT template blogger theme dibuat tanggal : 04 Maret 2009 Oleh : nataludin URL : http://ahn-bidikcom.blogspot.com di : Sidoarjo-Jatim-Indonesia --------*/ /*<Variable name="blogtitlefont" description="Blog Title Font" type="font" default="normal normal 230% Georgia,Times New Roman" value="normal normal 230% Georgia,Times New Roman"> <Variable name="headertextcolor" description="Blog Title Color" type="color" default="#FFF" value="#FFFFFF"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 90% Arial, Helvetica, sans-serif" value="normal normal 90% Arial, Helvetica, sans-serif"> <Variable name="descriptiontextcolor" description="Blog Description Color" type="color" default="#A91B33" value="#A91B33"> <Variable name="bgcolorwrap" description="Page Background Color" type="color" default="#333" value="#333333"> <Variable name="bgcolorwraphead" description="Page Background Header Color" type="color" default="#deecbe" value="#deecbe"> <Variable name="headertext" description="Page Header Text" type="color" default="#FFF" value="#FFFFFF"> <Variable name="navbarcolor" description="Nav Bar Color" type="color" default="#FFF" value="#FFFFFF"> <Variable name="subnavbar" description="Adsense Nav Bar" type="color" default="#666" value="#666666"> <Variable name="textboxcolor" description="Text Box Color" type="color" default="#EEE" value="#EEEEEE"> <Variable name="bgcolorpage" description="Post Background Color" type="color" default="#EEE" value="#EEEEEE"> <Variable name="sidebarheadcolor" description="Sidebar Header Color" type="color" default="#333" value="#333333"> <Variable name="sidebarheadfontcolor" description="Sidebar Header Font Color" type="color" default="#FFF" value="#FFFFFF"> <Variable name="posttitle" description="Post Title Color" type="color" default="#444" value="#444444"> <Variable name="linkhovercolor" description="Link Hover Color" type="color" default="#A91B33" value="#A91B33"> <Variable name="textcolor" description="General Text Color" type="color" default="#333" value="#333333"> <Variable name="postbodyimgcolor" description="Post Image Background Color" type="color" default="#EEE" value="#EEEEEE"> <Variable name="lowerbarbgColor" description="Lowerbar Background Color" type="color" default="#ffffff" value="#f8f8f8"> <Variable name="lowerbarBorderColor" description="Lowerbar Border Color" type="color" default="#C94093" value="#cccccc"> <Variable name="sublowerbarbgColor" description="Sublowerbar Background Color" type="color" default="#ffffff" value="#ffffff"> <Variable name="sublowerbarBorderColor" description="Sublowerbar Border Color" type="color" default="#C94093" value="#e6e6e6"> <Variable name="lowerbarHeaderColor" description="Lowerbar Header Color" type="color" default="#000000" value="#ffffff"> <Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color" type="color" default="#C94093" value="#333333"> <Variable name="lowerbarTextColor" description="Lowerbar Text Color" type="color" default="#9D1961" value="#000000"> <Variable name="lowerbarLinkColor" description="Lowerbar Link Color" type="color" default="#9D1961" value="#808080"> <Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color" type="color" default="#000000" value="#cc0000"> <Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color" type="color" default="#000000" value="#808080"> <Variable name="lowerbarListLineColor" description="Lowerbar List Line Color" type="color" default="#000000" value="#d5cDc3"> <Variable name="footerbgColor" description="Footer Background Color" type="color" default="#ffffff" value="#e6e6e6"> <Variable name="footerBorderColor" description="Footer Border Color" type="color" default="#000000" value="#cccccc"> <Variable name="footerHeaderColor" description="Footer Header Color" type="color" default="#000000" value="#333333"> <Variable name="footerTextColor" description="Footer Text Color" type="color" default="#C94093" value="#333333"> <Variable name="footerLinkColor" description="Footer Link Color" type="color" default="#C94093" value="#333333"> <Variable name="footerHoverLinkColor" description="Footer Hover Link Color" type="color" default="#C94093" value="#333333"> <Variable name="footerVisitedLinkColor" description="Footer Visited Link Color" type="color" default="#C94093" value="#333333"> <Variable name="footerHeaderFont" description="Footer Header Font" type="font" default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 113% Trebuchet, Trebuchet MS, Arial, sans-serif"> <Variable name="footerTextFont" description="Footer Text Font" type="font" default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 79% Trebuchet, Trebuchet MS, Arial, sans-serif"> */ #navbar-iframe{height:0px; visibility:hidden; display:none} body{background:#a8bb7b ; width:980px; color:#333333; font-size:12px; font-family:Arial,Tahoma,Verdana; margin:0 auto 0; padding:0} #wrap{background:#EEEEEE; width:960px; margin:10px auto 10px; padding:0; position:relative; border:10px solid #333333} a, a:visited{color:#A91B33; text-decoration:none} a:hover{color:#A91B33; text-decoration:underline} a img{border-width:0} #topnavbar{background:#252525; width:960px; height:30px; color:#FFFFFF; margin:0; padding:0} #topnavbar a, #topnavbar a:visited{font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none} #topnavbar a:hover{text-decoration:underline} #topnavbar p{font-size:11px; font-weight:bold; padding:0; margin:0} .topnavbarleft{width:230px; float:left; margin:0; padding:8px 0 0 10px} .topnavbarright{width:600px; float:right; margin:0; padding:7px 10px 0 0; text-transform:uppercase; text-align:right} .topnavbarright a img{border:none; margin:0 3px 3px 0; padding:0} #header{background:#cbd7af url(http://i288.photobucket.com/albums/ll179/ahnning/bgbaru.gif);width:960px; height:100px; color:#FFF; font-size:11px; margin:0; padding:0; overflow:hidden} #header-inner{background-position:left; background-repeat:no} #header h1 {color:#FFFFFF; font:normal normal 230% Georgia,Times New Roman; margin:0; padding:5px 0 0 10px; text-decoration:none} #header h1 a, #header h1 a:visited {color:#FFFFFF; text-decoration:none} #header h3{color:#A91B33; font-size:16px; font-family:Arial,Tahoma,Verdana; font-weight:normal; margin:0; padding:0} #header p{color:#FFFFFF; padding:0; margin:0} .headerleft{width:460px; float:left; font-size:14px; margin:0; padding:0} .headerleft a img{border:none; margin:0; padding:0} .headerright{width:486px; float:right; margin:0; padding:18px 0 0; font-weight:bold} .headerright a img{border:1px solid #FFF; margin:0 0 3px; padding:0} #header .description{color:#A91B33; font:normal normal 90% Arial, Helvetica, sans-serif; margin-left:10px; padding:0} #navbarcontainer{background:#555; width:960px; height:35px; font-size:12px; font-family:Arial,Tahoma,Verdana; color:#FFF; font-weight:bold; margin:0; padding:0} #navbarleft{width:680px; float:left; margin:0; padding:0} #navbarright{width:280px; font-size:11px; float:right; margin:0; padding:6px 0 0} .status-msg-body{} .post-body img {-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-top left:3px;-moz-border-radius-topright:3px;background-color:#EEEEEE;border:1px solid #DDDDDD;padding:5px;text-align:center;} #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{color:#FFFFFF; display:block; font-size:16px; font-family:Georgia,Times New Roman; font-weight:normal; text-transform:lowercase; margin:0; padding:9px 15px 8px} #nav li a:hover, #nav li a:active{background:#555; color:#FFF; margin:0; padding:9px 15px 8px; text-decoration:none} #nav li li a, #nav li li a:link, #nav li li a:visited{background:#555; width:150px; color:#FFF; font-size:14px; font-family:Georgia,Times New Roman; font-weight:normal; text-transform:lowercase; float:none; margin:0; padding:7px 10px; border-bottom:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF} #nav li li a:hover, #nav li li a:active{background:#777; color:#FFF; 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} #searchform{margin:0; padding:0; overflow:hidden; display:inline} #searchbox {background:#EEEEEE none repeat scroll 0 0 !important;border-color:#DDDDDD #666666 #666666 #DDDDDD;border-style:solid;border-width:1px;color:#202020;display:inline;font-family:Georgia ,Times New Roman,Trebuchet MS;font-size:12px;font-weight:normal;margin:0;padding:4px 0 3px 5px;width:220px;} #searchbutton{background:#555; color:#FFF; font-size:11px; font-family:Georgia,Times New Roman,Trebuchet MS; margin:0 0 0 5px; padding:3px 3px 2px; font-weight:bold; border-top:1px solid #DDD; border-right:1px solid #666; border-left:1px solid #DDD; border-bottom:1px solid #666} .rss {background: url(http://i288.photobucket.com/albums/ll179/ahnning/rssnatal.gif) no-repeat scroll center top; float:left; width:40px; height:40px} #subscribe{margin:0;padding:5px 0 0 !important;padding:15px 0 0;width:300px !important;width:295px} #subbox{background:#EEEEEE !important; width:245px !important; width:150px; color:#202020; font-size:12px; font-family:Georgia,Times New Roman,Trebuchet MS; font-weight:normal; margin:5px 0 0; padding:3px 0 3px 5px; border-top:1px solid #666; border-right:1px solid #DDD; border-left:1px solid #666; border-bottom:1px solid #DDD; display:inline} #subbutton{background:#56760c; color:#FFF; font-size:11px; font-family:Georgia,Times New Roman,Trebuchet MS; margin:0 0 0 5px; padding:3px 3px 2px; font-weight:bold; border-top:1px solid #DDD; border-right:1px solid #666; border-left:1px solid #DDD; border-bottom:1px solid #666} #subnavbar{background:#666666; width:960px; height:24px; color:#FFF; margin:0; padding:0} #subnav{margin:0; padding:0} #subnav ul{float:left; list-style:none; margin:0; padding:0} #subnav li{list-style:none; margin:0; padding:0} #subnav li a, #subnav li a:link, #subnav li a:visited{color:#FFF; display:block; font-size:10px; font-weight:bold; text-transform:uppercase; margin:0 5px 0 0; padding:6px 13px} #subnav li a:hover, #subnav li a:active{background:#888; color:#FFF; display:block; text-decoration:none; margin:0 5px 0 0; padding:6px 13px} #subnav li li a, #subnav li li a:link, #subnav li li a:visited{background:#666; width:140px; float:none; margin:0; padding:6px 10px; border-bottom:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF} #subnav li li a:hover, #subnav li li a:active{background:#888; margin:0; padding:6px 10px} #subnav li{float:left; padding:0} #subnav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:160px; margin:0; padding:0} #subnav li ul a{width:140px} #subnav li ul ul{margin:-25px 0 0 161px} #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul{left:-999em} #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul{left:auto} #subnav li:hover, #subnav li.sfhover{position:static} #outer-wrapper{width:940px; margin:0 auto 0; padding:10px 0 0; line-height:18px} #main-wrapper{float:left; width:600px; margin:0; padding:0 0 20px} #sidebar-wrapper{float:right; width:320px; margin:0; padding:0; display:inline} #midsidebar-wrapper{width:320px; float:right; overflow:hidden} h2.date-header{margin:1.5em 0 .5em; display:none} .post{background:#FFF url(http://i288.photobucket.com/albums/ll179/ahnning/atas-anyar.gif) top no-repeat; float:left; width:590px; margin:0 0 10px; padding:10px; border:1px solid #DDD} .post h3{color:#444444; font-size:22px; font-weight:normal; margin:0 0 10px; padding:10px 0 0} .post h3 a, #content h1 a:visited{color:#444444; font-size:22px; font-weight:normal; margin:0 0 5px; padding:10px 0 0} .post h3 a:hover{color:#A91B33; text-decoration:none} .post-body{float:left; padding-top:15px; line-height:18px} .post-body blockquote{line-height:16px} .comment-link{margin-left:.6em} .post blockquote{background:#E8E8E8; margin:0 25px 15px; padding:10px 20px 0 15px; border-top:1px solid #DDD; border-right:1px solid #666; border-left:1px solid #DDD; border-bottom:1px solid #666} .post blockquote p{margin:0; padding:0 0 15px} .post-labels{} .post-icons{float: right; margin-top:-20px;padding-right:5px} .reaction-buttons{padding-top:15px;} .reactions-label{font-size:12px;} .comments{background:#FFF url(http://i288.photobucket.com/albums/ll179/ahnning/atas-anyar.gif) top no-repeat; float:left; width:590px; margin:0 0 10px; padding:10px; border:1px solid #DDD} #comments h4{color:#A91B33; font-size:22px; font-family:Georgia,Times New Roman; font-weight:normal; margin:0 0 20px; padding:10px 0 0} #comments-block{width:590px; float:left; padding:0; margin:0} #comments-block .comment-author{margin:.5em 0; font-weight:bold} #comments-block .comment-body{margin:.25em 0 10px; padding-left:20px} #comments-block .comment-body p{margin:0 0 .75em} #comments-block li.not-author {list-style-image:none;list-style-position:outside;list-style-type:none;margin:15px 0 10px;padding:10px 5px 10px 10px;border:1px dotted #BBBBBB;} #comments-block li.author {list-style-image:none;list-style-position:outside;list-style-type:none;margin:15px 0 10px;padding:10px 5px 10px 10px;border:1px dotted #BBBBBB;background:#EEEEEE none repeat scroll 0 0;} .comment-meta {display:block;font-size:10px;margin:0;} .deleted-comment{font-style:italic; color:gray} .blogger-iframe-colorize textarea {background:#EEEEEE none repeat scroll 0 0;border-color:#666666 #DDDDDD #DDDDDD #666666;border-style:solid;border-width:1px;color:#202020;display:inline;font-size:12px;font -weight:normal;margin:5px 0 0;padding:3px 0 3px 5px;width:460px;} #blog-pager-newer-link{float:left} #blog-pager-older-link{float:right} #blog-pager{padding:40px 15px 0px; text-align:center} .sidebar{color:#666; line-height:1.5em} .sidebar h2{background:#333333; color:#FFFFFF; font-size:11px; font-family:Arial,Tahoma,Verdana; font-weight:bold; text-transform:uppercase; margin:0 0 10px; padding:3px 0 3px 7px} #sidebar p{margin:0; padding:0 0 0 45px} .sidebar ul{list-style-type:none; margin:0; padding:0} .sidebar ul li{background:#FFF url() no-repeat; list-style-type:none; margin:0 0 5px; padding-left:20px} .main .widget{margin:0 0 1.5em; padding:0 0 1.5em} .sidebar .widget{background:#FFF url(http://i288.photobucket.com/albums/ll179/ahnning/sdbratas.gif) top no-repeat; float:left; width:300px; margin:0 0 10px; padding:10px; border:1px solid #DDD} .sidebar a img{border:1px solid #CCCCCC;margin:0 0 0 7px;padding:5px;} .sidebar a:hover img{border:1px solid #999999;margin:0 0 0 7px;padding:5px;} .main .Blog{border-bottom-width:0} #middleads-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 960px; position: relative; text-align: center; } #middleads, { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #middleads .widget { margin: 0; padding: 10px 0; } /* Bloglist */ #Bloglist { properti:value; display:none; } .blog-title { display:none; } .blog-icon { display : none; } .item-title { display:block; font-size: 14px; line-height:18px; padding-bottom:7px; padding-top:7px; } .item-content { width:110%;color:#000000; margin:0 0 2px 0; padding:0 0 4px 0;line-height:1.5em; text-align:justify; font-size: 14px; } /* ----- LOWER SECTION ----- */ #lower-wrapper { margin: 7px 0px 7px 0px; padding: 4px 0px 0px 0px; width: 958px; font-family:Arial,Tahoma,Verdana; color: $lowerbarTextColor; background: $lowerbarbgColor; } #lowerbar-wrapper { float: left; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 314px; text-align: left; line-height: 1.8em; 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 */ } #lowerads-wrapper { float: left; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 100%; text-align: center; 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 */ } .lowerbar .widget { margin: 0 0 4px 0; padding: 20px 20px 20px 20px; border: 1px solid $sublowerbarBorderColor; background: $sublowerbarbgColor; } .lowerbar {margin: 0; padding: 0;} .lowerads {margin: 0; padding: 0;} .lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;} .lowerbar h2 { margin: -20px -20px 10px -20px; padding: 4px 20px 4px 20px; color: $lowerbarHeaderColor; font-family:Arial,Tahoma,Verdana; font-size:14px;font-weight:bold; text-align: left; text-transform: uppercase; background: $lowerbarTitleBgColor; border-bottom: 1px solid $sublowerbarBorderColor; } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .lowerbar li { margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; line-height: 1.8em; list-style-type: none; border-bottom: 1px solid $lowerbarListLineColor; } .lowerbar a {color: $lowerbarLinkColor; text-decoration: none;} .lowerbar a:hover {text-decoration: underline; color: $lowerbarHoverLinkColor;} .lowerbar a:visited {text-decoration: none; color: $lowerbarVisitedLinkColor;} #footer-wrapper { clear: both; display: inline; /* handles IE margin bug */ float: left; width: 960px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #footer { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; width: 958px; text-align: left; color: $footerTextColor; font: $footerTextFont; line-height: 1.6em; background: $footerbgColor; border: 1px solid $footerBorderColor; } #footer h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; color: $footerHeaderColor; font: $footerHeaderFont; } #footer .widget { margin: 0px 0px 0px 0px; padding: 0px 20px 20px 20px; } .footer p {margin: 0; padding: 0} .footer a { color: $footerLinkColor; text-decoration: none; } .footer a:hover { color: $footerHoverLinkColor; text-decoration: underline; } .footer a:visited { color: $footerVisitedLinkColor; text-decoratio #credits{background:#252525; width:980px; height:50px; margin:0; padding:0; text-align:center} #credits p{color:#FFFFFF; font-size:11px; font-family:Arial,Tahoma,Verdana; margin:0; padding:9px 0 0} #credits a, #footer a:visited{color:#FFFFFF; text-decoration:none} #credits a:hover{color:#FFFFFF; text-decoration:underline} /** Page structure tweaks for layout editor wireframe */ body#layout #navbarright{display:none;} body#layout #topnavbar{display:none;} body#layout #credits{display:none;} body#layout #navbarcontainer{margin:0 auto; padding-bottom:42px;} body#layout #main-wrapper{padding-bottom:50px;} /* body#layout #midsidebar-wrapper{width:0px; margin-top:10px;} body#layout #outer-wrapper{padding:0px;width:0px;} body#layout #sidebar-wrapper{width:0px;} */ ]]></b:skin> <script type='text/javascript'> function displayDate() { var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym='0'+daym var dayarray=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday& #39;,'Friday','Saturday') var montharray=new Array('January','February','March','April','May',&#3 9;June','July','August','September','October','Novem ber','December') return (''+dayarray[day]+', '+montharray[month]+' '+daym+', '+year+'') } </script> <script src='http://nataludin.googlepages.com/javascript-readmore.txt' type='text/javascript'/> <script src='http://anniyalogam.com/scriptaculous/src/prototype.js' type='text/javascript'/> <script src='http://anniyalogam.com/scriptaculous/src/scriptaculous.js?load=effects' type='text/javascript'/> <script type='text/javascript'> var fade = true; var peekaboo_bgcolor = '#ffffff'; </script> </head> <body> <div id='wrap'>  <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> <div id='topnavbar'> <div class='topnavbarleft'> <script type='text/javascript'>document.write(displayDate())</script> </div> <div class='topnavbarright'> <a href='http://edan-ne-cadangan.blogspot.com/feeds/posts/default/'><img src='http://i288.photobucket.com/albums/ll179/ahnning/rssnatal.gif' style='vertical-align:middle'/></a><a href='http://edan-ne-cadangan.blogspot.com/feeds/posts/default/'>News Feed</a> <a href='http://edan-ne-cadangan.blogspot.com/feeds/comments/default/'><img src='http://i288.photobucket.com/albums/ll179/ahnning/rssnatal.gif' style='vertical-align:middle;margin-left:7px;'/></a><a href='http://edan-ne-cadangan.blogspot.com/feeds/comments/default/'>Comments</a> </div> </div> <div id='header'> <div class='header section' id='header'><div class='widget Header' id='Header1'> <div id='header-inner'> <div class='headerleft'> <a href='http://edan-ne-cadangan.blogspot.com' style='display: block'> <img alt='Imut template' height='100' id='Header1_headerimg' src='http://i288.photobucket.com/albums/ll179/ahnning/logo2.gif' style='display: block' width='350'/> </a> </div> </div> </div><div class='widget HTML' id='HTML5'> <div class='headerright'> <script type='text/javascript'> </script> <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'> </script> </div> </div></div> </div> <div id='navbarcontainer'> <div class='header-tabs section' id='header-tabs'><div class='widget LinkList' id='LinkList1'> <div class='widget-content'> <div id='navbarleft'> <ul id='nav'> <li><a href='/'>Home</a></li> <li><a href='#'>siji</a></li> <li><a href='#'>loro</a></li> <li><a href='#'>telu</a></li> <li><a href='#'>papat</a></li> </ul> </div> </div> </div></div> <div id='navbarright'> <form action='http://edan-ne-cadangan.blogspot.com/search' id='searchform' method='get' name='searchform'> <input id='searchbox' name='q' onblur='if (this.value == '') {this.value = 'Search this website...';}' onfocus='if (this.value == 'Search this website...') {this.value = '';}' type='text' value='Search this website...'/> <input id='searchbutton' type='submit' value='GO'/></form> </div> <div style='clear:both;'/></div> <div id='subnavbar'> <ul id='subnav'> <li> <a href='#'>Category</a> <ul> <li> <a href='#'>Sub Category #1</a> <ul> <li> <a href='#'>Sub Sub Category #1</a> </li> <li> <a href='#'>Sub Sub Category #2</a> </li> <li> <a href='#'>Sub Sub Category #3</a> </li> </ul> </li> <li> <a href='#'>Sub Category #2</a> </li> <li> <a href='#'>Sub Category #3</a> </li> </ul> </li> <li> <a href='#'>item anda</a> </li> <li> <a href='#'>item Anda</a> </li> </ul> <div style='clear:both;'/></div> <div id='outer-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'/> </div> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <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'><data:newerPageTitle/></a> </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'><data:olderPageTitle/></a> </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'>   <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'> <data:post.authorLabel/> <data:backlink.author/> <data:post.timestampLabel/> <data:backlink.timestamp/> </dd> </div> </b:loop> </dl> </b:if> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </b:includable> <b:includable id='post' var='post'> <div class='post hentry uncustomized-post-template'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-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> </h3> </b:if> <div class='post-header-line-1'/> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <data:post.author/> </b:if> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> </b:if> </b:if> <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'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if>  <b:if cond='data:post.emailPostUrl'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/> </a> </b:if>  <b:include data='post' name='postQuickEdit'/> <div class='post-body entry-content' expr:id='"post-" + data:post.id'> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <data:post.body/> <a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Readmore/ Selengkapnya...</a> <a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a> <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script> </b:if> <div style='clear: both;'/>  </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr> <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <data:top.reactionsLabel/> </td> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </b:if> <b:if cond='data:top.showStars'> <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/> </b:if>  <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> </div> <div class='post-footer-line post-footer-line-2'> </div> <div class='post-footer-line post-footer-line-3'> <b:if cond='data:top.showLocation'> <b:if cond='data:post.location'> <data:postLocationLabel/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </b:if> </b:if> </div> </div> </div> </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='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <data:blogCommentMessage/> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/> <data:post.iframeColorizer/> </div> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='http://www.blogger.com/img/icon_delete13.gif'/> </a> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </b:if> </b:includable> <b:includable id='main' var='top'>  <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:adStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> <b:if cond='data:post.trackLatency'> <data:post.latencyJs/> </b:if> </b:loop> <data:adEnd/> </div>  <b:include name='nextprev'/>  <b:include name='feedLinks'/> <b:if cond='data:top.showStars'> <script src='http://www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> 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:includable> <b:includable id='commentDeleteIcon' var='comment'> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='http://www.blogger.com/img/icon_delete13.gif'/> </a> </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='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='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> <b:if cond='data:post.commentPagingRequired'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </b:if> <dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <a expr:name='data:comment.anchorName'/> <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'> <data:comment.body/> <b:else/> <data:comment.body/> </b:if> </dd> <dd class='comment-footer'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </dd> </b:loop> </dl> <b:if cond='data:post.commentPagingRequired'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </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'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </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:widget> </b:section> <div style='clear:both;'/></div> <div id='sidebar-wrapper'> <div id='midsidebar-wrapper'> <b:section class='sidebar' id='midsidebar-wrapper' preferred='yes'/> </div> </div><div style='clear: both;'/> </div>  <div id='middleads-wrapper'> <b:section class='middleads' id='middleads' preferred='yes'/> </div> <div style='clear: both;'/> <div id='lower-wrapper'> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar1' preferred='yes'> <b:widget id='HTML200' locked='false' title='Translate to your Language' type='HTML'> <b:includable id='main'>   <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <form action='http://translate.google.com/translate_c?'> <table id='webtb'> <tr><td> <select name='tl' style='width: 8em;'> <option value='ar'>Arabic</option> <option value='bg'>Bulgarian</option> <option value='ca'>Catalan</option> <option value='zh-cn'>Chinese (Simplified)</option> <option value='zh-tw'>Chinese (Traditional)</option> <option value='hr'>Croatian</option> <option value='cs'>Czech</option> <option value='da'>Danish</option> <option value='nl'>Dutch</option> <option value='en'>English</option> <option value='tl'>Filipino</option> <option value='fi'>Finnish</option> <option value='fr'>French</option> <option value='de'>German</option> <option value='el'>Greek</option> <option value='iw'>Hebrew</option> <option value='hi'>Hindi</option> <option value='id'>Indonesian</option> <option value='it'>Italian</option> <option value='ja'>Japanese</option> <option value='ko'>Korean</option> <option value='lv'>Latvian</option> <option value='lt'>Lithuanian</option> <option value='no'>Norwegian</option> <option value='pl'>Polish</option> <option value='pt'>Portuguese</option> <option value='ro'>Romanian</option> <option value='ru'>Russian</option> <option value='sr'>Serbian</option> <option value='sk'>Slovak</option> <option value='sl'>Slovenian</option> <option value='es'>Spanish</option> <option value='sv'>Swedish</option> <option value='uk'>Ukrainian</option> <option selected='en' value='en'>English</option> </select> <input expr:value='data:blog.url' id='url' name='u' type='hidden'/> <input name='sl' type='hidden' value='id'/> <input name='hl' type='hidden' value='en'/> <input name='ie' type='hidden' value='UTF-8'/> <input style='width: auto;' type='submit' value='Go'/> </td></tr></table></form> <h6>Widget by <a href='http://hoctro.blogspot.com/2008/10/new-translation-widget.html'>Hoctro</a></h6> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar2' preferred='yes'/> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar3' preferred='yes'/> </div> <div style='clear: both;'/> <div id='lowerads-wrapper'> <b:section class='lowerads' id='lowerads' preferred='yes'/> </div> <div style='clear: both;'/> </div>  <div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div><div style='clear:both;'/> </div>  <div id='credits'> <center>Copyright 2009 All Rights Reserved : <data:blog.pageTitle/> | by <a href='http://ahn-bidikcom.blogspot.com'>NATALUDIN</a> | <a href='#header'>Top</a> Thanks for : <a href='http://www.blogger.com' target='_blank'>BLOGGER</a> | <a href='http://www.photobucket.com' target='_blank'>PHOTOBUCKET</a> | PICASSA </center> </div> </body> </html>

Untuk Readmore, silahkan menggunakan :





Harapan saya, template ini bisa disempurnakan oleh rekan-rekan.

Note : Terdapat tanda , silahkan dihapus terlebih dahulu.

blognyaLOEDIN

Mar 5, 2009

Free Imut Template Blogger Theme

0 comments:

Post a Comment

Recent Post

Arsip Blog