Sunday, September 8, 2024
Latest:

Ciktom

A lifestyle & parenting blog

tutorial 

Tutorial Tukar Jenis Font Cantik Dalam Entry

ciktom 35 Comments

Tutorial kali ini request dari cik kamoo untuk buat tutorial macam mana nak tukar font lawa dalam entri. Sorry lama tersimpan request dari cik kamoo. Tapi kerana dah berjanji tetap cik tom cuba tunaikan walaupun lambat. Sorry ye.

STEP 1

Klik pada DASHBOARD>DESIGN>TEMPLATE DESIGNER

STEP 2

Step ni berpandukan gambar dibawah.


1) Klik “Advanced“.
2) Lihat pada column di sebelah “Advanced”, cari dan klik “Text color“
3) Akan keluar “Text font” dan sila pilih jenis tulisan yang disukai.
4) Segala preview hasil jenis tulisan (font) yang dipilih akan di preview di bawah.
5) Apabila berpuas hati dengan hasil edit, klik “Apply To Blog“.
6) Klik “View blog” untuk lihat hasilnya.

Untuk besarkan gambar, tekan “ctrl” dan klik pada gambar.


*****Selain jenis tulisan, kita juga boleh ubah warna tulisan yang menarik bersesuaian dengan template.

Di bawah ialah scroll menunjukkan senarai warna dan tulisan yang dapat ditukar atau gantikan di dalam blog;


Page Background Color: Mengganti warna background template yang diluar

Main Background Color: Mengganti warna background template yang didalam

Text Color: Mengganti warna teks postingan/ artikel

Blog Title Color : Mengganti warna judul blog

Blog Description Color : Mengganti warna diskripsi blog

Post Title Color: Mengganti warna tajuk posting

Date Header Color: Mengganti warna teks tarikh

Border Color: Mengganti warna garis tepi template

Sidebar Title Color: Mengganti warna tajuk pada sidebar misalnya teks Blog Archive, Blogroll, Labels, dan lain-lain

Link Color: Mengganti warna teks yang mempunyai link

Visited Link Color: Mengganti warna teks link ketika pengunjung mengarahkan kursor pada link tersebut

Sidebar Link Color: Mengganti warna teks yang mempunyai link pada sidebar

Sidebar Visited Link Color: Mengganti warna teks link ketika pengunjung
mengarahkan kursor pada link yang terletak pada sidebar

Text Font: Menukar jenis huruf/ teks pada posting

Sidebar Title Font: Mengganti bentuk huruf tajuk pada sidebar

Blog Title Font: Mengganti bentuk huruf pada blog

Blog Description Font: Mengganti bentuk huruf diskripsi blog

Post Footer Font: Mengganti bentuk huruf footer pada posting. Misalnya: Posted by

Sharing is caring

ciktom

Cik tom seorang part time blogger yang sangat sukakan dunia blogging dan buah tomato. Mula menulis blog 15 Julai 2010. Menaip segala ilham dari akal fikiran dan hati ke dunia alam cyber. Sebarang persoalan atau pengiklanan/advertorial/review sila hubungi ciktom; tomatogurl86[at]gmail.com...gantikan [at] dengan @

35 thoughts on “Tutorial Tukar Jenis Font Cantik Dalam Entry”

  • fadhdeela
    March 9, 2011 at 5:03 pm
    Permalink

    terbaikk la cik tom!!!!! mmg dah lama tunggu tutorial nie 😛

    Meh singgah: Anda Stress!! Meh Baca nie!!

    Reply
  • najihah sahami
    March 9, 2011 at 4:19 pm
    Permalink

    yeehaa..terbaik ah ciktom..full version tu..hehee

    Reply
  • Solihin Zubir
    March 9, 2011 at 4:31 pm
    Permalink

    jgn terlebih cantik smpai juling nk baca dhla.. heheh..

    Reply
  • d_tieah
    March 10, 2011 at 12:31 am
    Permalink

    Echah oooo Echah..
    Sila baca ini..
    Cik Tom tolong buat tutorial ni haa..
    Ko pernah tanya aku pasal ni kan?
    Aku just cakap kat template designer jek..
    Hehehehe..

    Entry Terbaru 1 : Krisdayanti Follow Twitter Aku???
    Entry Terbaru 2 : Kentut Punya Pasal Orang Tersayang Dilupakan

    Reply
  • sissyira
    March 9, 2011 at 4:37 pm
    Permalink

    salam

    boleh nak tukar tulisan, tp jgn pilih y serabut la..

    Reply
  • Putera Helmei
    March 9, 2011 at 4:38 pm
    Permalink

    thankz cik tom… nk bg cantik2 ckit blog..

    Reply
  • IMANSHAH
    March 9, 2011 at 4:41 pm
    Permalink

    dah coba dah Cik tom..thanks ya

    Reply
  • ghost writer
    March 9, 2011 at 5:17 pm
    Permalink

    betul jugak kan…ok juga kalau tukar2 font,serasa macam ikut mood lak font kita.

    orang kata tukar selera…hihi

    Reply
  • zaradgreat
    March 9, 2011 at 5:30 pm
    Permalink

    nak tukar jadik wingding lah. hahahha

    Reply
  • mizzkechique
    March 10, 2011 at 12:27 am
    Permalink

    cik tom, xde pun font tu..huhu

    Reply
  • Ellen
    March 10, 2011 at 12:58 am
    Permalink

    wah…senang saja rupanya..nak try ni..hehe

    Reply
  • ⓐⓝⓢⓐⓡⓤⓛⓛⓐⓗ
    March 10, 2011 at 1:05 am
    Permalink

    xjadi pn cik tom..tkn apply..kuat template applied..xjadi pape pon..sob3

    Reply
  • decrewz
    March 10, 2011 at 2:51 am
    Permalink

    Pasni jangan sampai ada yang keluarkan tulisan yang eplik2 dah le, berpinar mata nak baca..he3.. lama Tak jenguk cik tom..

    Reply
  • kakchik@ella
    March 10, 2011 at 3:21 am
    Permalink

    wah cik tom .. byk btl dah koleksi tutorial kat blog cik tom ni. rajin arr cik tom. hihi

    Reply
  • manggosteen
    March 10, 2011 at 4:41 am
    Permalink

    thanks sbb wat tuto ni..da lama cari cara nak wat ni..

    Reply
  • Lydia Miza(Aidyl Azim)
    March 10, 2011 at 5:06 am
    Permalink

    cik tom sgt2 baik..x kedekut ilmu

    Reply
  • diana
    March 10, 2011 at 5:24 am
    Permalink

    tulisan yang macam akak pakai sekarang banyak blog yang pakai..
    akak rasa nak tukar lain la..

    Reply
  • Cik Kamoo
    March 10, 2011 at 9:15 am
    Permalink

    TERIMA KASIH BANYAK-BANYAK KERANA MASIH INGAT DAN MENUNAIKAN PERMINTAAN SAYA!! SAYA AKAN CUBA TUKAR FONT GUNA TUTORIAL NIE….

    NAK SHARE TUTORIAL INI KAT BLOG BOLEH TAK?? NANTI SAYA NAK BUAT REQUEST TUTORIAL LAGI TAU….

    THANKS CIK TOM!!!

    Reply
  • CIK TOM
    March 10, 2011 at 9:27 am
    Permalink

    @mizzkechique: ye ke??maybe sebab jenis template yang awak gunakan tak sesuai…sebab tak semua jenis template boleh guna cara ni…

    Reply
  • CIK TOM
    March 10, 2011 at 9:30 am
    Permalink

    @ⓐⓝⓢⓐⓡⓤⓛⓛⓐⓗ: erk dah tekan tapi tak menjadi??pelik ni..cuba pilih tulisan lain yang mudah dibaca oleh komputer…sebab ada sesetengah depend pada jenis laptop/computer jugak…kalau pilih jenis tulisan yang pelik (computer kita tak boleh detect jenis tulisan tue)…so automatik tulisan tue akan berubah pada jenis tulisan yang boleh ditrace/baca oleh komputer contohnya times new roman, arial etc…

    Reply
  • CIK TOM
    March 10, 2011 at 9:31 am
    Permalink

    @Cik Kamoo: boleh je yunk…sori lambat dan selamat mencuba…

    Reply
  • CIK TOM
    March 10, 2011 at 9:33 am
    Permalink

    kepada semua..thanks komen entry cik tom ni..dan selamat mencuba ye..tapi ingat berpada-padalah bila pilih jenis dan warna tulisan (font) tue ye..supaya kawan blogger tak susah nak baca…

    good luck!

    Reply
  • Woofer Storm
    March 11, 2011 at 4:20 am
    Permalink

    perghhh cktom ni terbaik la..syang ketat2 boleh?malu laaa,lariiii

    Reply
  • syakira
    March 12, 2011 at 3:50 pm
    Permalink

    cik tom, saya nak minta izin tuk copy paste kod cik tom utk buat sidebar ngan main post cam cik tom. dah modify baru nak minta izin…
    tapi main post x jadi lah…tolongla cik tom nak wat cam na ni?? cam na nak buat bagi sidebar ngan main post tu dok rapat cam cik tom punya?

    Reply
  • izzati wanie
    April 1, 2011 at 12:54 pm
    Permalink

    TERBAIK!!!! thanks cik tom..hehe..dpt jgk Bidadari Solehah bljr care nk tukar font ni…sayang cik tom^_^

    Reply
  • CIK TOM
    April 4, 2011 at 6:29 pm
    Permalink

    @syakira; boleh je nak copy paste kod tue…main post xmenjadi??utk main post syakira boleh tambah code yg diajar pada code ni dlm theme syakira;

    .post-header {
    margin: 0 0 1.5em;
    line-height: 1.6;
    font-size: 90%;
    }

    utk rapatkan jarak sidebar dgn post..cuba syakira adjust semua no 1 dalam code "padding" di bawah kepada 0;

    .post {
    background: #660000;
    margin:.5em 0 1.5em;
    padding:1px 1px 1px;
    border:5px solid #FFFFFF;
    border-bottom:5px solid #FFFFFF;
    border-width:5px 5px 5px;
    margin: 0 0 25px 0;
    }

    jadi rapat x?slmt mencuba…

    Reply
  • MamaKaykay
    May 2, 2011 at 11:55 am
    Permalink

    Salam CikTom,

    Suka sgt bl jumpa entry pasal nk tukar jenid font nii..
    tapi saya buat xmenjadi.. huhuhu..
    even masuk kat advance tu “text font” pn xkuar.. blh klik kat advance jer..
    knp agaknya..

    * klu sy nk mskkn font yg di Download free.. blh ker?

    TQ
    Jom baca entri terkini MamaKaykay …– Hair Clippies –My Profile

    Reply
    • ciktomPost author
      May 3, 2011 at 3:08 pm
      Permalink

      bila klik advance.tue pas pilih text yang akan nak tue kena klik “apply to theme” baru menjadi..
      kalau tak menjadi juga cuba cara ni pulak….pergi kat “edit html” cuba search code;
      body {

      pastu bawah code “body {” cuba cari code ni “font-family:”
      font-family: jenisfont1, jenisfont2, jenisfont3;

      nanti kat dalam code tue akan ada dah senarai jenis font yang blog awk guna…nanti awk tukar jenis font tue kpd yg disukai…tp nak guna ni awak kena tau nama untuk jenis tulisan yang nak guna..dari 3 jenis tulisan tue plk awak kena kekalkan satu jenis tulisan yang dah biasa guna (cnth: Arial) sbbnya xsemua laptop ada support jenis tulisan yg pelik2…so kalau apa2 terjadi aakan refer pada jenis tulisan yang ada antar 3 senarai tue…

      Reply
  • shamster test
    May 14, 2011 at 10:22 am
    Permalink

    Thanks for posting this cool article!

    Reply
  • shekyn
    May 17, 2011 at 10:15 am
    Permalink

    hai . saya nak tukar jenis font enrty saya . daa buat daa mcm kat ats tu . tp tak jdi laa . 🙁

    Reply
  • saidah
    July 16, 2011 at 6:58 pm
    Permalink

    owh mcm tu . tenkiuuu ciktommm.

    Reply
  • sis nur
    July 22, 2011 at 1:06 am
    Permalink

    besnye! nak buat gak. 😛

    Reply

Leave a Reply

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

CommentLuv badge

This site uses Akismet to reduce spam. Learn how your comment data is processed.

error: Content is protected !!