Setelah kita mengupas tuntas bagian Post pada
bagian-bagian template Blogger part 3, sekarang kita akan membahas bagian Comment dan Sidebar Content.
Sebelumnya, baca terlebih dahulu
Bagian-bagian Template Blogger Part 1Bagian-bagian Template Blogger Part 2 Bagian-bagian Template Blogger Part 3 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;
}
Mengubah tampilan widget
Bagian-bagian template Blogger berlanjut pada
part 5. Mudah-mudahan artikel di atas bermanfaat. Amin…
Artikel keren lainnya:
Belum ada tanggapan untuk "Bagian-bagian Template Blogger Part 4"
Post a Comment