!Cherry blossom!: Tutorial tukar minima template

Request dari seorang blogger cara menukar template asal ke minima

Padam code template asal

Lepas dah copy n paste,sila save template dan keep widgets

Ubah kod mana yang perlu,rujuk tutorial lain

<?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[/*-----------------------------------------------Blogger Minima TemplateModified by: Blog Designs by Danihttp://www.blogdesignsbydani.comWide 2-Column Template 2011----------------------------------------------- *//* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#ffffff"> <Variable name="textcolor" description="Text Color" type="color" default="#333" value="#333333"> <Variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#5588aa"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#666666"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#999999"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#cc6600"> <Variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#cccccc"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999" value="#999999"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#666666"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#999999"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif"><Variable name="titlefont" description="Post Title Font" type="font" default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"> <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right">*//* Use this with templates/template-twocol.html */body {margin: 0;padding: 0;line-height: 1.7em;font: normal bold 14px 'Levenim MT MS', Levenim MT, sans-serif;color:#000000;background:url(http://i.imgur.com/7G1VSqN.jpg);background-position:top center;background-attachment:fixed;}a:link { color:$linkcolor; text-decoration:none; }a:visited { color:$visitedlinkcolor; text-decoration:none; }a:hover { color:$titlecolor; text-decoration:underline;}a img { border-width:0; }u {text-decoration:none;border-bottom: 4px solid #F6358A; padding: -3px;}u:hover {border-bottom: 4px solid #F9A7B0;padding: -3px;}/* Header----------------------------------------------- */::-webkit-scrollbar {height:13px;width: 13px;background: #3260f1;}::-webkit-scrollbar-thumb {background: #75d7ff;-moz-border-radius: 10px;border-radius:10px;}.header-outer {background: transparent none repeat-x scroll top left;_background-image: none;color: transparent;-moz-border-radius: 0;-webkit-border-radius: 0;-goog-ms-border-radius: 0;border-radius: 0;}.Header img, .Header #header-inner {-moz-border-radius: 0;-webkit-border-radius: 0;-goog-ms-border-radius: 0;border-radius: 0;}.header-inner .Header .titlewrapper,.header-inner .Header .descriptionwrapper {padding-left: 0;padding-right: 0;}.Header h1 {font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}.Header h1 a {color: transparent;}.Header .description {font-size: 130%;}/* Outer-Wrapper----------------------------------------------- */#outer-wrapper {width: 900px;margin:10px auto 0px;padding:0px;text-align:left;font: normal normal 14px Trebuchet, Trebuchet MS, Arial, sans-serif;}#content-wrapper {background:url(http://i.imgur.com/kyii6jg.png) repeat-y;}#main-wrapper {width: 570px;padding-left:18px;margin:0px 10px 0px 0px;float: left;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}#sidebar-wrapper {width: 280px;padding-right:10px;float: right;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}/* Headings----------------------------------------------- */h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor;}
/* Posts-----------------------------------------------*/h2.date-header {background-repeat: no-repeat;background-position:margin-bottom: 2px;witdh: 100%;font-size:15px;color: #000;text-align: center;text-transform:uppercase;border-bottom:0px solid transparent;margin:1.5em 0 .5em;color: #000000;font: Century Gothic;}.post img {padding:0px;BORDER-RADIUS:30PX;border:0px solid #ffffff;}.post {font: normal 12px Century Gothic;text-align:;background: url(http://dl4.glitter-graphics.net/pub/1167/1167354yin8tsiepj.gif);background-repeat: no-repeat;background-position: top center;margin:.5em 0 2.5em;padding-top:3.5em;}.post-body {background:url(http://i.imgur.com/tDtge.png); padding:6px;border-top: 4px solid #ffacda;border-bottom: 4px solid #99e7e4;border-left: 4px solid #99e7e4;border-right: 4px solid #ffacda;line-height: 1.4;font-size: 14px;font:Andika;position: relative;border-radius: 10px;}.post h3 {margin: 1.6em 0 .5em;padding: 4px 5px;background:#FD80AC;border:4px solid #FC4786;background-image: url("http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/BaskinRabbit2.gif");background-position: left;background-repeat: no-repeat;line-height: 1.7em;text-align: center;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font: normal 17px Verdana ;color: #000000;}.post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:#000000;font-weight:normal;}.post h3 strong, .post h3 a:hover {color:#000000;}.post p {margin:0 0 .75em;line-height:1.2em;}.post-footer {padding:8px;color: #333333;font-size: 95%;background: url(http://2.bp.blogspot.com/-4EheOXBZqwU/T6ulhwQ5SFI/AAAAAAAAA2c/vBMyFxI_8-c/s1600/th_back07.gif);border-left: 12px solid #ffacda;border-right: 12px solid #ffacda;border-bottom:2px dashed #00ffe1;border-top:2px dashed #00ffe1;moz-box-shadow: 0 0 5px 2px #FAD1FF;-webkit-box-shadow: 0 0 5px 2px #FAD1FF;border-radius:7px;margin:6px;text-align:left;}.comment-link {margin-left:.6em;font-size: 95%;}.post img {padding:4px;border:1px solid transparent;}.post blockquote {margin:1em 20px;}.post blockquote p {margin:.75em 0;}/* Comments----------------------------------------------- */#comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; }#comments-block { margin:1em 0 1.5em; line-height:1.6em; }#comments-block .comment-author { margin:.5em 0; }#comments-block .comment-body { margin:.25em 0 0; }#comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; }#comments-block .comment-body p { margin:0 0 .75em; }.deleted-comment { font-style:italic; color:gray; }#blog-pager-newer-link { float: $startSide; }
#blog-pager-older-link { float: $endSide; }#blog-pager { text-align: center; }.feed-links { clear: both; line-height: 2.5em;}/* Sidebar Content----------------------------------------------- */.sidebar h2 {background:url(http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/Crux/CruxFuwaUsachanBunny.gif);background-repeat: no-repeat;background-position:margin-bottom: 2px;witdh: 100%;font-size:15px;color: #000;text-align: center;}.sidebar ul li {background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfwSvmJWqDtRIfNAYAeCbtlzYRZFpuDiB2d-UM7PFNqsjz5aNctCHiwMwD0fJJBtGEh8xonwkqA-jnAnYOvGXcZSyatkSX1gJcxOYroeQ9_zCRQj2kjC1HaD6ERKct5IVFFoNzfAWhtJMg/s1600/xmarie1.gif") no-repeat 2px .25em;margin:0;padding:0 0 3px 16px;margin-bottom:2px;text-indent:7px;line-height:1.3em;}.sidebar .widget {background: #FFF;border-top: 4px solid #fab0b5;border-bottom: 4px solid #fdd9dc;border-left: 4px solid #fdd9dc;border-right: 4px solid #fab0b5;border-radius: 10px;margin:0 0 1.5em;padding:0 0 50px;background-image: url("http://dl7.glitter-graphics.net/pub/773/773427w34lc9wivu.gif");background-position: bottom;background-repeat: no-repeat;}.main .Blog {border-bottom-width: 0;}/* Profile----------------------------------------------- */.profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor;}.profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em;}.profile-datablock { margin:.5em 0 .5em;}.profile-textblock { margin: 0.5em 0; line-height: 1.6em;}.profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em;}/* Footer----------------------------------------------- */#footer {clear:both;margin:0 0 0px 0px;padding-bottom:0px;padding-top: 200px;line-height: 1.4em;text-transform:lowercase;letter-spacing:.1em;text-align: center;background: url(http://i.imgur.com/Eap3Gdb.png) no-repeat bottom center;height: 200px;}]]></b:skin> </head><div style=' background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg4IN_2lqHmJMUg78AsAhYATbckN1FwJnCg0AoUfzopMD0eTSVosbxY6Flqwd61GgQhkPZYNPLKh11VCtCGKp-uJexr31y1hzHsaiT5X7uyClEwm0tyQ1jBZVCjYd61Wd4naYBM-whawYi/s1600/NabilaDivider.png'); width: 100%; height: 34px; z-index: 100; position: absolute; '/>
<body>#navbar-iframe {height: 0px;visibility: hidden;display: none;} <div id='outer-wrapper'><div id='wrap2'>  <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='Tutorial Bloskin (Header)' type='Header'/></b:section> </div>
<div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol'/> </div> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section> </div> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'><b:widget id='HTML2' locked='false' title='AnyeongHaseo' type='HTML'/><b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/><b:widget id='HTML4' locked='false' title='Klik' type='HTML'/><b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'/></b:section> </div>  <div class='clear'> </div> </div>  <div id='footer-wrapper'> <b:section class='footer' id='footer'><b:widget id='HTML1' locked='false' title='' type='HTML'/></b:section> </div> </div></div> </body></html>

!Cherry blossom!

Tutorial tukar minima template

No comments:

Blog hebat