Shadow Effect di post title and sidebar

tutorial kali ni khas untuk pengguna denim template, kalau korang perasan sekarang ni dah susah nak cari tutorial untuk denim template yang ada pun untuk design template. Code untuk design template juga sedikit berbeza dengan code denim template. Untuk membuat shadow effect ni korang hanya perlu ikut saja step yang disediakan
 (sidebar)

1. Design > Template > Edit html > Proceed (tick Expand Widget Templates)
2. Tekan Ctrl + F dan cari code dibawah
.sidebar h2 {
3. Copy code dibawah 
text-shadow: 1px 1px 2px #000000;
4. letak kan code diatas (step 3) seperti dibawah

.sidebar h2 {
text-shadow: 1px 1px 2px #000000;
 margin: 1.6em 0 .5em;
 padding: 4px 5px;
 background-color: $sidebarTitleBgColor;
 font-size: 100%;
 color: $sidebarTitleTextColor;
}
 5.Save

 (title)
untuk title korang cari code seperti dibawah, dan ikut saja step seperti diatas
.post-title {
dan letakan code step 3 seperti dibawah

.post-title {
  text-shadow: 1px 1px 2px #000000;
  margin: 0;
  padding: 0;
  font-size: 125%;
  font-weight: bold;
  line-height: 1.1em;
kalau korang tak jumpa code untuk post, korang boleh ikut cara ni


1. Design > Edit Html > Template Design > Advance > Add css
2. Copy and paste code dibawah

.post-title {
text-shadow: 1px 1px 2px #000000;

merah: berapa besar shadow yang korang nak contoh  2px 2px 3px
purple: korang boleh tukar ikut citi rasa korang, korang boleh pilih disini

0 comments:

Copyright Reserved by Roslina