Tutorial: Sidebar title

Assalamualaikum


Hari ni rajin sikit nak buat tutorial. So leya nak bagi sikit jenis-jenis ghupe sidebar title.

  • Template --- Edit HTML
  • Tekan mana-mana dalam kotak edit-Html then CTRL+F.
  • Bagi Simple template cari code h2 { . Untuk Denim Template cari code .sidebar h2 { .
  • Kalau dah jumpa, padam anak-anak code yang korang cari tuh. Padam sehingga jumpa }. Jangan pula korang padam semua sampai bawah sekali

Hahahaha buat masa ni faham tak? Hahahahahaha. Tak faham nanti tanya eh. LOL

Next, pilih mana-mana code yang korang suka kat bawah ni.

text-align:center;
text-shadow: 1px 1px 1px #fff;
margin: 1.6em 0 .5em;
font:13px;
text-transform:none;
letter-spacing: 2px;
padding:10px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
border-bottom: 5px solid #ffd2e0;
background: url(http://t3.gstatic.com/images?q=tbn:ANd9GcTdvsrIDjZVVHEpPnbBcZS8xXascOqQMRqnqjhSYaaNpiyj2GDl);
color: #000;
height:20px;
}
margin: 1.2em 0 .5em;
padding: 10px;
background: url(http://t3.gstatic.com/images?q=tbn:ANd9GcTdvsrIDjZVVHEpPnbBcZS8xXascOqQMRqnqjhSYaaNpiyj2GDl);
font:20px;
color: #000;
text-shadow: 1px 1px 1px #fff;
text-transform:none;
text-align:center;
letter-spacing: 2px;
height:20px;
border-width:10px;
border: 5px solid #ffd2e0;
border-style:solid;
}
margin: 1.2em 0 .5em;
padding: 10px;
background: #ffd2e0;
font:20px;
color: #000;
text-shadow: 1px 1px 1px #fff;
text-transform:none;
text-align:center;
letter-spacing: 2px;
height:20px;
}

background:url('http://t3.gstatic.com/images?q=tbn:ANd9GcTdvsrIDjZVVHEpPnbBcZS8xXascOqQMRqnqjhSYaaNpiyj2GDl');
margin-bottom:2px;
font-style:normal;
text-align:center;
color:#000;
letter-spacing:1px;
font-size:14px;
padding:5px;
border-top:1px dashed #888;
border-bottom:1px dashed #888;
border-left:5px solid #ffd2e0;
border-right:5px solid #ffd2e0;
}
text-transform:none;
background:url(http://t3.gstatic.com/images?q=tbn:ANd9GcTdvsrIDjZVVHEpPnbBcZS8xXascOqQMRqnqjhSYaaNpiyj2GDl);
color:#fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;letter-spacing:2;
margin-bottom:5px;
font-size:12px;
height:25px;
text-align:center;
padding-right:0px;
border:1px solid #fff;
border-radius:10px;
margin: 1.2em 0 .5em;
padding: 10px;
}
Pilih salah satu code, copy dan pastekan di bawah code h2{ atau .sidebar h2 {  . Preview. Kalau okey kena dengan citarasa terus SAVE.

Merah: Background korang

Kalau nak tambah jenis font boleh ikut tutorial ni Klik Sini .



18 comments:

  1. Replies
    1. hehhehe bagus2. mana tahu nak guna kan. hehehe

      Delete
  2. rajin leya buat tuto kan bagus bagus bagus

    ReplyDelete
  3. Thanks for this tutorial kak leya ^^

    ReplyDelete
  4. thanks for sharing. sekarang baru paham pasal sidebar title ni

    ReplyDelete
  5. you've been tagged :)

    http://messarah.blogspot.my/2015/12/9-questions-for-list-of-bloggerss.html

    ReplyDelete
  6. salam kak singgah wah nanti senanglah akak nak tukar sidebar :)

    ReplyDelete
  7. Sy nk tnya...bila paste..akn ikut tema wrna blog kita ke...perlu diubah...n bagaimana ya...sbb sy kurang fhm...

    ReplyDelete
  8. Salam :) rimba,benua dan dunia
    Dari perindu buat dirindu,

    Jiwa dilazim dengan zikir-lantas fikir bergema akhir.

    Menyambut salam empuNya Salam-Salam disambut empuNya Alam.

    Rindu dihati memujuk diri-Diri rebah sujud Ilahi.

    Rasa hidup beramal redup-Lantas rancak munajat hidup.

    ReplyDelete
  9. yanie pakai dkt sini ----> http://secondblogimpianacikyaanie.blogspot.my/

    ReplyDelete
  10. Oh Baru tau cara tukar sidebar title tu . Memang dah lame geram tengok sidebar title macam bosan sikit . Ahaks . Thanks for sharing this tutorial leya < - Syamsid Blog - >

    ReplyDelete
  11. Thanks for sharing kak leya. Nanti Beeha nak guna tau... Boleh eh? Hehee.

    ReplyDelete