Cara Membuat Heading, Subheading, Minor Heading lebih keren & Cantik

Oleh Unknown

Sunday, 14 October 2012

Bagikan :

Tweet

 

Heading

.post h2 {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN7aIsEX9TRgbW9xV6V7K5ApPnfnu-4tcdVk0grRQSnWrOX4aCXo02g5H05EZsWHPj-Mrjj2PhEHMERhc3O0RVbSEwuOyBNSHW_SLjLbXNMJx67psqnyzfemN049KbsIcBMPdGxv7ARUE/s1600/garis-bawah2.gif) left bottom no-repeat;
color: #2673AC;
font-size: 20px;
font-family: Arial, sans-serif;
font-weight: normal;
margin-bottom: 15px;
margin-top: 5px;
padding-left: 0px;
padding-bottom: 10px;
line-height: 27px;
}

Subheading

.post h3 {
font-family: 'Share', Arial; font-size:15px; font-weight:bold; margin:8px 0;text-shadow:1px 0 0 #eee,-1px 0 0 #fff,0 1px 0 #eee,0 -1px 0 #eee,1px 1px 2px #000;
}

Minor Heading

.post h4 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs31YjUZmTX0OaAJ5z3Upr5W18aXfFanPuzJBlnCWdATC6fiutRCntwhCxHi50gI75PPFZpwkq6aYrbaDrEO0tC6WXMbCTZuTsr5NjcjqFWs6IbjEUvsNZ0S_pXvccYrM5HFCXeTWEYP0/s1600/point.png) left bottom no-repeat;
color: #2673AC;
font-size: 20px;
font-family: arial, sans-serif;
font-weight: normal;
margin-bottom: 15px;
margin-top: -5px;
padding-left: 40px;
line-height: 27px;
}

Bagi sobat yang belum tau cara pasangnya gimana, gini nih cara pasang kode cssnya :

1. Mengedit Heading, Subheading, Minor Heading

Pada halaman Edit HTML cari aja tag post h2, post h3, post h4. satu-satu ya nyarinya, kalo salah satu sudah ketemu langsung ganti aja dengan kode yang sudah saya sediakan diatas. Namun sob ada beberapa template yang kodenya nggak dipisah-pisah kayak kode saya. kalo punya saya kan udah saya pisahin jadi heading, subheading, minor heading udah saya pisahin sendiri-sendiri. sedangkan yang belum, biasanya langsung digabungin jadi sati. misalnya h2, h3, h4, h5, h6 dst. itu sobat hapus aja yang h2, h3, h4. lalu pasang aja semua kode diatas diatas tag penutup CSS "]]></b:skin>"

Kayaknya ribet banget nih saya ngejelasinnya, bagi kamu yang kesulitan ngutak-ngatiknya. mumpung saya lagi ganteng nih, sini saya bantuin. kirim template kamu ke email cyber_rully@ymail.com, ntar saya beresin. hehe lagi ganteng nih. buruan! biasanya saya gantengnya cuma semenit abis itu jelek setahun tapi kalo emailnya sudah dikirim kasih konfirmasi ya!

2.Menerapkan Heading, Subheading, Minor Heading

Ini kan fungsinya buat nandain teks-teks penting pada postingan kamu. jadi ini cuma berlaku pada postingan kamu aja. cara nerapinnya gini :

• 1. Pada form Entri buat judul seperlunya kamu. misalnya "Rully Ardiansyah Ganteng" wkwkwk
• 2. Kemudian pada akhir judul itu kamu tekan aja salah satu menunya (Heading/Subheading/Minor Heading) yang ada di menu bar form entri kamu.

• 3. dan hasilnya

Tag : Tutorial Blog