Kenali Bagian-bagian Template Blog Kita (bag.1)

Baiklah temen-temen. kali ini kita akan sedikit membahas mengenai bagian-bagian template Blogger. Akan tetapi sesungguhnya telah banyak kawan-kawan blogger lain yang memposting artikel tentang bagian-bagian template Blogger, tetapi dengan cara yang berbeda-beda.

Nah, pada postingan ini kita akan mengupas secara tuntas bagian-bagian template Blogger tersebut. Template yang akan kita uprek di sini adalah template Minima. Mengapa Minima??? ini dikarenakan template minima merupakan template yang paling dasar dan yang paling mudah untuk dipelajari.

Akan tetapi postingan mengenai bagian-bagian template Blogger akan kita jadikan beberapa bagian untuk lebih fokusnya pembahasan. Sedikit tapi mengena dan mudah diterapkan, begitu kira-kira.

Pada bagian pertama ini berikut uraian selengkapnya.

-----------------------------------------------------------------------------------------

<?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'/>

<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;

}

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;

}

Kode ini untuk mengubah tampilan link pada template blog Anda.

a:visited {

color:$visitedlinkcolor;

text-decoration:none;

}

Ini untuk mengubah tampilan link yang pernah dikunjungi.

a:hover {

color:$titlecolor;

text-decoration:underline;

}

Mengubah tampilan link jika pointer mouse berada di atas link.

a img {

border-width:0;

}

Mengubah tampilan link bergambar

Cukup mudah untuk dipahami kan temen-temen. Baiklah selanjutnya beralih pada Kenali Bagian-bagian Template Blog Kita (bag.2)

Kenali Bagian-bagian Template Blog Kita (bag.1)

{ 0 comments... read them below or add one }

Post a Comment

visitor