Tasya bawa tutorial cara mengganti template ke denim template nih.
2. Dashboad > Pilih Template
3. Pilih Edit Template
4. Select semua kode yang ada dengan ctrl + a, lalu hapus
5. Buka kode Denim 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> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/*-----------------------------------------------Blogger Template StyleName: DenimDesigner: Darren DelayeDate: 2 June 2013Credit: chiaki-tachikawa.blogspot.com-----------------------------------------------*/
/* Variable definitions ==================== <variable name="bgColor" description="Page Background Color" type="color" default="#b7e9ff" value="#b7e9ff"> <variable name="textColor" description="Text Color" type="color" default="#333333" value="#333333"> <variable name="linkColor" description="Link Color" type="color" default="#addfff" value="#addfff">
<variable name="headerBgColor" description="Page Header Background Color" type="color" default="transparent" value="transparent"> <variable name="headerTextColor" description="Page Header Text Color" type="color" default="transparent" value="transparent"> <variable name="headerCornersColor" description="Page Header Corners Color" type="color" default="transparent" value="transparent">
<variable name="mainBgColor" description="Main Background Color" type="color" default="#ffffff" value="#ffffff"> <variable name="borderColor" description="Border Color" type="color" default="#cccccc" value="#cccccc"> <variable name="dateHeaderColor" description="Date Header Color" type="color" default="#999999" value="#999999">
<variable name="sidebarTitleBgColor" description="Sidebar Title Background Color" type="color" default="#addfff" value="#addfff"> <variable name="sidebarTitleTextColor" description="Sidebar Title Text Color" type="color" default="#333333" value="#333333">
<variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;"> <variable name="headerFont" description="Page Header Font" type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">
<variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"> <variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right">*/
body { background: $bgColor; margin: 0; padding: 0px; font: x-small Verdana, Arial; text-align: center; color: $textColor; font-size/* */:/**/small; font-size: /**/small;}a:link { color: $linkColor;}a:visited { color: $linkColor;}a img { border-width: 0;}
#outer-wrapper { font: $bodyFont;}
/* Header----------------------------------------------- */#header-wrapper { margin:0; padding: 0; background-color: $headerCornersColor; text-align: $startSide;}
#header { width: 760px; margin: 0 auto; background-color: $headerBgColor; border: 1px solid $headerBgColor; color: $headerTextColor; padding: 0; font: $headerFont;}
h1.title { padding-top: 38px; margin: 0 14px .1em; line-height: 1.2em; font-size: 100%;}
h1.title a, h1.title a:visited { color: $headerTextColor; text-decoration: none;}
#header .description { display: block; margin: 0 14px; padding: 0 0 40px; line-height: 1.4em; font-size: 50%;} /* Content----------------------------------------------- */
.clear { clear: both;}
#content-wrapper { width: 760px; margin: 0 auto; padding: 0 0 15px; text-align: $startSide; background-color: $mainBgColor; border: 1px solid $borderColor; border-top: 0;}#main-wrapper { margin-$startSide: 14px; width: 464px; float: $startSide; background-color: $mainBgColor; display: inline; /* fix for doubling margin in IE */ word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}#sidebar-wrapper { margin-$endSide: 14px; width: 240px; float: $endSide; background-color: $mainBgColor; display: inline; /* fix for doubling margin in IE */ word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}
/* Headings----------------------------------------------- */h2, h3 { margin: 0;}
/* Posts----------------------------------------------- */.date-header { margin: 1.5em 0 0; font-weight: normal; color: $dateHeaderColor; font-size: 100%;}.post { margin: 0 0 1.5em; padding-bottom: 1.5em;}.post-title { margin: 0; padding: 0; font-size: 125%; font-weight: bold; line-height: 1.1em;}.post-title a, .post-title a:visited, .post-title strong { text-decoration: none; color: $textColor; font-weight: bold;}.post div { margin: 0 0 .75em; line-height: 1.3em;}
.post-footer { margin: -.25em 0 0; color: $textColor; font-size: 87%;}
.post-footer .span { margin-$endSide: .3em;}
.post img, table.tr-caption-container { padding: 4px; border: 1px solid $borderColor;}.tr-caption-container img { border: none; padding: 0;}.post blockquote { margin: 1em 20px;}.post blockquote p { margin: .75em 0;}
/* Comments----------------------------------------------- */#comments h4 { margin: 1em 0; color: $dateHeaderColor;}#comments h4 strong { font-size: 110%;}#comments-block { margin: 1em 0 1.5em; line-height: 1.3em;}#comments-block dt { margin: .5em 0;}#comments-block dd { margin: .25em 0 0;}#comments-block dd.comment-footer { margin: -.25em 0 2em; line-height: 1.4em; font-size: 78%;}#comments-block dd p { margin: 0 0 .75em;}
.deleted-comment { font-style:italic; color:gray;}
.feed-links { clear: both; line-height: 2.5em;}
#blog-pager-newer-link { float: $startSide; }
#blog-pager-older-link { float: $endSide; }
#blog-pager { text-align: center; }
/* Sidebar Content----------------------------------------------- */.sidebar h2 { margin: 1.6em 0 .5em; padding: 4px 5px; background-color: $sidebarTitleBgColor; font-size: 100%; color: $sidebarTitleTextColor;} .sidebar ul { margin: 0; padding: 0; list-style: none;}.sidebar li { margin: 0; padding-top: 0; padding-$endSide: 0; padding-bottom: .5em; padding-$startSide: 15px; text-indent: -15px; line-height: 1.5em;}.sidebar { color: $textColor; line-height:1.3em;}.sidebar .widget { margin-bottom: 1em;}
.sidebar .widget-content { margin: 0 5px;}
/* Profile----------------------------------------------- */.profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $borderColor;}
.profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font-weight: bold; line-height: 1.6em; font-size: 78%;}
.profile-datablock { margin:.5em 0 .5em;}
.profile-textblock { margin: 0.5em 0; line-height: 1.6em;}
/* Footer ----------------------------------------------- */#footer { clear: both; text-align: center; color: $textColor;}
#footer .widget { margin:.5em; padding-top: 20px; font-size: 85%; line-height: 1.5em; text-align: $startSide;}]]></b:skin> </head>
<body> <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'><b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/></b:section>
<div id='outer-wrapper'><div id='wrap2'>
<!-- 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='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='chiaki-tachikawa.blogspot.com' 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='Followers1' locked='false' title='Followers' type='Followers'/><b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/><b:widget id='Profile1' locked='false' title='About Me' type='Profile'/><b:widget id='Attribution1' locked='false' title='' type='Attribution'/></b:section> </div><!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div></div><!-- end content-wrapper -->
<div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div></div></div><!-- end outer-wrapper --> <b:include data='blog' name='google-analytics'/></body></html>
6. Copy dan Paste semua kodenya
7. Save Template
o iya, tuto ini Tasya dapatkan dari kak Chiaki.
kalau cara mengganti template dari denim ke simple besok saja ya! soalnya TUGAS, PR, DAN ULANGAN BUAT BESOK BULUM TASYA KERJAKAN!!!!!!!!!!!!!!!!!!
No comments:
Post a Comment