Home » » Bagian-bagian Template Blogger Part 1

Bagian-bagian Template Blogger Part 1

Setelah kita membahas tentang mengedit template blog secara offline, kali ini kita akan membahas bagian-bagian template Blogger. Sebenarnya sudah banyak blogger yang memposting artikel tentang bagian-bagian template Blogger, tetapi dengan cara yang berbeda-beda. 


Kita akan mengupas tuntas bagian-bagian template Blogger. Template yang akan kita kupas tuntas adalah template Minima. Mengapa Minima??? Karena template ini merupakan template yang paling dasar dan yang paling mudah untuk dipelajari.

Artikel tentang bagian-bagian template Blogger akan saya jadikan beberapa part karena tidak memungkinkan saya jadikan satu. Betul nggak? 

Okelah kalau begitu, langsung saja :

-----------------------------------------------------------------------------------------
<?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">Ini merupakan deklarasi file XHTML pada template Blogger dengan jenis Strict. XHTML jenis Strict digunakan untuk membuat halaman yang layout dan formatnya dikontrol penuh oleh CSS. Pada deklarasi ini tidak menggunakan tag font dan table.

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*Bagian head template blog yang berisi judul blog dan awal dari kode CSS. Biasanya, di sini digunakan untuk meta tag keyword dan meta tag yang lainnya.

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Ket : Body adalah bagian paling dasar dari bagian-bagian template lainya, body pada template blog biasanya memenuhi halaman dari browser baru setelah itu tersusun bagian-bagian lainya.

a:link {
color:$linkcolor;
text-decoration:none;
}

Ket: Kode ini untuk mengubah tampilan link pada template blog Anda.

a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}

Ket: Ini untuk mengubah tampilan link yang pernah dikunjungi.

a:hover {
color:$titlecolor;
text-decoration:underline;
}

Ket: Mengubah tampilan link jika pointer mouse berada di atas link.

a img {
border-width:0;
}

Ket: Mengubah tampilan link bergambar 

Bagaimana Sobat? Bagian-bagian Template Blogger berlanjut pada Bagian-Bagian Template Blogger Part 2
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

0 komentar:

 
Copyright © 2011. Peduli Hutan - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger