• blogger

    Pengenalan Blogger

  • blogger

    Mengenal Elemen Template Blogger

  • Snowalker

    Membuat Dropdown Menu dengan css3

  • robottxt

    Tentang File Robots.txt

  • meta

    Meta tag untuk membatasi akses

Mengenal Elemen Template Blogger Part 1

Berikut penjelasan susunan elemen beserta kode cssnya, saya ambil contoh pada template minima blogspot :
<?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 lang='en' xml:lang='en' 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'> 
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 tabel.
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
head atau disebut dengan kepala 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:#000000;
margin:0;
color:#ffffff;
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:#ff0000;
text-decoration:none;
}
kode untuk penempatan link
a:visited {
color:#ff0000;
text-decoration:none;
}
Ini untuk mengubah tampilan link yang pernah dikunjungi.
a:hover {
color:#ffffff;
text-decoration:underline;
}
Mengubah tampilan link jika pointer mouse berada di atas link.
a img {
border-width:0;
}
Mengubah tampilan link bergambar

lanjut pada bagian Mengenal Elemen Template Blogger Part 2

Artikel Terkait:

Kommentar Sobat
 
© Copyrigt 2012 | Design by Emily.Josan | Powered by Blogger.com.
Thanks to ndung - ndung