1. shadow belakang post title dan sidebar title

 2. shadow belakang content

 3. shadow di belakang blockquote

4. shadow pada teks

(Untuk shadow pada belakang kolum/blockquote/post title) 

1. Sila jamu mata anda pada shadow-shadow berikut supaya senang anda pilih nanti :)

-moz-box-shadow: inset 0 0 1em gold;
-webkit-box-shadow: inset 0 0 1em gold;
        box-shadow: inset 0 0 1em gold;

-moz-box-shadow: 0 0 1em gold;
-webkit-box-shadow: 0 0 1em gold;
        box-shadow: 0 0 1em gold; 

-moz-box-shadow: 3px 3px red, -1em 0 0.4em olive;
-webkit-box-shadow: 3px 3px blue, -1em 0 0.4em yellow;
        box-shadow: 3px 3px blue, -1em 0 0.4em yellow;

-moz-box-shadow: 10px 5px 5px black;
-webkit-box-shadow: 10px 5px 5px black;
        box-shadow: 10px 5px 5px black;

[Tutorial]: Jenis-jenis Shadow

, Sunday @ 11:25 AM ♥

assalamualaikum w.b.t
di pagi ahad yang amat indah ini , saya teringinlah nak berkongsi sesuatu dengan anda semua . kalau nak tau apa itu shadow yang boleh kita letak dalam blog kita yang comel-comel ni , kita rujuk gambar di bawah;












sikit sangat? takpe , kat sini ada banyak lagi pilihan; >SINI<

3. Cara nak guna shadow tersebut?
Untuk shadow belakang content;
pergi Design > Edit HTML , kemudian serentak CTRL+F cari #content-wrapper { . Pastekan kod shadow tadi di bawah #content-wrapper { ., contoh;

#content-wrapper {
-moz-box-shadow: inset 0 0 1em
box-shadow: inset 0 0 1em gold;

Untuk shadow belakang blockquote;
pergi Design > Edit HTML , serentak CTRL+F cari .post blockquote {  . kemudian , paste kod shadow tadi di bahagian bawah sekali kod .post blockquote { . contoh;

.post blockquote {
 background: url (kodkod); padding:5px;
 Border:2px dashed #DF01D7;
 colour:#FFFFFF;
-moz-box-shadow: inset 0 0 1em
box-shadow: inset 0 0 1em gold;
}

 Untuk shadow belakang post title dan sidebar title
Untuk post title, cari .post-title { dan paste shadow kod tadi di bawah .post-title {
Untuk sidebar title, cari .sidebar h2 { dan paste shadow kod tadi di bawah kod tadi tu .

(Untuk text shadow)
1) Tambah kod ini;

text-shadow: 2px 2px 3px #BE81F7;

 * yang diboldkan itu untuk kedudukan shadow , bold warna fuchsia pula untuk warna shadow .
a) untuk setiap teks dalam entri , paste kan kod tadi di bawah .post { .
b) untuk post title , paste kan kod tadi di bawah .post-title {

sticker : penggunaan shadow ini tidak terhad , terserah pada anda untuk menggunakannya . di link , di blockquote dan apa-apa sahaja . yang penting anda tahu untuk meletakkannya di tempat yang betul .

satu klik?

♥ 0 commenter(s)

OLD . NEW