TUTORIAL : TUKAR BACKGROUND POST TITLE -PART 3

Assalammualaikum & selamat hari khamis  :)

petang nie solehah nak buat tutorial mcmana nak tukar background untuk denim template okei..sebab kalau bukak template designer tu pn..ada button nak tukar background sidebar title je kan??post title takda.. :) so.sapa2 yang nak tukar background warna lain atau nak background yang begambar..korang ikut step by step okei..solehah buat dua part..1 nak tukar background warna sahaja..2..tukar background dlm bentuk gambar...chewahh..asl ayat mcm ngek ngek ni haa??hahaha!

*yg blm try dari PART 1..PART 2..klik sini okei..

PART 1

PART 2

PART 1 : TUKAR BACKGROUND WARNA SAHAJA.

• mula mula..mcm biasa..korang pegi DASHBOARD > DESIGN > EDIT HTML.. korang CTRL+F cari koding nie.. 

.post-title {

•  dah jumpa??korang replace kode nie di bawah .post-title { tadi tu ha..ada faham?? :)korang copy je semua kode nie..lpastu..replace dgn kode yg sedia ada kat bawah .post-title {

            .post-title {
                 background : #f55591;
                   margin: 0;
                   padding:5px 5px 5px 5px;
                   font-size: 125%;
                   font-weight: bold;
                   border-bottom:5px solid #ee83a9;
                   border-top:5px solid #ee83a9;

                   border-left:5px solid #ee83a9;

                   border-right:5px solid #ee83a9;

                   line-height: 1.1em;

               }

• kod warna tu..korang tukar lah ikut warna yang korang suka okeh..  :) kalau taknak border..sila buang kode border..itu sahaja :) preview..dah jadik..trus SAVE . hehe.

PART 2 : TUKAR BACKGROUND MENGGUNAKAN GAMBAR.

• sama jugak macam step kat atas..cuma koding tu korang perlu tukar ckit..jadik mcm nie..

          .post-title {

                  background-image:url(URL GAMBAR);background-repeat:repeat; 

background-position:center center;

                   margin: 0;

                   padding:5px 5px 5px 5px;

                   font-size: 125%;

                   font-weight: bold;

                   border-bottom:5px solid #ee83a9;

                   border-top:5px solid #ee83a9;

                   border-left:5px solid #ee83a9;

                   border-right:5px solid #ee83a9;

                   line-height: 1.1em;

               }

• korang gantikan URL GAMBAR tu dgn url gambar yg korang nak okei..  
• ha.siap pn..korang perlu tambah kode yg di highlight wrna hijau je okeh  :)

p/s : selamat mecuba..kalau nk tnya apa2..helohelo kat facebook okei  :) hehe