Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Sabtu, 01 Mei 2010

Memasang Drop Shadows

Kategori : ,
Memasang Drop ShadowsSetelah kemarin saya menjelaskan tentang Membuat Drop Shadows sekarang saya akan menjelaskan cara pemasangannya, sebenarnya saya tidak mau menjelaskannya bukan maksud saya pelit ilmu tapi trik ini tidak membutuhkan tutor yang panjang jadi saya tidak mau untuk menjelaskan cara pemasangannya, namun karena banyak yang meminta untuk di jelaskan cara pemasangannya maka saya membuatnya.

Memasang Drop Shadows pada blog sebenarnya sangat mudah hanya tinggal masukan property Drop Shadows kedalam css yang ingin dipasang Drop Shadow, mungkin untuk newbie seperti saya sangat kesulitan untuk memasangnya tapi jangan kawatir disini saya akan menjelaskan cara memasangnya namun disini saya akan kasih contoh Memasang Drop Shadows Pada Outer-Wrapper
  1. Login ke Blogger
  2. Masuk ke Tata Letak => Edit HTML


    Drop Shadow
  3. cari kode outer-wrapper lalu masukan kode di bawah ini ke dalam outer-wrapper

    -moz-box-shadow: #585858 3px 3px 4px;

    Contoh

    Outer-Wrapper {
    Background: #fff;
    Color: #000;
    Border: #f3f3f3;
    -moz-box-shadow: #585858 3px 3px 4px;
    }

    Memasang Drop Shadows pada outer-wrapper
    Drop
  4. Setelah itu Simpan dan lihat hasilnya
  5. Selesai ^_^
Bagaimana, mudah bukan Memasang Drop Shadows? memang sangat mudah sekali. Oiya di atas hanya sebagian kecil contoh dari trik kali ini, kalau sobat lebih kreatif Drop Shadows ini bisa di pasang dimana saja asalkan ada background pendukungnya seperti di main-wrapper, sidebar-wrapper, dan footer-wrapper. Mungkin hanya sekian saja yang bisa saya bagikan kali ini kalau ada kesalahan mohon di maafkan saya akhir y. Terima Kasih dan Happy Blogging .
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

12 Komentar untuk Memasang Drop Shadows

aduh gan berat banget nih...

Malah bikin rada bingung mas.. agak rabun jadinya.. :11:

info yang menarik
bookmarked dulu ahhh :2:

eh kunjungin blogku juga ya :12:
kalo bisa skalian tukeran linknya ya :5:

bagus sih drop sado tp kurang nyaman u/ mata

Drop shadownya mesti di costumize lagi bro, biar lebih enak dilihatnya

KEREEEEEEEEEEEEEENN...

Thankyu sob dah share ilmunya..
Ane mw dunk bljr CSS3 nya.. hehehe..

@Satrya => Benar sob drop shadows memang harus di setting sendiri agar enak dilihat dan sesuai kenginan sendiri :1:

Terima kasih semuanya atas komennya :4:

hem .... your really good posts. My love, I am waiting for your next posting.

salam kenal bro... css3 emang simpel, bs hemat js...

sob : efek nya gak permanen yah ?
koq punya ku aq pasang, tp besoknya ilang smua .
mohon bantuannya sob !

@magazine Forum => permanen kok sob, kan ini kode css jadi selama kode ini ada di template kamu pasti permanen namun trik ini hanya dapat di lihat dengan firefox 3.6 ke atas dan browser lainnya kecuali internet explorer

alhamdulillah,, akhirnya ketemu juga,,
thank's gan !!