• 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 / Edit themes blog anda lebih kemas dan menarik!

Edit themes blog anda lebih kemas dan menarik!

December 2, 2010 oleh Syahril Hafiz73 Comments

Assalamualaikum dan Salam 1 Malaysia.

Sebenarnya aku tak pasti samaada korang dah tahu atau belum tutor mengedit themes untuk kali ini. Edit themes blog korang lebih kemas dan menarik dibahagian bucu blog dari bentuk asalnya bucu petak(bucu tajam) kepada bucu bulat yang terdapat di bahagian bucu di blog ini. Dan juga menambah border dibahagian tepi blog.

Untuk kali ini aku menggunakan software Bluefish untuk HTML Editor dan Photoshop Legend ini untuk memberi sedikit gambaran. Pastikan korang backup themes blog untuk mengelak sebarang error yang terdapat di themes.

Membuat border di tepi blog

1. Buka buka Appearance > kemudian pergi ke Editor > klik pada style.css

2. Copy kesemua kandungan code yang terdapat dalam sytle.css itu dan paste pada HTML editor korang.

3. Letak code ini di bahagian 167 #wrapper seperti gambar diatas

 border:1px solid #000; 

Boleh tukar warna borderΒ  #000 kepada warna yang korang nak

4. Kemudian copy kesemua code yang terdapat dalam HTML Editor tadi ke style.css

5. Update File korang. Lihat hasilnya.

Tukar bucu petak kepada bucu bulat

1. Buka HTML Editor korang tadi dan pastekan kesemua code yang terdapat di dalam style.css

2. Seperti gambar diatas, paste kan code dibawah dibahagian 167 #wrapper

 -moz-border-radius:20px;

-webkit-border-radius:20px; 

3. Copy kesemua code yang terdapat dalam HTML Editor > Update File

4. Lihat hasil di bahagian blog korang seperti blog ini.

Senang kan? Main .css memang best, kalau lagi arif tentang coding HTML, PHP dan lain-lain lagi cantik hasil yang korang dapat. Selamat beramal~

Artikel Berkaitan:

Filed Under: Themes, TutorTagged With: buat border di tepi blog, cara edit themes, edit bahagian bucu blog, edit bahagian bucu dan tepi blog, tambah border di tepi blog, tukar background themes blog, tukar bucu petak kepada bucu bulat, tutorial edit themes blog

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. zack says

    May 7, 2012 at 2:44 pm

    Takut nak menggodeh… nanti jadi lodeh…. maybe one day

    Reply
  2. Wan says

    March 28, 2011 at 10:21 am

    ader x tempat untuk aku belajar coding atau ader code code untuk aku copy paste masuk kat web aku, senang sikit, apply jer terus, hehe

    Reply
    • Syahril Hafiz says

      March 28, 2011 at 7:20 pm

      urmm kebanyakkannya aku google je bro, pastu try and error..
      tak pandai sangat main coding3 ni, basic je taw

      Reply
  3. Piratz says

    February 13, 2011 at 11:23 am

    nanti ajar buat shadow plak ye… huhu… :bloody:

    Reply
  4. fitri says

    December 6, 2010 at 11:58 pm

    susah gak men coding ni..kena ada asas html..pening aku..huhu

    Reply
  5. syafiq.net says

    December 5, 2010 at 12:57 am

    aku dah guna tema herited daripada twenty ten juga :p

    Reply
    • Syahril Hafiz says

      December 5, 2010 at 7:36 pm

      ye ke? aku nak masuk blog ko memanjang suspended..macam ni..hehe

      Reply
  6. Ismail N says

    December 4, 2010 at 10:37 pm

    Dah lama tak godek2 themes…
    rasanya dah happy dgn rupa blog buat masa nih.. πŸ˜‰

    Reply
    • Syahril Hafiz says

      December 4, 2010 at 11:48 pm

      blog bro dah berjiwa kental tu
      smart dah bagi saya ni

      Reply
  7. Izwan says

    December 4, 2010 at 9:22 pm

    tapi ada blur2 sket kat bucu tu.. cam guna blur tool.. πŸ˜€
    ni pun okey dah ni.. aku nak tambah kaler background cam ko letak kaler ungu kat blakang ni pun tak jumpa2..ingat nak kasi kontra sket ngan putih tu..

    Reply
    • Syahril Hafiz says

      December 4, 2010 at 11:44 pm

      huhu..ini themes aku dah ada
      cuba ko cari, mesti boleh punya

      Reply
      • Izwan says

        January 7, 2011 at 1:24 am

        ko guna software pe utk HTML editor nie?

        Reply
  8. wazy says

    December 4, 2010 at 12:53 pm

    w00t
    lagi satu ilmu yang lama aku tak flash back
    hehehe tq tq bro

    Reply
    • Syahril Hafiz says

      December 4, 2010 at 2:55 pm

      hehe..biasa la, sekali sekala nak smart gak kan..

      Reply
  9. kerja kosong says

    December 4, 2010 at 12:36 pm

    Sesudah edit theme, nampak lebih kemas la. πŸ˜‰

    Reply
  10. dinsblog says

    December 4, 2010 at 9:35 am

    cantik theme blog ni…

    Reply
    • Syahril Hafiz says

      December 4, 2010 at 2:33 pm

      thanks..simple je ni

      Reply
  11. arrizz says

    December 4, 2010 at 3:40 am

    part edit theme nie yang aku lemah..anyway nice tutorial..blog ko simple and kemas, kite sekapal..haha

    Reply
    • Syahril Hafiz says

      December 4, 2010 at 2:24 pm

      ha ah, yup kita sekapal
      simple2 sudah..hehe

      Reply
  12. mijie says

    December 3, 2010 at 11:56 pm

    bro dah semakin maju sekarang ni, kenapa la aku ni malas giler nak ngedit2 theme ni, hoho

    Reply
    • Syahril Hafiz says

      December 4, 2010 at 1:56 am

      hehe, bukan saya yg maju tapi blog ni <---macam tu ada ke? hehe

      Reply
  13. donny says

    December 3, 2010 at 7:15 pm

    tutorial yang berguna,teringin juga mau tukar theme saya yang membosankan tue..tapi tiak tahu nak mula nama..tq Syahril.

    Reply
    • Syahril Hafiz says

      December 4, 2010 at 1:58 am

      eh mystique tu banyak tutor boleh guna
      google je, mstique hebat lagi

      Reply
  14. mummy nana says

    December 3, 2010 at 4:24 pm

    ohoho. best ni. sy plak dok tuka theme. last2 wp thread comment tak le masuk ngan theme! huwa! mencik! nway tq ini tips ye. akan ku godek2 lagik blog itu.

    Reply
    • Syahril Hafiz says

      December 3, 2010 at 6:50 pm

      bagus3..simple je ni..
      try la dulu πŸ˜‰

      Reply
  15. Kamal Mustafa says

    December 3, 2010 at 12:16 pm

    Menarik…info nie..kalau lepas edit theme cuba buka guna browser yang berlainan,manalah tau kot2 tak menjadilak. πŸ˜€

    Reply
  16. akubiomed says

    December 3, 2010 at 9:51 am

    Belum berkesempatan nak make up blog ni. Yang penting blog kena loading laju

    Reply
    • Syahril Hafiz says

      December 3, 2010 at 12:08 pm

      betul3..tapi jangan sampai semua benda tak de..
      susah buat silent reader..hehe

      Reply
    • RozaniGhani says

      December 3, 2010 at 2:10 pm

      blog memang dah loading laju kalau guna theme 2010 tidak kira browser atau mobile browser.
      Agak rugi kalau guna theme berbayar.
      kalau guna theme lain, kena test sendiri.

      Reply
  17. fendidahada says

    December 3, 2010 at 9:25 am

    nice2…nanti den torai ya…..

    Reply
  18. akublog says

    December 3, 2010 at 1:39 am

    Aku memang FAIL bab2 nih.. :mrgreen:

    Reply
  19. RozaniGhani says

    December 3, 2010 at 12:43 am

    border-radius:20px; /* border radius ini untuk Internet Explorer biasanya IE6 ke atas */
    -moz-border-radius:20px; /* tambah prefix -moz- sebelum border-radius untuk firefox */
    -webkit-border-radius:20px; /* prefix webkit untuk Safari, Opera, Opera Mini, Opera Mobile, Iphone 3/3GS/4 */

    css border bagus untuk benda biasa-biasa macam border gambar, border header, border avatar, border sidebar tapi tak berapa bagus untuk comment list sebab comment list akan loading lebih slow (dalam mili second).

    Reply
    • Syahril Hafiz says

      December 3, 2010 at 12:02 pm

      oh..thank 4 info..
      ada lagi border yang boleh melambatkan loading komen ni..
      ingat nak plain je.tapi tak menarik la pulak..hehe

      p/s dah tengok web bro post tadi, boleh tahan semua..kena buat cara offline la nampak gaya

      Reply
  20. naim says

    December 3, 2010 at 12:25 am

    ha ah..nampak smart la bucu2 bulat kt blog ni..

    Reply
  21. ProfHariz says

    December 2, 2010 at 11:01 pm

    Nak buat bucu ke tajam? Bucu ke tajam? Nantilah fikir dulu.. Heheheh

    Reply
    • Syahril Hafiz says

      December 3, 2010 at 12:00 pm

      bucu tajam yang standard tu ke bucu bulat..

      Reply
  22. Hanis says

    December 2, 2010 at 10:39 pm

    menarik tu.
    tapi baru je pakai ubuntu ni dan agak pening nak explore.
    haish. kena dual boot juga la nmpknya.

    Reply
    • Syahril Hafiz says

      December 3, 2010 at 11:58 am

      welcome hanis…haha
      biasa noob macam kita agak slow kalau nak sedut
      tapi yg pasti ko mesti stay terus lepas ni..hehe

      Reply
  23. sazuwi says

    December 2, 2010 at 7:14 pm

    css umpama makeup untuk blog… πŸ˜‰

    Reply
  24. syafiq.net says

    December 2, 2010 at 6:47 pm

    eh lupa taruk code tag

    Reply
  25. syafiq.net says

    December 2, 2010 at 6:46 pm

    wow dah belajar css3 :mrgreen:

    tambah sikit;
    -moz- untuk gecko (mozilla)
    -webkit- untuk webkit (chrome, safari)
    -o- untuk opera

    kalau ie kene tambah meta tag sikit. tapi hanya untuk IE9 yang dikatakan support.

    dan dia akan guna border-radius. tak perlu tambah tag lain.

    Reply
    • Affan says

      December 2, 2010 at 11:12 pm

      owh, patut aku ada nampak benda2 ni.
      tu aku pelik asal lain, rupanya untuk πŸ˜€ browser yang berlainan

      Reply
      • syafiq.net says

        December 4, 2010 at 1:00 pm

        yup tapi kelemahan guna benda tu saiz css akan jadi besar kalau guna ulang2 nanti. tapi kalau pandai setting class kadang2 je pakai πŸ™‚

        Reply
    • Syahril Hafiz says

      December 3, 2010 at 11:59 am

      LOL..
      thank untuk ni..aku noob , tak berapa tahu..hehe

      Reply
      • syafiq.net says

        December 4, 2010 at 1:00 pm

        lol aku pun baru je belajar

        Reply
        • Syahril Hafiz says

          December 4, 2010 at 2:57 pm

          ye dak? ko kan g33k..
          laju bab2 coding ni.ngeh3..

          Reply
  26. ZoOL says

    December 2, 2010 at 6:27 pm

    hehehe.. dh start pki css3 eh.. hebat tue.. aku nnt nk modify blog lg pastu try integrate semua function guna css3, xnk guna javascript lg kalo boleh.. πŸ™‚

    Reply
    • Syahril Hafiz says

      December 3, 2010 at 11:57 am

      heee..biasa je ni bro, ni aku usya tempat lain gak..
      pakai javascript yg berat blog tuh..
      lagi kurang lagi bagus..

      Reply
  27. etomyam says

    December 2, 2010 at 5:14 pm

    rounded border ni memang nampak cantik dan kemas

    Reply
    • Syahril Hafiz says

      December 3, 2010 at 11:54 am

      yup setuju, ini je yang boleh pun..
      tutor lain kena google la nak buat sempoi3 sikit..

      Reply
  28. khairolghani says

    December 2, 2010 at 3:44 pm

    jeles je bila tengok orang lain pandai main coding..tak yah cakap org lain,dengan bini aku pun aku jeles..terer giler main coding..hehe..kalau rajin aku nak belajar juga la coding2 ni

    Reply
    • Syahril Hafiz says

      December 3, 2010 at 11:53 am

      erk ni biasa je bro, tak de la sampai boleh buat satu themes..hehe

      Reply
      • Panduan Buah Pinggang Sihat says

        December 4, 2010 at 2:56 am

        Bro,kalau guna Nvu boleh tak?

        Reply
        • Syahril Hafiz says

          December 4, 2010 at 2:08 pm

          boleh je, asal kan html editor..

          Reply
  29. Anwar Osman says

    December 2, 2010 at 2:45 pm

    woah.. mcm tu ka buat border bulat. theme aku ada benda nie tapi aku x usik lagi bahgian nie.

    Reply
    • zack says

      May 7, 2012 at 4:55 pm

      blog mung ada malware

      Reply
  30. haru says

    December 2, 2010 at 2:24 pm

    aku gune thesis.. *promote thesis jap* agaga 😈

    Reply
  31. aizuddin says

    December 2, 2010 at 2:10 pm

    kalau quote kita nak ganti background bergambar..tau tak? 😳

    Reply
  32. zik says

    December 2, 2010 at 2:10 pm

    owh macam tuh.. nanti aku try godek2… harap dapat membantu yelah..k.. hehe

    Reply
  33. din says

    December 2, 2010 at 2:07 pm

    untuk blogspot xda ke bro..teringin nak buat..hihi.

    Reply
    • Affan says

      December 2, 2010 at 3:44 pm

      ada

      Reply
    • Syahril Hafiz says

      December 3, 2010 at 11:47 am

      blogspot? erm kat mana eh nak godek, kang aku try cari ok..

      Reply
    • Panduan Buah Pinggang Sihat says

      December 4, 2010 at 2:55 am

      Tulah bro.Tukar kepada WP,lagi puas hati.cadangan je bro.Kalau bro minat blogspot pun tak per.

      Reply
  34. Mohd Isa says

    December 2, 2010 at 2:06 pm

    terbaiklah…aku dah lama tak wat bucu2 ni..hehe…:)

    Reply
  35. RedBoys says

    December 2, 2010 at 2:04 pm

    ala. aku second le. haha. jap gi aku komen pasal entri ni.

    Reply
    • RedBoys says

      December 2, 2010 at 2:17 pm

      haha. terbaik ar.
      baru aku ingt balik kod ni.
      thanks2.

      Reply
  36. ezany says

    December 2, 2010 at 1:50 pm

    tapi boleh apply kat mozilla jer kan.. ie boleh x?

    Reply
    • Syahril Hafiz says

      December 2, 2010 at 1:53 pm

      ie aku tak cuba lagi, tapi google chrome ok
      bro jadi orang pertama tengok..cuba la πŸ˜‰

      Reply
      • suri says

        December 4, 2010 at 7:06 pm

        nak mencuba tapi takut usik coading huuu..

        Reply
        • Syahril Hafiz says

          December 4, 2010 at 11:37 pm

          hehe, tak pe backup dulu
          atau buat dalam localhost

          Reply

Trackbacks

  1. 11 Kelebihan dan 3 Kekurangan Wordpress Self Host | SyahrilHafiz.Com says:
    March 19, 2011 at 8:24 pm

    […] Make Over yang dimaksudkan disini, korang dapat tweak-tweak blog kelihatan lebih menarik dengan edit themes. Kod .php, .css dan sebagainya lebih menarik sekiranya korang terapkan css sprite, css3 di blog. Memerlukan sedikit masa untuk ini, kerana banyak perkara perlu belajar dalam asas edit themes blog. […]

    Reply
  2. Edit themes blog anda lebih kemas dan menarik! | SyahrilHafiz.Com says:
    March 7, 2011 at 3:15 pm

    Edit themes blog anda lebih kemas dan menarik! | SyahrilHafiz.Com…

    […]Exchange Link · Pengiklanan · Sitemap · Biz Long Distance · Operating System · Ubuntu · Tutorial · Windows · SEO · ? Terima Kasih Nuffnangku · Imbas Kembali, Pertama kali di WordPress ? ….. Syahr…

    Reply
  3. Tweets that mention Edit themes blog anda lebih kemas dan menarik! | SyahrilHafiz [Dot] Com -- Topsy.com says:
    December 2, 2010 at 2:42 pm

    […] This post was mentioned on Twitter by mohd aizuddin and Mohd Isa Network, syahrilhafiz. syahrilhafiz said: Edit themes blog anda lebih kemas dan menarik! http://t.co/VhlKspk via @CaenZ […]

    Reply

Leave a Reply 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