Bagian-bagian Template Blogger Part 4

Setelah kita mengupas tuntas bagian Post pada bagian-bagian template Blogger part 3, sekarang kita akan membahas bagian Comment dan Sidebar Content.

Setelah membaca dari part 1, silakan simak bagian-bagian template Blogger part 4 berikut ini

/* Comments

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

Bagian Comments dimulai dari sini

#comments h4 {

margin:1em 0;

font-weight: bold;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color: $sidebarcolor;

}

Mengubah tampilan judul bagian komentar

#comments-block {

margin:1em 0 1.5em;

line-height:1.6em;

}

Mengubah tampilan bagian komentar

#comments-block .comment-author {

margin:.5em 0;

}

Mengubah tampilan link author atau link komentator

#comments-block .comment-body {

margin:.25em 0 0;

}

Mengubah tampilan isi komentar

#comments-block .comment-footer {

margin:-.25em 0 2em;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.1em;

}

Mengubah tampilan dari footer komentar. Comment-footer biasanya berisi tanggal komentar.

.deleted-comment {

font-style:italic;

color:gray;

}

Mengubah tampilan komentar yang telah dihapus

.feed-links {

clear: both;

line-height: 2.5em;

}

Mengubah tampilan link feed

/* Sidebar Content

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

Sidebar dimulai dari sini

.sidebar {

color: $sidebartextcolor;

line-height: 1.5em;

}

Mengubah tampilan sidebar secara keseluruhan

.sidebar ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;

}

Mengubah tampilan daftar pada sidebar

.sidebar li {

margin:0;

padding-top:0;

padding-$endSide:0;

padding-bottom:.25em;

padding-$startSide:15px;

text-indent:-15px;

line-height:1.5em;

}

Mengubah tampilan definisi daftar dari tag <ul>

.sidebar .widget, .main .widget {

border-bottom:1px dotted $bordercolor;

margin:0 0 1.5em;

padding:0 0 1.5em;

}