Mengenal Elemen Template Blogger Part 4

/* 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

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Mengubah tampilan widget

dan di lanjut ke bagian 5

Artikel Terkait: