Bagaimana Nak Cantikkan Ruang Komen Blog?

Cara asas mencantikkan dan mengubah penampilan kotak komen blogspot

Ramai yang berminat untuk mendapatkan ruang komen yang cantik dan menarik. Tapi, tak ramai yang tahu cara untuk melakukannya. Sebenarnya, sudah ramai blogger yang kongsi cara-cara untuk cantikkan ruang komen blog. Saya sendiri pernah kongsikan beberapa tutorial mengenai kotak komen. Tapi, saya tak ceritakan bagaimana ia dilakukan secara am.

Kali ini, dalam entri yang mungkin akan buat anda pening-pening lalat ini, saya akan kongsikan tentang bagaimana anda boleh cantikkan ruang komen blog anda ikut citarasa anda sendiri. Ikut citarasa anda, dan bukan ikut citarasa penulis tutorial untuk cantikkan blog.

Bagaimana Nak Cantikkan Ruang Komen Blog?

Pertama sekali, anda perlu faham bahawa untuk mencantikkan ruang komen blog anda, anda perlu akses ke bahagian HTML blogspot anda. Jadi, ia memerlukan anda untuk berhati-hati melakukannya. Seperti syor ramai blogger yang handal dalam bab ini, sila buat backup template HTML blogspot anda.

Bahagian yang saya maksudkan ialah CSS blogspot anda. Akses ke CSS adalah dengan klik bahagian b:skin seperti gambaran di bawah ini. Ruang atau kod berkaitan CSS selalunya akan berwarna biru. Untuk ubah atau tukar penampilan kotak komen, cuba cari kod yang ada tulis #comments. Untuk elak keliru, padamkan kod lama anda tersebut, atau anda boleh je copy paste di tempat lain sebagai backup kedua.


Cara Menjadikan Avatar Komen Berbentuk Bulat dan Bukan Petak

Bagi memperlihatkan sedikit kelainan pada ikon pemberi komen, anda boleh ubah atau tambah struktur CSS bagi komentor blog anda. Kod dibawah ini akan menjadikan avatar si pengomen jadi bulat .... dan bukan petak seperti kebiasaan.
Anda boleh bermain-main dengan kelebaran dengan tukar-tukarkan nilai width di atas. Untuk menambahkan sedikit warna, anda boleh ubah mana-mana kod HTML yang ada # di atas, contohnya warna putih ialah #fff dan ada banyak variasi warna putih boleh anda gunakan. Boleh rujuk mengenai warna-warna selamat untuk blog yang pernah saya kongsikan dahulu.

Cara 'Hias' Ruang Kotak Komen

Sekarang, perkara yang utama iaitu cara nak 'hias' kotak atau ruang komen utama blog anda. Seperti yang anda nampak macam blog ini, ia adalah disebabkan saya ubah penampilan ruang kotak komen dengan warna-warna tertentu selain adjust kelebaran.

Jika berminat nak kotak komen lebih kurang macam blog ini, boleh baca entri ini - Nak Kotak Komen Hijau?

Mudah dan memang sempoi, agak-agak nak warna lain, hanya tukarkan kod warna yang ada. Anda boleh copy-paste kod CSS dibawah ini dengan gantikan yang lama.

Cara Tukar Penampilan Nama Tukang Komen dan Meta

Adakala kita mahu ruangan kotak komen diberikan satu keistimewaan dari yang lain. Dan kita mahu memperlihatkan siapa yang telah komen entri blog kita. Cara ini boleh anda lakukan dengan tukar penampilan nama tukang komen serta meta berkaitan dengannya.

Cara Tukar Reply Kotak Komen

Nampak reply komen tu macam tak berapa menarik je kan? Jadi nak tukar boleh gunakan kod CSS di bawah ini. Anda boleh ubah atau tukarkan perkataan reply itu dengan gambar kalau mahu, hanya tambahkan di bahagian background: #f2f2f2f2 url("URL gambar butang reply")

Ok dah kot. Apa yang saya beritahu kat atas tu merupakan antara asas paling mudah nak tukarkan penampilan ruang kotak komen anda, anda boleh ubah ikut kesesuaian dan kehendak anda dengan buat beberapa penambahan atau pembaikan kod CSS di atas.

Untuk lebih pemahaman, boleh rujuk entri asal di sini - How to Create Custom Style Comment in Blogspot

Selamat mencuba.


COMMENTS

BLOGGER: 13
Loading...
Name

#Bajet2014,4,#VMY2014,5,#WORDLESS WEDNESDAY,74,Abah Blogger,39,Advertorial,117,Advertorial 2013,15,advertorial 2014,40,advertorial 2015,8,ARTIKEL KEHIDUPAN,11,ARTIKEL KEKELUARGAAN,8,ARTIKEL KESIHATAN,6,Bajet 2013,9,Bajet 2016,8,BICARA MASYARAKAT,153,Bicara Minda,73,BILA BLOGGER MASUK MAJALAH,26,BLOG LENSA HASRUL,1,BLOG PILIHAN 2012,25,BLOG PILIHAN 2013,15,Blog Selebriti,77,Blog Stats,10,Blogger Guide,2,BR1M,10,Buat Duit Dengan Adsense,55,Buat Duit Online,365,Cerpen Kehidupan,1,ChurpChurp,4,CINTA DAN JIWANG,45,Contest 2014,37,Contest 2015,19,Contest 2016,15,Contest 2017,8,Custom Made Sticker Kereta,1,DARI AKHBAR,28,DARI RAKAN BLOGGER,7,Dari Rakan Facebook,8,Destinasi Cuti,14,DIARI HIDUP,2,Didik Anak,5,diskaun saman PDRM,2,Dunia Blog,1,DUNIA BLOG DAN BLOGGER,28,DUNIA BLOGGER MALAYSIA,819,Dunia Haiwan,1,DUNIA HIBURAN SERANTAU,6,Dunia Oh Dunia,23,Dunia Penulis Blog,1,EDISI TERJAH BLOG BARU,33,english,1,Eqbalzack Giveaway,2,Fakta Hangat,291,FAKTA MENARIK,107,FAKTA MENARIK DAN PELIK,69,Familia,5,Featured,1,FOLLOWER HH,2,Fotografi,1,Gadget blogspot,1,GAMBAR,58,Gambar Menarik,16,GAMBAR PELIK DAN MENARIK,55,Gathering Bangku Kosong,12,Gaya Hidup,45,Giveaway,9,Guide and Tips,9,Hari Raya,58,Hartanah,51,Header Blog Pilihan,2,Holiday Destination,6,Holiday Getaway,62,Holiday Tips,2,Homestay,1,House Husband,623,Ihya Ramadhan,2,Info Blog,60,INFO BLOG BANGKU KOSONG,48,Info Blog HH,37,Info GST,14,Informasi,578,Informasi Dunia,1,INI SEBUAH CERITA,11,Inspirasi,10,Inspiration,6,Internet,2,iPhone 5 Gadjet Impian,1,ISLAM DAN MASYARAKAT,21,Isu Blogger,21,Isu Dan Berita,335,ISU DUNIA,3,ISU MALAYSIA,1,Isu Masyarakat,10,ISU MASYARAKAT 1,39,Isu Semasa,1,Jalan Jalan,1,JEJAK BLOGGER,19,Jom Jalan-jalan,3,Kamasutra temple,1,Kasut Pelik,1,Kehidupan Sebagai Blogger Sepenuh Masa,1,Keibubapaan,32,Kekeluargaan,81,Kempen,6,Kerja Dari Rumah,81,Khas buat Follower,39,Kisah Dunia,1,Kisah HH,74,KISAH KELUARGA,50,Klip Video,9,KOLEKSI LAWAK BANGKU KOSONG,47,KOLEKSI PETUA,23,KONGSI PETUA,2,KTM,16,Lawak Blogger,40,Lawak Sekejap,57,Lifestyle,276,Love,1,Majalah In Trend,6,Makanan,5,Malaysia Best Blog 2015,1,MENGENAI BLOG HH,1,Merdeka,12,MH370,6,Minda Berfikir,12,Miros,2,Narnia,1,NOSTALGIA,1,NUFFNANG,26,NULL,17,ONLINE SURVEY,1,Pakar SEO,1,Panduan,336,Panduan Adsense,18,Panduan Blogger,11,PANDUAN MENULIS BLOG,654,Panduan Pengiklanan di Blog,74,Parenting Tips,5,PDRM,1,Pelaburan,14,Pendapat,32,Penghargaan Dari Bloggers,8,PENGUMUMAN,2,Peraduan dan Kontest,15,Percuma,2,Percutian,54,Percutian Keluarga,17,PERISTIWA RAMADHAN,6,Permotoran,2,PERSPEKTIF,6,Petua,1,Petua dan Tips,27,petua kehidupan,5,Petua Memikat,3,Pilihanraya,1,Plastik Sampah Mesra Alam,1,que382ahexjz,1,Rakan Blogger,9,Ramadhan,66,RAMADHAN 2011,9,Ranking Alexa,2,Raya 2015,10,Resepi,51,Samsung,1,segmen 2015,2,segmen blogger 2016,7,SEJARAH DUNIA,43,Sembang Blogger,486,Semesti,2,SENI,3,Shopping,109,Shopping Online,7,Sihat Cantik,12,SIHAT SOKMO,19,SIRI KENALI TOKOH SEJARAH TEMPATAN,1,SIRI KISAH KERAJAAN AGUNG,5,SIRI SIFAT BLOGGER TERPUJI,6,Siri Tips Pikat Gadis Cantik,5,Tempat Makan,9,Tempat Menarik,173,Terbaik Google,6,The Bidadari 2014,9,Tips Bercuti,93,Tips Blogging,311,Tips Blogging 101,1,Tips Blogspot,85,Tips Dapur,51,Tips Kekeluargaan,4,Tips SEO Blogspot,130,VIDEO,127,Video Best,34,widget blog,29,WIDGET PILIHAN,71,wordless wednesday,105,Work From Home,13,
ltr
item
Biar Tahu Dengan Ilmu - HASRULHASSAN.COM™: Bagaimana Nak Cantikkan Ruang Komen Blog?
Bagaimana Nak Cantikkan Ruang Komen Blog?
Cara asas mencantikkan dan mengubah penampilan kotak komen blogspot
http://1.bp.blogspot.com/-2A_NTXEvIKQ/Um5F6h93fII/AAAAAAAAxuI/J93OZA7wSO4/s1600/Cara-tukar-cantikkan-ruang-komen-blogspot.jpg
http://1.bp.blogspot.com/-2A_NTXEvIKQ/Um5F6h93fII/AAAAAAAAxuI/J93OZA7wSO4/s72-c/Cara-tukar-cantikkan-ruang-komen-blogspot.jpg
Biar Tahu Dengan Ilmu - HASRULHASSAN.COM™
http://www.hasrulhassan.com/2013/10/bagaimana-nak-cantikkan-ruang-komen-blog.html
http://www.hasrulhassan.com/
http://www.hasrulhassan.com/
http://www.hasrulhassan.com/2013/10/bagaimana-nak-cantikkan-ruang-komen-blog.html
true
1039913750360806682
UTF-8
Loaded All Posts Not found any posts VIEW ALL Baca lagi Balas Batal balas Padam Oleh Home LAMAN ARTIKEL Papar semua DISARAN UNTUK ANDA LABEL ARKIB CARIAN SEMUA ARTIKEL Maaf tidak dijumpai apa yang diminta Kembali Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Pengikut Ikut THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy