Merubah Font Judul Posting Dan Judul Sidebar

4:07 AM
Font judul posting dan judul sidebar bisa diganti sesuka kita, mulai dari besar huruf serta warna dan pernak-pernik lain, memang agak rumit buat yang masih pemula karena cara ini kita harus bermain pada menu design - edit html .

Untuk yang mahir, bukalah menu Edit HTML dan silakan backp dulu templatenya. Kalau sudah, cari kode:

1. Untuk judul posting, cari kode yang mirip:
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
2. Untuk judul sidebar, cari kode yang mirip:
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}
Lalu editlah sesuai keinginan. Misalnya anda ingin menambahkan background pada judul postingan, maka kodenya menjadi:
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
background:#000000;
}
Ket: kode background:#000000; adalah kode yang ditambahkan. Ganti #000000 dengan warna yang diinginkan. O, ya. Atau anda juga bisa membuat garis batas dibawah judul sidebar, maka kodenya menjadi:
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
border: 1px solid #00FF00;
}
Ket: Kode border: 1px solid #00FF00; adalah kode yang ditambahkan. Ganti #00FF00 dengan warna yang diinginkan. Anda juga bisa membuat variasi lain, seperti menambahkan background berupa gambar, membuat huruf judul postingan membesar ketika mouse melintasinya, atau berbagai variasi lain sesuai dengan keinginan dan kreatifitas anda.

Kalau sudah klik Simpan Template.

Artikel Terkait

  • Headline news Scrypt For BlogHeadline news or commonly called a walking headline. The trick this time I'll give scrypt how to install the headline n ...
  • Auto Show/Hide Blogger NavbarCompanions must have a lot of bloggers who know who referred to show / hide navabar bloggers. In this article I will pr ...
  • Sexy Slide WidgetOne more widgets to the blogger who looks beautiful, widgets are usually referred to sexy slides. The way this widget i ...
  • New Table Od Content Scrypt Part IIIn the previous article, I have contributed scrypt "new table of contents by categories." In this article I will contin ...
  • New Table of Content Scrypt For BloggerHow to create a list of blog content by category, in this tutorial, I'll give scrypt weave. Note the picture above, bec ...
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

1 comment