Bagian-bagian Template Blogger part 2

Apa kabar sahabatku???? Saya harap semuanya baik-baik saja ...

Jadi, sebelum membaca lebih lanjut, Anda disarankan untuk membaca bagian pertama dari Template Blogger .

Dalam episode ini, kita akan melihat bagian judul, sampul luar, sampul utama, dan pita. Untuk mempersingkat puasa Tak perlu berlipat ganda lama-lama, langsung saja ke TKP, ha...

/ * Kepala:

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

*/

Judul dimulai di sini

# bungkus tajuk {

Tampilan: 660 piksel;

Margin: otomatis 0 10 piksel;

perbatasan: 1 piksel tetap $border;

}

Judul ini berada di bagian atas formulir karena berfungsi sebagai informasi blog yang akan dibaca oleh pengunjung blog, termasuk judul blog dan deskripsi blog. Selain teks, kita bisa mengganti judul dengan gambar.

# tajuk bagian dalam {

posisi latar belakang: tengah;

margin kiri: otomatis;

margin kanan: otomatis;

}

Kode CSS ini mengubah tampilan header bagian dalam

# kepala {

Margin: 5 piksel;

perbatasan: 1 piksel tepi padat $;

Perataan teks. sentralisasi.

warna: $pagetitlecolor;

}

Ubah tampilan entri blog Deskripsi umum blog

header #h1 {

margin: 5px 5px 0;

bantalan: 15px kali 20px .25em;

Tinggi garis: 1,2 um;

Konversi teks: huruf besar;

kerning: .2em;

font: $pagetitlefont;

}

Ubah tampilan header blog dari Level 1: Deskripsi

# kepala {

warna: $pagetitlecolor;

pemformatan teks - tidak;

}

Ubah tampilan tautan di header

#tajuk a: gulir {

warna: $pagetitlecolor;

}

Mengubah tampilan tautan di header saat penunjuk tetikus berada di atas tautan.

# deskripsi alamat {

Margin: 0 5 px kali 5 px;

Muat: 0 20 px 15 px;

lebar maksimum - 700 piksel;

Konversi teks: huruf besar;

kerning: .2em;

Tinggi garis: 1,4 um;

font: deskripsi font $;

Warna: $deskripsi warna;

}

Ubah tampilan deskripsi blog pada judul. Biasanya di level 2, yaitu h2

# gambar kepala {

margin-$startSide: secara otomatis;

margin-$endSide: secara otomatis;

}

Ubah tampilan gambar tanda tangan

/* Cangkang luar

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

# Cangkang luar {

Tampilan: 660 piksel;

Margin: 0 mobil

unggah: 10 piksel;

perataan teks: startSide $;

font: bodyfont;

}

Bagian utama dari bagian ini, seperti header, main body, sidebar, dan footer, berada di bagian atas bagian ini.

# sampah, hancurkan, hancurkan {

Lebar: 410 piksel;

float: $startSide;

bungkus teks: lewati kata; /* Memperbaiki jeda teks yang panjang pada floating bar IE */

daemon overflow /* memperbaiki konten non-teks yang panjang yang merusak umpan IE */

}

Sampul utama sering disebut sebagai area posting karena balok utama adalah area posting blog.

# pembungkus bilah sisi {

Lebar: 220 piksel;

float: $endSide;

bungkus teks: lewati kata; /* Memperbaiki jeda teks yang panjang pada floating bar IE */

Banjir. tersembunyi; /* Memperbaiki konten non-teks panjang yang merusak feed IE */

}

Umpan ini berfungsi sebagai gudang alat/gadget.
Misalnya, alat yang disediakan blogger seperti tag, riwayat, profil, dan blogger eksternal seperti widget Alexa Rank yang terletak di sebelah area blog/sampul utama.

/* header:

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

h2 {

Margin: 1,5 cm 0,75 cm;

font: $headerfont;

Tinggi garis: 1,4 um;

Konversi teks: huruf besar;

kerning: .2em;

$warna bilah sisi;

}

Kode CSS ini mengubah tampilan header blog dengan class h2, seperti judul postingan, judul widget feed, dll.


Sementara itu, saudara...

Saya harap Anda tidak bosan saat mengunjungi blog saya. Terima kasih untuk semua yang telah mengunjungi, berkomentar, dan membaca blog saya. Aku tak sabar untuk....

Seperti biasa, bagian Tema Blogger akan berlanjut di bagian Tema Blogger Bagian Ketiga :