tutorial : bagaimana nak buat efek shadow pada blog

by - 01:14:00

Assalamualaikum, peace upon you.
ok hyep semua hari ini shida nak buat tutorial yang baru shida cuba tadi. Macamana kita nak buat blog/template kita ada efek shadow seperti diblog shida sekrang. efek ni boleh dipasang pada bahagian content-wrapper atau boleh juga dibahagian title post/entri seperti yang shida tunjuk pada gambar diatas atau pun boleh dipasang pada bahagian blockquotes korang seperti yang shida tunjuk pada gambar dibawah.
so korang boleh ikut step ini ok :
1.  buka dulu atau login blog korang pastu > masuk design > edit html > klik expand widget
2.  korang cari code > #content-wrapper {  *kalau tak jumpa boleh pakai ctrl+F untuk cari code tu ok.
3.  ok dah jumpa code tu korang paste code dibawah ini dibawah code yang korang cari tadi #content-wrapper {
 -moz-box-shadow: 0 0 0px black;

-webkit-box-shadow: 0 0 0px black;

box-shadow: 0 0 0px black;
4.  0px - boleh diubah mengikut ketebalan yang dikehendaki  black - boleh diubah mengikut color pilihan korang ok.
5.  korang preview dulu sebelum save ok. Nak tengok hasil dia dulu kalau puas hati boleh lah save!
 

so ini saja mudahkan, tutorial diatas shida tunjuk untuk masukkan efek shadow pada bahagian content-wrapper/template blog kalau korang nak masuk pada bahagian title post atau blockquotes pakai saja code yang sama yang shida bagi tu then paste pada bahagian yang betul. kalau title post mesti dibahagian > .post h3 { kalau dibahagian blockquotes pula cari code ini > .post blockquote {  ok korang selamat mencuba! thank you ~



Share
Tweet
Pin
Share
Tags :

You May Also Like

7 comments

  1. ~Arif~Asyraf~29 March 2011 at 03:19

    ho3... bijak2 la pic ni..

    nk lg lawa sini
    http://syok-blogger.blogspot.com

    ReplyDelete
  2. Bunga29 March 2011 at 12:42

    bunga xsempat nak belajar...hehe..kadang2 mintak tolong adik jer..

    ReplyDelete
  3. kindergartenlibrary30 March 2011 at 00:05

    Hehe ..
    tq2
    =)

    ReplyDelete
  4. Shida Radzuan31 March 2011 at 02:34

    bunga: hihi lepas ni kena biasa belajr sndri pulak hihi ^_^

    ReplyDelete
  5. Shida Radzuan31 March 2011 at 02:34

    nelly : ^_^

    ReplyDelete
  6. NUR AIN AZMAN15 June 2011 at 01:10

    yunx, aen dh cari tp xde pun, ermmmm :(

    ReplyDelete
  7. Dafinullah23 August 2011 at 08:00

    asal tkde kode nye.... hurmmmmmmmmmmm

    ReplyDelete

Segala komen-komen yang telah disiarkan adalah tanggungjawab sepenuhnya ke atas penulis itu sendiri. Pemilik blog tidak akan bertanggungjawab jika berlaku sebarang permasalahan berkaitan dengan komen yang disiarkan. Mana-mana komen yang berbentuk iklan, mengandungi link/url yang mencurigakan, mengandungi kata-kata maki hamun yang tidak menyenangkan tidak akan disiarkan. Harap Maklum dan Terima Kasih.