maulana-st: 5 BAGIAN PENTING SEBUAH TEMPLATE BLOGGER

Bagian tersebut terdiri atas:

XML Language declarations
HEAD, TITLE and the META TAGS
Variable Definitions
CSS (Cascading Style Sheet) section
Body

Deskripsi di bawah ini merupakan contoh gambaran dari kelima bagian dasar tema sebuah blogger.

XML Language declarations

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

HEAD, TITLE and the META TAGS

<head>
<title>Latest Tips for Bloggers|Blogger Tips And Tricks</title>
<b:include data='blog' name='all-head-content'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='Latest Tips for Bloggers for easy blogging and Making Money.blogger,blogspot tips and tricks.A dummies guide,templates,layouts,widgets, JavaScript,HTML codes,SEO,Google AdSense,gadgets,How to monetize Blogger or blogspot blogs.' name='description'/>
<meta content='blogger tricks,blogspot tweaks,how to blog,blogger tips,blogging tricks,widgets,links,google,adsense,latest,Page Rank,free blog,Yahoo,MSN,FeedBurner,Comments,new bloggers,sitemaps,make money,online,Blogging tips,Sitemaps,Meta Tag,YouTube Tweaks' name='keywords'/>
<meta content='Lasantha' name='author'/>
<meta content='all,follow' name='robots'/>
<meta content='General' name='Rating'/>
<meta content='never' name='Expires'/>
<meta content='english' name='Language'/>
<meta content='Global' name='Distribution'/>
<meta content='INDEX,FOLLOW' name='Robots'/>
<meta content='4 Days' name='Revisit-after'/>
<meta content='lasanthaset4@gmail.com' name='Email'/>
<meta content='Karunarathna' name='Publisher'/>
<meta content='Keerthi' name='Copyright'/>
<META content='04a82ed1e8901452' name='y_key'></META>
<meta content='9BC9210680' name='blogcatalog'/>
<meta content='uhl6s4fkZiCGiK8tOzdJdlKTP7V4anqblyHBjk8PA0g=' name='verify-v1'/>

Variable Definitions

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima Ochre
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team

----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#dd9" value="#CAF99B">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#684" value="#0066CC">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#874" value="#000000">
.............................

CSS (Cascading Style Sheet) section

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
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;
}

/* Header
-----------------------------------------------
*/

...............

/* Footer
----------------------------------------------- */
#footer {
width:950px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
]]></b:skin>
</head>

Body

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML6' locked='false' title='Subscribe to Blogger Tips' type='HTML'/>
<b:widget id='LinkList2' locked='false' title='Blogger Tips - General' type='LinkList'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Blog Directries' type='HTML'/>
<b:widget id='HTML5' locked='false' title='Social Bookmarks' type='HTML'/>
<b:widget id='HTML11' locked='false' title='Useful Free Services' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='Link' type='LinkList'/>
</b:section>
<p><a href='http://bloggertipandtrick.blogspot.com/'>Blogger Tips and Trick</a> for <a href='http://bloggertipandtrick.blogspot.com/'>Bloggers</a></p></div>

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

</div>

</div></div>

</body>
</html>

maulana-st

Senin, 15 Oktober 2012

5 BAGIAN PENTING SEBUAH TEMPLATE BLOGGER

Tidak ada komentar:

Posting Komentar

tentang me

Halaman

isi blog