
Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.
Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"
lalu cari code CSS dibawah ini
.post img {
- - -
- - -
}
Note :
- Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
- Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {
.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
Nah yang diganti adalah code CSS yang berwarna hijau saja.
kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.
Sekian semoga bermanfaat.
198 comments:
Salam Bloger,..
Bila Anda merasa Bloger Sejati Silahkan berkunjung ke link di bawah ini,..
http://www.davasiappatahhati.co.cc/2010/09/bloger-bikin-gregetan.html
Semoga Tuhan Melimpahkan semu Rahmatnya Padamu kawan,Amien,..
Thanks atas sharingnya kawan...
rumit juga kalu di css template, kalu berkreasi tersendat, sudah penuh kode cssnya
Nice post buddy. Really useful for us......
Thanx atas sharingnya, saya langsung coba ni.......
nice posting.....
sukses trus bro buat kamu..:)
Bagus tutorialx, bikin blog lebih indah. makasih ya iinfonya!!!
punten...permisi...tak bermaksud SPAM
kalo boleh (semoga boleh)..mau ngajak tukeran link nih...link blog ini sudah agak lama berada di blog saya..saya lagi ngumpulin back link nih...pinginnya punya google back link segunung sih..heheheh..
trims ya,
ini blog saya "bolehngeblog"
http://bolehngeblog.blogspot.com
Artikel yang sangat membatu para blogger pemula, salut dengan ilmu yang dibagi secara gratis
infox bagus!! makasih ya!!
thanks Infonya sobat
tukeran link yuk..blog anda sudah cukup lama saya pasang di Bolehngeblog di widget link exchange di kolom bawah. Periksa dulu, kalau sudah ada, mohon pasang balik blog saya (namanya : bolehngeblog dan alamatnya ada di atas)
terimakasih
Keren sob...
Salam kenal, From: Chenk Rahman
keren..
lumayan nuih buat tambah ilmu
Job Feed Aggregator : terimakasih banyak atas informasinya sobat, ini akan sangat berguna untuk kita semua General Forum Discussion
salam hangat
Indonesia News Aggregator
Aduh sulitnya sih CSS! Tapi, inilah tantangan hidup.
http://hebatdariinternet.blogspot.com/
ya...
wah mantab nih makasih yah kunjungi balik blog ku yah makasih Trik-tips Blog - Free Download
Cheat
Download Film
Download MP3 Gratis
Berita HOT
ok thanks yah
saya mau coba nih
itu bershadow kalo kita sorot pake mouse kan ???
sippppzzzz like this..
Makasih tutorialnya,sangat berguna sekali.
keren brurr...thanks yhua
thanks ya mas atas tips membuat tepi gambar bershadow
Luar biasa sekali tips mas
baca Manga Komik Naruto One Piece Bleach Fairy Tail Detective Conan Bahasa Indonesia Chapter Terbaru Online Gratis, Download video anime subtitle indonesia|komik blaze
http://komikblaze.blogspot.com
Baca Komik Manga Naruto
Komik Naruto
Komik One Piece
Komik Fairy Tail
Komik Bleach
Komik Detective Conan
I like This
wah bagus juga nih bang.,,.,.,.!!
Info : ada kontes SEo disini mohon dilihat dan minta sekedar dukungannya.!
Mantap gan sudah saya coba liat demonya di blog saya
makasih mas atas tipsnya.barangkali nanti akan saya coba
wah thanks mas atas tipsnya
tipsnya mantab gan thank yah salam kenal
tips yang bagus mas
salam kenal mas
thanks info ny gan
kunjungi yah http://teguhhariyadi.blogspot.com
Kok Gak Jadi2 ya, apa gara2 q gak bakat ya huft... bantuin mas.......
A pretty good article, could provide a new information to me. Glad to find a blog like this. Thank You
Makasih OM......
tolong kunjungi
http://demplong.blogspot.com/
tutorial kren boleh nih dicoba, lam kenal ya Gan, maaf terlambat
Artikel yang menarik..
Makasih infonya..
Salam...:)
Fakultas Ilmu Agama Islam, Universitas Islam Indonesia
http://fis.uii.ac.id/
lagi pengen bljar css3 nih, smoga ini bisa membantu
Nice Info guy,benar2 membuahkan hasil.. ane salut sama agan... acehomgezen,adseller..
adseller
saatnya kita bergerak maju
bersatu kita teguh
bercerai kita Runtuh
Seandainya kita benar benar jujur
Kita akan selalu di percayai
Teman Sejati Selalu Setia
Selalu terpecaya
Selalu Ada
Saat
Kita Perlu
Selalu Setia menemani
terima kasih Gan....tips na
ane mash newbie pngen blajar terus...
sukses selalu blogger indonesia
ane coba dulu gan... makasih sharenya... :)
nice and thanks...
info bagus makasih gan..
Terima kasih infonya...
keren,, ^_^
http://cwiter.blogspot.com
mantap gan infonya. saya jg sdang belajar adobe cs3. toolnya masih meraba.
wow...iri nie.....kunjungi balik ya.....www.titodesign.co.cc
Flash Disk yang digunakan sering mengalami serangan virus ataupun malware, trojan yang merupakan program jahat lainnya yang berasal dari USB Flash Disk. Virus-virus tersebut dapat merusak...
info oke
kode js yah??
infonya oke banget
Impoh nya ok banget ...
http://mukaprimitif.blogspot.com/
Ikut menyimak artikelnya Gun :-)
Silahkan mampir2 juga ke Web saya: Pasang Iklan Baris Gratis Tanpa Daftar .
Salam Outbound !
maksih... :)
bagus bangetttt artikelnyza
lumayan sulit,,tapi saya akan mencoba_nya,,,
bermanfaat bagi saya..
nice share bos..
Mantap sobat.Terus update yah tutorialnya
Passive income ane
---------------------------
Midnight Sunrise
wah, thanx bgt tutorialnya nih, sangat membantu bgt :)
sangat bermanfaat utk newbie spt sy...thanks
thanks banget ya gan... nice bgt infonya ane mesti implemetasi ne... maaf bukan bermaksud nyepam kalo mau tengok hasil implementasinya ada disinihttp://iplaygameonline.blogspot.com/
Free Download Bokep Terbaru :
1. Mirip Nikita W.3gp
2. Abg Cantik Mabok.3gp
3. Artis Inisial N.3gp
4. Embat Perawan ditoilet.3gp
5. Entub Artis Terbaru.3gp
6. Cew Smu dientub Enak.3gp
sip gan infonya!
Terimakasih atas tutorialnya.
Sangat membantu dalam belajar membuat blog pribadi Cantika :)
Sekali coba langsung berhasil
Salut buat admin :)
Thanks Gan infonya
wuih hebat gan tutorialnya.. mampir juga ke blog ana.
nice share
neni herawaty
Mantab Bang...
infonya bagus banget gan :)
hasilnya kayak apa gan?? bisa di pasang di blogger gak?
Makasih infonya..
Salam...
good,klo cara upload file ke blogspot caranya gimana?
Nice sharing Bro
thank u agan. trik baru nih buat sya. :)
sip mantab tutorialnya www.edikomputer.com
mas bro tetap menulis tulisan yang mantaaaap.....
SIP MANTAB TULISANE...... LANJUTKAN
mantaappp infonya, apa tidak menambah beban loading blog kalo CSS pake shadow?
mkasih
kunjung balik y
http://izu210298.blogspot.com
halo gan,,ane udah baca2 banyak artikel di blog ente,,artikelnya juga keren2..blog agan juga gak kalahkeren,,
jangan lupa mampir ke blog ane juga ya
ane tunggu kunjungan baliknya ya
http://freekep.blogspot.com/
Terima kasih atas tutorialnya yang menarik banget............
terimakasih tutorialnya boss sangat membantu
kalau pake wordpress gimana gan?
nice share gan..
sangat bermanfaat. terimakasih
Nice info, thans gan
Senang Belajar Di sini
Thanks berat
sungguh info yang sangat menarik gan.. ane butuh dukungan anda ni blog ane baru.. langsung kunjungan yee :D
terima kasih sudah berbagi informasinya
Info dan artikelnya bgus bngt, lam knl ya gan ??
Informasinya bagus-bagus, salam kenal dari more template.com
css itu apa gan heheh
ane anak baru gan,,
salam karimalamin.blogspot.com
kk....
kok blognya tidak pernah update lagi??
padahal informasinya mantap2
Blogspot Tutorial
semua isi di blog ini mantap semua.....saluuut.......by http://pinjamanuangexpress.blogspot.com
thanks ^^
siip.:))
terima kasih sudah sharing tutorialnya..
rumit juga kalu di css template, kalu berkreasi tersendat, sudah penuh kode cssnya
patut juga nih dicoba tutornya...thanks gan
http://lirikdangitar.blogspot.com
zhipzz bguz
http://zainalarifinmm.blogspot.com/
Hi nice Post written by you guys. It is amazing and wonderful to visit your site. Thank a ton for such a nice post.
hi nice post :D
nica share ..
lam kenal aja :D
Saya suka dengan blog kamu bro, keren..menarik infonya..
------
All About Info|Software|Film|Game|Pemograman|Windows| Visit : http://free-Plex.blogspot.com/
wah mantabb sob !
salam persahabatan SHARE4RT
makasih banyak artikel bloggingnya gan
Mksih bnyak Atas infonya,sya blajar bnyak dari website ini
How To Change Blogger Background
Best Free Seo Tools to Optimize Your Blog
Profitable for your business - Guest Blogging
What Function Margin at Your CSS / Tips For Beginner
How to Host Jquery Script in Blogger / Blogspot
How to Earn Money with Chatika, Clicksor & Adhitz Learn in Urdu
How to Reduce site/blog Loading Speed Time?
Social Media & Email Subscription Box For Blogger
SiteMap
How to Make / Install Back To Top Button With
NoFollow | Understanding tag (rel = "nofollow") Attribute
Change Blog's Background Color Automatically with JavaScript
Create A Full-Width Page Without Sidebar In Blogger
wah kok sulit yah
thanks atas ilmunya gan.
perlu di coba ini. thank sharing nya kang.
gambar di blog saya jadi lebih indah dan terlihat profesional,, makasih ya,,,
Untung Shop | Toko Online Murah
Iklan Untung | Iklan Baris Gratis
RasyaShare | Tempat Berbagi Segalanya
Komplit, thanks infonya
Nice info, sangat bermanfaat, TQ ya
nice info..
alat pembesar payudara
alat pembesar penis
alat sex untuk pria
alat sex untuk wanita
Krim pemutih wajah
minyak oil pembesar penis
obat kuat sex pria
obat pembesar penis
obat penggemuk badan
Obat Peninggi Badan
obat perangsang wanita
Pelangsing herbal alami
Pemutih badan
Produk Kecantikan
Selaput Dara Palsu
Kunjungan saya dari: free3allpengetahuanku.blogspot.com
wah... bagus juga ternyata hasilnya.......
Salam Sukses....
Sekedar informasi untuk sahabat blogger smuanya,
Kontes Review untuk mendukung penghijauan bumi tinggal 2 minggu lagi.
Berhadiah JUTAAN rupiah lho....
Kontes ini bukan kontes SEO murni jadi dapat diikuti oleh siapapun....
Info Selengkapnya:
www.MitraBibit.com
makasih gan
terima kasihh sobb. . .sudah mau berbagai akan tips dan triknya !!!
kayaknya bikin blog jadi tambah keren
saya coba dulu ya
mantab mas brooo..salut deh
mantab gan infonya .. thanks
thanks
di tunggu saja artikel menarik lainnya..
makasih banyak informasinya... membantu sekali
sip... makasih banyak ya
wah ok punya nich triknya
trims..
membantu sekali..
top abis
nice informasinya,,terima kasih infonya..
menarik sekali infonya,.,.
terima kasih untuk infonya..
mantap infonya..
sippp totorialnya mas...makasih ya... salam sukses buat anda...
nice info...
makasih banyak ya sob...
ok punya nich
mantep banget informasinya
posting terus ya... infonya pas buat saya
trims telah share infonya...
Pasang Iklan Murah di Area Dewasa
Ukuran Banner 300 x 259
Posisi: Sidebar Kanan
Slot tersedia: 2-5 Slot
Harga 50/bulan
luar biasa artikel-nya,,,,
salam kenal dari: http://www.obatkuat-kamasutra.com/
trimakasih
trims infonya sob ?
by http://new-blacklist.blogspot.com/
patut di coba gan nice info
sudah di terapkan gan
http://trikaja.blogspot.com/
boleh dicoba nih tips nya gan... nice info dah.. salam kenal
terimakasih gan untuk informasinya
makasih sob untuk info dan tipsnya, salam sukses
boleh juga gan tutorialnya
oh jadi gitu ya gan, makasih dh infonya
makasih untuk info dan tipsnya
isi artikelnya sangat menarik gan, terimakasih
hatur nuhun kang info na...
mantep nih infonya, makasih
makasih gan infonya
akhirnye...gue dapet juge informasinye
oye bagus..
duh makasih banget infonya sangat membantu :-)
ini dia nih,, infonya gue dapet juga. thanks sob atas informasinya
oh jadi gitu ya, infonya menarik dan sangat membantu, thanks
nice info
thanks to info
makasih infonya
nice infonya gan
makasih bro infonya
infonya sangat bermanfaat, makasih gan
thanks mas bro infonya
Keren blog nya sob... Tips SEO Pemula
makasih sob tentang infonya, bermanfaat sekali
saya belajar banyak dari blog ini setelah membacanya, makasih sob
makasih mas bro infonya menarik
Sangat menambah wawasan saya, terimakasih untuk informasinya
makasih atas informasinya, sangat bermanfaat
thank infonya sangat bermanfaat sekali
Langsung jadi :v
http://neoinblog.blogspot.com
nice info ;)
http://moeclazh.blogspot.com/
oh ternyata begitu cara yang benar membuat shadow, baik akan saya contoh di lain kali saya membuat blog saya
Layanan Aqiqah Bandung
Beragam Macam Obat Herbal
nice gan
thanks gan
bermanfaat sekali cara membuat tepi gambar dari anda
bingkainya cantik ya.. hahahah makasi banyak
mantap gan,,thank infonya
kok gak Ada SS nya gan,...
terima kasih atas artikelnya ,teruslah berkarya untuk bangsa dan negerimu by
best ptc
terimakasih untuk ilmunya..:)
gejala darah rendah
informasi yang menarik, terimakasih telah berbagi.
Asam Urat Obat
I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great share.
Obat Alami Penyakit Vaginitis
Pilose Antler Capsule Green World
Suplemen Ibu Dan Anak
Gabung Green World
Jianxin Capsule Green World
Vig Power Kapsul
Obat Sindrom Iritasi Usus Besar
Obat Cedera Ligamen Lutut Tanpa Operasi
Obat Yang Aman Mengobati Impetigo Pada Anak Bayi
Obat Penyakit Mata Miopi (Rabun Jauh)
Cara Mengobati Mata Bintitan
Obat Alami Memperbaiki Cedera Tulang Rawan
Cara Mengobati Saraf Terjepit
Obat Alami Penyakit Emfisemi
ok banget nih postingan, biar tambah ilmu ngblog..
makasih banyak infonya
Pengen yang lebih seru ...
Ayo kunjungi www.asianbet77.com
Buktikan sendiri ..
Real Play = Real Money
- Bonus Promo Red Card pertandingan manapun .
- Bonus Mixparlay .
- Bonus Tangkasnet setiap hari .
- New Produk Sabung Ayam ( minimal bet sangat ringan ) .
- Referal 5 + 1 % ( seumur hidup ) .
- Cash Back up to 10 % .
- Bonus Royalty Rewards setiap bulan .
Untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : op1_asianbet77@yahoo.com
- EMAIL : melasian77cs@gmail.com
- WHATSAPP : +63 905 213 7234
- WECHAT : asianbet_77
- SMS CENTER : +63 905 209 8162
- PIN BB : 2B4BB06A / 28339A41
Salam Admin ,
asianbet77.com
Download Disini
Ini bagus, bagaimana membuat bayangan pada tepi gambar
Hari ini saya ingin mengunkapkan tentang perjalanan hidup saya,karna masalah ekonomi saya selalu dililit hutang bahkan perusahaan yang dulunya saya pernah bagun kini semuanya akan disitah oleh pihak bank,saya sudah berusaha kesana kemari untuk mencari uang agar perusahaan saya tidak jadi disitah oleh pihak bank dan akhirnya saya nekat untuk mendatangi paranormal yang terkenal bahkan saya pernah mengikuti penggandaan uang dimaskanjeng dan itupun juga tidak ada hasil yang memuaskan dan saya hampir putus asa,,akhirnya ketidak segajaan saya mendengar cerita orang orang bahwa ada paranormal yang terkenal bisa mengeluarkan uang ghaib atau sejenisnya pesugihan putih yang namanya Mbah Rawa Gumpala,,,akhirnya saya mencoba menhubungi beliau dan alhamdulillah dengan senan hati beliau mau membantu saya untuk mengeluarkan pesugihan uang ghaibnya sebesar 10 M saya sangat bersyukur dan berterimakasih banyak kepada Mbah Rawa Gumpala berkat bantuannya semua masalah saya bisa teratasi dan semua hutang2 saya juga sudah pada lunas semua,,bagi anda yang ingin seperti saya dan ingin dibabtu sama Mbah silahkan hubungi 085 316 106 111 saya sengaja menulis pesan ini dan mempostin di semua tempat agar anda semua tau kalau ada paranormal yang bisah dipercaya dan bisa diandalkan,bagi teman teman yang menemukan situs ini tolong disebar luaskan agar orang orang juga bisa tau klau ada dukun sakti yg bisa membantuh mengatasi semua masalah anda1.untuk lebih lengkapnya buka saja blok Mbah karna didalam bloknya semuanya sudah dijelaskan PESUGIHAN DANA GHAIB TANPA TUMBAL
Mantab banget artikelnya gan.. Thanks atas infonya gan..
Agen Casino
Agen Casino Online
Agen Casino Online Terpercaya
Agen Baccarat
Agen Baccarat Online
Agen Baccarat Online Terpercaya
Bandar Casino
Bandar Casino Online
Bandar Casino Online Terpercaya
Casino Terpercaya
Casino Online
Agen Casino Terpercaya
Agen Sicbo Online
Agen Sicbo Online Terpercaya
Agen Casino Terbaik
Situs Casino Online Terpercaya
Agen Kasino
Pakai ini aja kak ,pasang langsung dapet pulsaRp50.000 kak,
Lalu baca berita diaplikasi hingga 120poin dapet lagi pulsa gratis Rp100.000
➡➡PASANG-DISINI⬅
Post a Comment