I Like You The Best
You've stumbled in my blog,so what to do ? | Dashboard | +Follow
Tutorial: Post Title Background
Friday, November 11, 2011 | 11:28 PM | 0 beauty

Assalammualaikum..

Post Title Background dibahagi kan kepada 2.
1 for washed denim template
1 for simple template

saya tak de post title background sebab saya tak suka. tapi kalau awak nak. saya boleh ajarkan
jom tuto!

WASHED DENIM TEMPLATE

Log in > Dashboard> Design> Edit HTML * Tick expand widget
now tekan Ctrl+F cari kod ni:

.post-title {

dh jumpa? klu dh copy kod ni :

background-color: #FFFEFF;
border-top: 2px solid #B6B6B6;
border-bottom: 2px solid #FFC6C6;
padding: 3px; }

paste di bawah kod yg kita cari tadi
Puzzle-Time
Purple : warna background color
Blue: Warna border kt atas
Hijau: warna border dekat bawah
korang boleh adjust ok

yg atas ni dye akan jadi mcm ni
yg nak ni ke atau lagi satu .. ni untuk sapa nak background belakang dye.
sama jer.. cuma korang tukar kod dye jer.

border: 1px dashed #BDBDBD;
background: url(URL IMAGE);
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-left: 1px solid #999999;

yg kt atas ni akan jadi mcm ni

dh selesai ..
preview la dulu baru save ya!

SIMPLE TEMPLATE
Log in > dashboard> Design> Edit HTML * tick expand widget
Ctrl+F cari kod ni:

h3.post-title, .comments h4 {

copy kod dibawah ni dan paste kn di bawah kod h3.post-title, .comments h4 { ni tadi.

text-align:center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-bottom: 5px solid #9E92FC;
background : #D5CFFF;

Puzzle-Time
hijau dye punye melekung .. adjust la ikut cita rasa anda
purple:warna border bawah
Blue: background belakang

ni la contoh dye..



Credit :Kemetot Chomel
Cya!
from,
Aya

Labels: tutorial


|
About

Facebook

Hi,i'm Aya, i'm twelve years old.yes i'm still primary school. don't worry i din't not eat people. keep in touch :)

Navigation

Stuff
Goodies


Tutorials For You !
  • Cute Icon (About Me)
  • Background Post Title
  • Background Sidebar Title
  • Scroll Bar Cute
  • Favicon
  • Note Under Post
  • Fieldset Box
  • Wishlist
  • Customize Home, Newer+Older Post
  • Copyright
  • Make Pages
  • Menu Tab
  • Credit Section
  • Vertical Menu Tab
  • Coming Soon!
Tutorial for Classic Template
  • Favicon
Facebook Package!
  • Facebook Like Button
  • Facebook Share Button
  • Coming soon!
Newbie Package
  • Tick Expand Widget
  • Coming soon!
Order From Me
  • Edit Blog
Freebies
  • Header Aya
  • Coming Soon!

Tutorial: Post Title Background
Friday, November 11, 2011 | 11:28 PM | 0 comments

Assalammualaikum..

Post Title Background dibahagi kan kepada 2.
1 for washed denim template
1 for simple template

saya tak de post title background sebab saya tak suka. tapi kalau awak nak. saya boleh ajarkan
jom tuto!

WASHED DENIM TEMPLATE

Log in > Dashboard> Design> Edit HTML * Tick expand widget
now tekan Ctrl+F cari kod ni:

.post-title {

dh jumpa? klu dh copy kod ni :

background-color: #FFFEFF;
border-top: 2px solid #B6B6B6;
border-bottom: 2px solid #FFC6C6;
padding: 3px; }

paste di bawah kod yg kita cari tadi
Puzzle-Time
Purple : warna background color
Blue: Warna border kt atas
Hijau: warna border dekat bawah
korang boleh adjust ok

yg atas ni dye akan jadi mcm ni
yg nak ni ke atau lagi satu .. ni untuk sapa nak background belakang dye.
sama jer.. cuma korang tukar kod dye jer.

border: 1px dashed #BDBDBD;
background: url(URL IMAGE);
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-left: 1px solid #999999;

yg kt atas ni akan jadi mcm ni

dh selesai ..
preview la dulu baru save ya!

SIMPLE TEMPLATE
Log in > dashboard> Design> Edit HTML * tick expand widget
Ctrl+F cari kod ni:

h3.post-title, .comments h4 {

copy kod dibawah ni dan paste kn di bawah kod h3.post-title, .comments h4 { ni tadi.

text-align:center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-bottom: 5px solid #9E92FC;
background : #D5CFFF;

Puzzle-Time
hijau dye punye melekung .. adjust la ikut cita rasa anda
purple:warna border bawah
Blue: background belakang

ni la contoh dye..



Credit :Kemetot Chomel
Cya!
from,
Aya

Labels: tutorial


Older Post | Newer Post

Credits

Template by : HoneyJoe
Design by : Aya Marsella
Background : Encik Google