• Utama
  • Biodata
  • Hubungi
    • Pengiklanan
  • Dasar Privasi
  • Peta Laman
    • AMP Sitemap

SyahrilHafiz.com

Malaysian Blogger

  • SEO
  • WordPress
  • Info
  • Agro
  • Apple
  • Windows
    • Ubuntu
  • Google
  • Android
  • Perniagaan
  • GST

You are here: Home / Themes / #Tips and Trick – Shadow @font/images blog

#Tips and Trick – Shadow @font/images blog

February 15, 2011 oleh Syahril Hafiz29 Comments

Assalamualaikum w.b.t dan Salam Sejahtera.

Bagaimana kita nak jadikan @font title / images di blog ada bayang-bayang(shadow). Tips dan trick ni mudah sebab main dengan .css dan font tersebut lebih tampak menonjol. Sekadar berkongsi bagi yang belum tahu dan korang boleh masukkan kod dibawah.

1. Tambah shadow di @font title

1. Buka Admin Panel > Editor > style.css

2. Masukkan kod dibawah di #font

 .entry-title a:link, .entry-title a:visited, #content .entry-title {
color: #xxxxxx;
text-shadow: #999 1px 1px 2px;
} 
[box type=”note”] Tukar warna #xxxxx kepada warna yang korang nak [/box]

3. Update file dan hasilnya seperti gambar dibawah

2. Tambah shadow di Images

1. Buka admin panel > Editor > style.css

2. Masukkan kod dibawah di #images

 .shadow {
 -moz-box-shadow: 3px 3px 4px #000;
 -webkit-box-shadow: 3px 3px 4px #000;
 box-shadow: 3px 3px 4px #000;
 /* For IE 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
 /* For IE 5.5 - 7 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}ย  

3. Update file dan Save

Dah siap! Mudah bukan? Selamat mencuba~ :love:

[box type=”note”] Nantikan #tips and trick lain di platform WordPressย  selepas ni. Watch Out!! ๐Ÿ™‚ [/box]

Artikel Berkaitan:

Filed Under: Themes, WordpressTagged With: add shadows, shadows di font, tambah shadow di images, tambah shadow di title blog, tips and trick, wordpress hacking

NAK TAHU TEKNIK PEMASARAN DI INSTAGRAM 2019?

Daftar sekarang untuk dapatkan Preview Copy PERCUMA teknik pemasaran No. 1 di Instagram.

About Syahril Hafiz

Pengasas blog SyahrilHafiz.com. Suka bertani & web enthusiast yang bercucuk tanam di laman maya. Jika anda ingin upah blogger untuk produk laku keras anda hubungi saya di halaman Pengiklanan. Biodata penuh tentang Penulis


Comments

  1. Mohd Isa says

    February 26, 2011 at 8:42 am

    carikan ni, how to use ubuntu font on thesis theme? hehe

    Reply
    • Syahril Hafiz says

      February 26, 2011 at 10:29 am

      aik tak le ke?
      bukan ke dah ada kat google api tu. cuba la

      Reply
  2. madlut says

    February 18, 2011 at 4:43 pm

    hahaha, best2!!!..tobat aku suka, terima kasih!!!

    Reply
    • Syahril Hafiz says

      February 19, 2011 at 9:38 pm

      sama2 bro
      godek dalam lagi taw theme twenty ten tuh
      yeah!!

      Reply
  3. fikryn says

    February 18, 2011 at 4:03 pm

    Oh ok ni.. cuma shadow dan round guna CSS tak valid dalam W3C..huk huk

    Reply
    • Syahril Hafiz says

      February 19, 2011 at 9:35 pm

      ha ah,
      tapi tak pe la kalau nak lawakan blog kena la guna jugak kan?

      Reply
  4. wazy says

    February 16, 2011 at 11:56 pm

    wahh dapat lagi satu ilmu yang best
    tq tq bro

    Reply
  5. ST says

    February 16, 2011 at 3:32 pm

    wahh.. ini yg aku carik nih…. bagus2

    Reply
    • Syahril Hafiz says

      February 19, 2011 at 9:32 pm

      yeaa..
      cuba la, shadow it..hehe

      Reply
  6. Nine says

    February 16, 2011 at 12:43 pm

    bro kat mana aku nak paste ek : nih css aku : http://tinypaste.com/be977

    untuk code shadow text tu…tq bro…

    Reply
  7. Ismail N says

    February 16, 2011 at 10:01 am

    Nice tip bro. Cuma aku dah lama tak kacau css file tu.. he he..
    rasanya dah puas ati dgn apa yg ada. Kalau start mendesign balik, sure tak abis 2 tahun.. ๐Ÿ˜€

    Reply
    • Syahril Hafiz says

      February 16, 2011 at 10:56 am

      wah~
      2 tahun
      pergh, ini otai design ni..hehe

      Reply
  8. Johari Hamzah says

    February 16, 2011 at 4:56 am

    wah.. buat untuk blockquote lak.. huhu..

    Reply
    • Syahril Hafiz says

      February 16, 2011 at 10:53 am

      insyaallah bro
      kalau free aku try..hehe

      Reply
  9. akubiomed says

    February 15, 2011 at 11:23 pm

    Memang lawa tapi kurang berani hendak godek CSS ๐Ÿ™‚

    Reply
    • Syahril Hafiz says

      February 16, 2011 at 10:52 am

      ala bro cuba je. hehe
      backup je css tu

      Reply
  10. Anarm says

    February 15, 2011 at 11:15 pm

    adehh.. lupa lak nk masukkan shadow kt image pkai -webkit-..
    bro.. ajar buat page 404 plak.. ๐Ÿ˜›

    Reply
    • luth textile says

      February 15, 2011 at 11:29 pm

      aku pun nak ejas 404 yang tak hensem

      Reply
    • Syahril Hafiz says

      February 16, 2011 at 10:49 am

      ek, bukan ke bro nak buat.hehe
      cepat2 nantikan ni.

      Reply
  11. MDHAFiZ.NET says

    February 15, 2011 at 10:03 pm

    nice info bro.. ๐Ÿ™‚

    Reply
    • Syahril Hafiz says

      February 16, 2011 at 10:48 am

      terima kasih.

      Reply
  12. afique says

    February 15, 2011 at 9:32 pm

    wah style la SH. 3 sem aku blajo tak tau pulak wujud text-shadow ni. aduhh n00b nye aku. =(

    Reply
    • Syahril Hafiz says

      February 16, 2011 at 11:01 am

      erk..biar betik
      ko expert lagi dari aku ni.. :[

      Reply
    • myFirdaus says

      February 16, 2011 at 11:14 am

      fiq, ko xtau si syahril “noob” ni memang hebat….

      Reply
      • Syahril Hafiz says

        February 16, 2011 at 11:28 am

        haha, banyak la.
        aku ni tak hebat macam korang la..

        Reply
  13. zik says

    February 15, 2011 at 9:25 pm

    terbaik nih bro… akan ku prakttikan… sangat mudah.. rupanya… aku banyak belajar dari bro rozaghani.. jugak tuh yang lain2..

    Reply
    • Syahril Hafiz says

      February 16, 2011 at 10:14 am

      ha ah, aku banyak belajar dari dia gak
      umpama senpai dalam 2010, dia la..hehe

      Reply

Trackbacks

  1. Statistik SyahrilHafiz.Com Februari 2011 | SyahrilHafiz.Com says:
    March 2, 2011 at 4:07 pm

    […] #Tips and Trick โ€“ Shadow @font/images blog […]

    Reply
  2. Tweets that mention #Tips and Trick - Shadow @font/images blog | SyahrilHafiz.Com -- Topsy.com says:
    February 15, 2011 at 11:26 pm

    […] This post was mentioned on Twitter by syahrilhafiz, syahrilhafiz. syahrilhafiz said: #Tips and Trick – Shadow @font/images blog http://t.co/42pVe5J via @CaenZ […]

    Reply

Leave a Reply to Syahril Hafiz Cancel reply

Your email address will not be published. Required fields are marked *

NAK TAHU TEKNIK PEMASARAN DI INSTAGRAM 2019?

Daftar sekarang untuk dapatkan Preview Copy PERCUMA teknik pemasaran No. 1 di Instagram.

Tentang Penulis

Untuk biodata penuh boleh lihat di Biodata Syahril Hafiz. Follow saya di Media Sosial
SyahrilHafiz.com
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Mesti Baca



Artikel Terbaru

  • 3 Tips Terbaik Membeli Di Shopee, Lazada & 11Street.my Jualan Murah
  • 5 Langkah Mudah Renew Kad KTM I-Card Student Secara Online
  • 7 Pemasaran Instagram – Cara Buat Duit Online Letupkan Jualan Di Instagram!
  • DIY Cara Tukar Air Radiator Kereta Kancil
  • Cara Semak Amanah Saham Berhad ( ASB ) Secara Online Melalui Portal MyASNB
  • Cara Mudah Pembayaran Bil Digi Online
  • Susah Close Sale Bisnes Online? Ikut Langkah Simple Close Sale Guna WhatsApp
  • Cara Beli Barang Online Di Lazada Malaysia
  • Kelebihan Chia Seed Untuk Kesihatan & Diet Harian
  • Cara Mudah & Paling Cepat Renew SSM – Kiosk Ez Biz SSM dan Online

RSS Resepi Menarik

  • Resepi Mee Goreng by RESEPIADIK
  • Resepi Cucur Labu Sedap
  • Resepi Kuih Sagu Kelapa Parut
  • Resepi Sotong Celup Tepung Bestari
  • Resepi Kek Basque Burnt Cheesecake

Pilih Arkib

Pilih Kategori

PRODUK UNTUK DIJUAL

Minyak Enjin Kereta Terbaik

Anak Pokok Limau Nipis

Anak Pokok Betik Sekaki

Susu Kambing Segar Dari Ladang

Susu Lembu Segar Dari Ladang

Chia Seed Murah & Organik

ANDA PERASAN BLOG INI LAJU?

Hosting yang disarankan adalah [1]. Rakan kerjasama Laman Rujukan Kerjaya & Minyak Enjin XRA Power

Hakcipta Terpelihara © 2023 SyahrilHafiz.comยท Kembali ke Atas