Hidup Biar Sedap » Blog Tutorial

Frekuansi Tepat Tindakbalas Cepat

Kujie — Fri, 10 Feb 2012 13:20:40 +0000

Ini adalah theme asal yang saya guna sejak 01.01.12. Sekali imbas memang tak nampak sangat perubahan ketara tetapi sebenarnya ada beberapa bahagian yang telah diedit. Saya bukan suka buat kerja edit mengedit secara lump sum, sekali pasang terus edit beria-ia sampai lebam. Saya jenis ambil masa berminggu² untuk tukar sikit² tanpa disedari.

Kadang² jadi tikus makmal membuat ujikaji yang biasanya menjadi rosak teruk dan akhirnya terpaksa memancarkan signal SOS kepada kawan-kawan yang pandai bab html.

Theme asal blog ini , kedudukan banner blog dan garis pembahagi berdekatan description blog sangat lapang dan memakan ruang. Nampak kosong .

Saya minta tolong budak kamera untuk settlekan masalah ini dan dia buatkan satu entri khas Godek Blog Kak Kujie 2012

No #1

Mula² buang margin-top: 20px untuk facelift sikit banner ke atas. Kemudian garis di bawah tajuk blog dikecilkan kepada 140px. Kemudian ubah line-height blog description daripada 90px kepada 75px.

No #2

Ruang antara blog description dengan menu navigasi terlalu jauh, tetapi ruang antara menu navigasi dengan badan entri dan sidebar terlalu dekat. Buang margin-bottom: 50px dibahagian logo dan tambah margin-bottom: 20px di bahagian access.

Jadilah macam gambar di bawah ni – sebelah kanan sebelum edit dan kiri blog yang telah diedit. Kedudukan ruang atas blog telah dikecilkan.

image dari blog lomotech.com

No#3 – tab dibahagian sidebar itu ( Random Posts dan Tag Cloud ) memang cantik , tetapi mengambil masa yang lama untuk loading. Saya buang table tersebut. Terus theme ini nampak seperti theme lama.

No #4 – tukar hover, tukar font , font size – ambil masa dua tiga minggu juga untuk menyesuaikan diri dan mendapat css yang sesuai. Saya banyak merujuk kepada eizil untuk menyelesaikan beberepa kotoran degil ( sebenarnya saya tak faham nak cari code di mana ..hiks! )

Waktu saya mula² menggunakan theme ini, saya buang Plugin Ajax Comments-Reply kerana ingin mengekalkan kotak komen theme yang agak comel bagi saya berbanding dengan kotak komen plugin tersebut.

Akibatkan ruangan komen saya menjadi berat dan threaded comments bercelaru. Saya sendiri pun hilang mood untuk membalas komen kerana setiap kali berbuat demikian, blog akan loading keseluruhan page bukan pada bahagian komen sahaja seperti waktu menggunakan plugin Ajax Comments-Reply.

Dalam masa mencari² plugin lain yang sesuai, saya ternampak otai php muncul di Timeline Twitter dengan riang ria bahagia. Ini adalah petanda baik ! Kalau nak minta tolong nak tanya bab edit mengedit coding, kena tengok mood dia…hari ni Jumaat, nampak mood riang ria je tadi. Maklumlah malam Jumaat tadi dah baca yassin 3 kali kot.

Saya rebut peluang terhidang depan Timeline dengan bertanya tetapi tanpa disangka…erk..maklum hati masih riang ria kot, beliau menawarkan bantuan segera. Tak sampai 5 minit, masalah ajax reply komen pun selesai tanpa menggunakan plugin! hebatkan……..orang tu!

moral of the story - kaji ramalan cuara sebelum hantar signal SOS supaya frekuansi yang dipancarkan tepat.

Akhirnya – ruangan membalas komen saya kembali seperti waktu² saya menggunakan plugin. Cuba korang try test tengok, ok tak?

Terimakasih untuk mereka yang sentiasa mempunyai ruang masa bagi membantu saya setiap kali signal SOS dipancarkan. Kalau tak cukup ruang 140 aksara di Twitter, sanggup untuk melayan pertanyaan makcik sorang ni di Gtalk.

Kesilapan Blogger Blog Contest

Kujie — Sat, 28 Jan 2012 03:42:38 +0000

Dua tiga hari lepas, terbaca dan terkomen juga saya mengenai isu blogger masa kini. Isu suam suam kuku mengenai pandangan seorang yang melabelkan blog contest adalah sampah.

Sebelum kita terus menghangatkan keadaan, mari kita kenali dulu apa itu blog contest

Blog contest ialah blog yang dikhaskan untuk menyertai peraduan, give away atau pertandingan sahaja. Majoritinya pemilik blog ini ada blog utama lain. Ini blog sampingan.

Saya tak suka nak labelkan blog orang lain. 7 tahun saya jadi blogger, saya tak melarang apa blogger lain buat dengan blog mereka. Biasanya saya sekadar memberi pendapat dan tunjuk ajar. Selebihnya adalah hak pemilik 100%.

Biasanya saya gunakan kuasa diri sendiri untuk menghampiri, membaca atau mengikuti sesuatu blog bukan memaksa blogger itu menjadi apa yang saya suka. Sama juga kat twitter atau facebook. Saya tak kisah apa orang lain nak tweet nak update status tetapi saya yang pilih nak follow atau tidak. Kalau orang cakap saya sombong tak follow si anu si anu, itu masalah dia. Saya tak terhutang apa² dengan siapa².

Prinsip mudah – kita buat apa yang kita suka dengan blog kita, kenapa dia tak boleh buat apa yang dia suka dengan blog dia?

Selesai masalah ( masalah hati sendiri sebenarnya .. hati sendiri yang dok kecoh bab remeh temeh urusan orang lain )

Blogger kena pandai cari bahan untuk kelainan

Hari ini saya tak nak ulas atau labelkan blog orang lain cuma saya nak beri beberapa pendapat mengenai kebaikan dan kekurangan menggunakan blog kedua ( blog contest )

Kebaikannya hanya satu – anda mengasingkan kandungan blog supaya lebih teratur.

Kekurangan

Tujuan masuk contest adalah untuk memperkenalkan diri dalam komuniti blogger tetapi kalau gunakan url blog contest, blogger lain tak berminat untuk mengenai blog seperti itu kerana mereka tahu blog tersebut tiada sentuhan peribadi tuan punya blog.
Backlink yang didapati dari blog yang mengambil bahagian dalam contest tersebut tidak membantu blog utama meningkatkan ranking. Semua backlink pergi ke blog contest bukan blog utama.

Ramai blogger yang gunakan blog contest tak nampak dua faktor penting ini. Mereka letakkan iklan harapkan earning dari blog utama tetapi dalam masa yang saya mereka membawa nama lain bersosial dalam talian. Ini bukan cara yang betul untuk membina network.

Mengukuhkan penjenamaan diri penting untuk berada dalam komuniti blogger dengan selesa dan stabil. Jenama diri tak boleh bercelaru – mesti konsisten dan mudah dikenali.

Entri contest ke, entri biasa ke buat saja dalam blog utama. Cara ini lebih memperlihatkan peribadi anda sebenar sebagai seorang blogger. Ada entri manis, ada entri masam ada entri diri sendiri ada entri tentang orang lain . Blog seperti ini lebih berwarna warni dan menarik pembaca.

Secara normalnya kita mudah membina network dengan seseorang yang kita kenal serba sedikit kisah peribadinya. Kita tahu dia lelaki atau perempuan dah kahwin anak berapa duduk mana.

Kalau dah kenal tuan blog itu lelaki atau perempuan , anda tak akan buat kesilapan dengan menghantar email dengan ayat bombastik ” Hi… saya selalu follow blog Encik “ sedangkan pemilik blog kujie2.com seorang makcik!

Saya berharap blogger yang terlibat ( pemilik blog contest ) tidak berkecil hati dengan pendapat saya. Ini fakta yang perlu diketahui , baik buruknya blog contest yang dibina. Keputusan akhir terletak di tangan masing².

Pemandangan biasa bila blogger berkumpul – gambar dari : benashaari.com

Baca juga beberapa entri lain yang berkaitan

©kujie – kalau nak cakap tak kisah, saja suka² buat blog – entri ini bukan untuk anda!

Cara Buat Contact Form Dan Statik Page

Kujie — Sun, 20 Nov 2011 15:12:48 +0000

Saya terima email dari pengadu, dia cuba buat contact form seperti tutorial di blog ini ( rujuk entri terdahulu – Buat Contact Form Pada Blogspot ) tetapi tidak berjaya. Saya rasa bersalah pula . Maklumlah itu tutor tahun 2009, mungkin berlaku banyak perubahan.

Lama saya tak buat sesi Hari Bertemu Pelanggan . Klik entri Hari Bertemu Pelanggan Vol 1- Vol 10.

Bila saya buka laman yang tersebut, memang cara untuk create contact form telah berubah, semakin senang. Sepatutnya ikut saja steps yang ditunjukkan. Untuk menguji steps terkini, saya cuba create satu contact form baru. Cakap saja tanpa membuktikan sendiri, tak guna, jugakan…mari kita masuk makmal buat ekperimen.

1. Klik www.emailmeform.com

2. Klik Signup now for free. Isi form dengan usernama, password, email, kemudian tick i agree to emailmeforim terism of service > sign up

3. Buka email, klik pada link yang dihantar untuk mengaktifkan (verifikasi) akaun.

Setelah berjaya sign up, masuk ke Form Manager . Ada message ‘ There are no forms. To create a form click here.’ Klik untuk create form atau My Forms klik add form.

Memandangkan ini ‘tikus makmal ‘ pemalas, saya pilik no 1. fre-made form. Pada contact form > klik customize > edit form mengikut pilihan > save

Editlah sesuka hati, saya cuma tunjukkan yang asas.

Senarai form yang telah berjaya dibuat akan terdapat di My Forms, klik Code untuk dapatkan code dan diletakkan di blog.

Memandangkan saya juga menerima komen dari pembaca yang mengadu dia tak boleh create statik page, tutorial ini diteruskan dengan cara membuat page pada blog.

Kat Dashboard > Klik New Post> Klik Edit Pages < Klik New Page < paste code contact form yang baru dicreate tadi. Publish dan pilih nak letakkan page tersebut di sidebar atau tab.

Selain diletakkan pada statik page, ada berbagai pilihan untuk meletakkan contact form seperti button.

Kedua-dua tutor ini saya pernah buat tahun 2009 tetapi memandangkan blogger sendiri mengalami berbagai evolusi, tentunya ada beberapa steps yang berubah tetapi secara dasarnya tidaklah menyimpang jauh.

Kepada penghantar email, maaf kerana ambil masa yang lama untuk membalas … saya dah terdelete email yang dihantar.

Esok nak balik kampung mertua – jengok mak sekejap.

Cara Update Blog Dengan WordPress for BlackBerry

Kujie — Tue, 01 Nov 2011 07:06:31 +0000

Dua kali arena84 tanya macam mana post entri via blackberry. Kalau saya post entri via blackberry itu bermaksud saya berada jauh dari keyboard komputer jadi maaflah kerana ambil masa untuk membalas komen tersebut.

Hari ini, tetamu saya dah balik . Sambil mengemas apa yang patut, sambil pack untuk keluar daerah lagi, saya buat tutor ringkas cara update blog via BlackBerry.

Bahan yang diperlukan -

BlackBerry
Blog WordPress Self Hosted.

Download application WordPress for BlackBerry dari App World.

Bila dah ada, buka WordPress for BlackBerry > tekan logo BB dan Add Blog

Klik Add self-hosted WordPress blog. Isikan Url Blog, Username dan Password yang digunakan sewaktu login blog. Klik Sign In.

Kalau dapat message error – blog message ( code 405) : XML RPC service are disable on this blog..bla..bla…bla… jangan risau.

Buka Dashboard blog > Setting > Writting > Remote Publishing > tick pada Atom Publishing Protocol dan XML-RPC . Save changes.

Sekarang blog dah ada dalam BlackBerry. Bila dah ada macam ni, bukalah tengoklah dan selongkarlah apa yang perlu.

Hari ini tutor asas untuk menghasilkan post baru dengan application WordPress for BlackBerry.

Tekan Posts > logo BB > new
Tulis entri macam biasa. Untuk image, klik Media, Add Photo. Dah siap , puas hati , klik logo BB dan Send.

Ada beberapa email yang yang akan lewat dibalas. Mulai esok, saya hanya buat live blogging kerana akan berada jauh dari komputer dan keyboard.

Kalau ada apa² masalah/pertanyaan, tunggu saya balik minggu depan… hiks! Kalau ada typo pun , pejam mata buat² faham sebab saya tak sempat nak double checking. Ada banyak yang nak diuruskan sebelum bercuti.

Pasang Feedburner , Edit Css Tetapi Bukan Chatbox

Kujie — Tue, 11 Oct 2011 07:48:18 +0000

Walaupun Giveaway yang dianjurkan belum tamat tempohnya tetapi ada beberapa perkara menarik yang ingin saya ulas di sini.

1. Cadangan oleh saudara Mijie - letak feedburner dari google.

Ramai blogger yang mencadangkan saya meletak widget untuk difollower . Memandangkan saya lebih meminati konsep minimalis, pilihan yang tepat adalah dengan memasang feedburner untuk subscriber.

Untuk lebih menarik, saya memasang feedburner di bahagian bawah setiap single post. Mula² saya letak pada single.php tetapi tak cantik. Bantuan sifu diperlukan untuk mengedit code ini di functions.php. Terimakasih.

Sesiapa yang berminat untuk mendapatkan entri terkini blog ini, aktifkan email anda di bahagian bawah post ini.

Kalau nak pasang feedburner, boleh ikuti tutorial :

2. Cadangan teknikal dari ariffshah

Selaraskan warna background dan banner
Edit css.style untuk space antara text dengan gravatar
Letak social button di single post bukan pada front page untuk melancarkan loading page.

Terimakasih Ariff. Untung dapat review teknikal percuma dari Ariff yang mungkin selama ini kita terlepas pandang dan boleh tingkatkan keadaannya.

3. Pasang chatbox – 95% cadangan meminta saya memasang chatbox . Zaman saya berblogging 4-5 tahun dulu memang saya pasang chatbox. Saya ada akaun berbayar. Ada beberapa sebab kenapa saya tidak lagi memasang chatbox di blog:

Saya tak ada banyak masa untuk pantau. Ramai pengunjung blog ini adalah dari search engine dan kerap kali meninggalkan ‘sesuatu’ yang tidak bertanggungjawap.
Sistem komen di blog ini sangat ringkas, mudah dan ringan untuk sesiapa pun meninggalkan jejak.
Semakin ramai pengunjung blog menggunakan smartphone. Hati² kerana contents entri mungkin terselindung seperti ini

Nota : Ramai yang menyertai GA ini tanpa menggunakan blog utama. Saya tidak faham kenapa mereka tidak mengambil peluang ini untuk mendapatkan backlink dari saya . GA bukan semata2 hadiah yang ditawarkan, blogger perlu melihat ‘hadiah’ secara teknikal untuk blog mereka.

Cara Selesaikan Masalah cURL Error CommentLuv

Kujie — Sun, 28 Aug 2011 12:32:54 +0000

Dua minggu saya mengalami masalah dengan plugin CommentLuv. Masalah ini tiba² muncul selepas diupgrade plugin.

Bila saya aktifkan plugin , saya mendapat message feed not found atau cURL error apabila meninggalkan komen di blog orang lain. Bila saya deactivatekan plugin, masalah selesai.

Sebab itulah dua tiga hari lepas, plugin ini sekejap ada sekejap tak ada. Saya sedang mencari punca masalah.

Saya hantar tiket kepada CommentLuv Support dan beberapa jam kemudian telah dibalas oleh Andy Bailey .

going to your commentluv settings page and open up the technical settings and tick the box for ‘disable detection’

Saya ikut steps yang diterangkan, masalah selesai.

Moga dapat membantu.

Dibogelkan Oleh Wp-Includes

Kujie — Mon, 25 Jul 2011 10:19:16 +0000

Sebenarnya saya kurang rajin menulis bab ini kerana beberapa teman² telah pun mengulas mengenainya beberapa hari lalu apabila masalah ini mula dikesan. Tetapi memandangkan komuniti rakan blogger saya tidak berada di dalam satu ‘circle’ dengan mereka, saya rasa ingin berkongsi info ini untuk kebaikan bersama.

Tambahan lagi bila saya meninjau beberapa blog rakan² lain yang masih ternampak kebocoran tahap keselamatan pada sub-direktory WordPress mereka dimana Wp-Includes tidak mempunyai file index.php. Fail index.php berfungsi untuk menyembunyikan fail-fail lain dalam sesuatu direktori.

Menurut pemilik blog komputer bawah tanah , untuk melihat structure wp-includes anda, saya hanya perlu http://www.kujie2.com/wp-includes. Maka terbogellah segala isi perut dalam Wp-Includes anda.

contoh beberapa blog teman² yang boleh dibogelkan! hahahaha…

Hasil dari perbincangan tengah malam, rakan² blogger saya seperti @Eizil @MrKayMy , mereka mencadangkan satu langkah memasang fail index.php dalam /wp-includes/ untuk menghalang directory listing.

Affanrusalan dalam entri perkongsiannya memberi tips untuk menghalang masalah ini.

Bukak satu notepad kosong, save as index.php dan upload ke dalam hosting. Chmod: 644
Salin dan tampal kot dibawah ,namakankan fail.htaccess dan patch-kan file ke dalam root wordpress.

# Block the include-only files.
RewriteEngine On
RewriteBase /
RewriteRule ^wp-admin/includes/ – [F,L]
RewriteRule !^wp-includes/ – [S=3]
RewriteRule ^wp-includes/[^/]+\.php$ – [F,L]
RewriteRule ^wp-includes/js/tinymce/langs/.+\.php – [F,L]
RewriteRule ^wp-includes/theme-compat/ – [F,L]
# BEGIN WordPress

Sekiranya anda mempunyai masalah , silalah rujuk kepada mereka untuk bertanya. Jangan risau mereka tak garang macam saya..hihi

Saya tak pandai nak terangkan, cuma berkongsi dengan kawan² lain. Blog saya pun orang lain yang tolong betulkan. Kalau nak tengok wp-includes saya, klik sini

Cara Edit Gambar Dalam Post

Kujie — Wed, 29 Jun 2011 23:43:08 +0000

Walaupun masa upload saya dah klik “large”, tapi gambar saya tidak sebesar text area dalam entri. Tak maximum. Kat mana nak adjust, Kak?

Sebelum kita teruskan, saya nak bagitahu…semua tutor ini menggunakan blogger in draft. Saya sentiasa jadikan Blogger In Draft sebagai default kerana banyak function terbaru ( beta) dilancarkan di sini sebelum dilepaskan untuk pengguna lain.

Dah insert gambar, klik kat image tersebut. Keluar berbagai² function . Boleh add caption. Boleh kecilkan besarkan mengikut saiz yang dikehendaki.

Boleh edit gambar juga.

Bila klik edit image, dia akan buka satu pop up picnic.com untuk make up gambar ikut suka hati.

Moga dapat membantu Azie.

Kalau ada idea lain, bolehlah berkongsi dengan saya dan rakan² sebaya.

Ini post yang ke 1801 selepas berpuluh² yang lain telah dibuang

Cara Pasang Favicon Blog

Kujie — Tue, 28 Jun 2011 00:08:36 +0000

salam kak jie..nak tanya gimana nak letak gambar depan url kak jie tu…

Kalau blog kujie2.com, theme ini dah ada custom option, saya upload saja.

Memandangkan yang bertanya menggunakan blogspot, saya tunjukkan cara memasang favicon di blog blogspot.

Favicon adalah image/avatar kecil yang terdapat ditepi url blog dekat tingkap browser/ tab.

Dashboard > Design > bawah Page Elements . Klik Edit , browser image yang kita nak dan Save.

Dah siap! Kalau view blog masih tak muncul avatar comel korang tu, jangan risau. Bagilah dia masa untuk muncul.

Dah faham? Pergi balik buat kat blog masing².

Kalau nak avatar comel muncul setiap kali menulis komen di sini – baca tutor di sini – Gravatar

Nota:

Sebelum mengikuti tutor ini, login blog melalui http://draft.blogger.com dan tick Make Blogger in Draft my default dashboard kerana kebanyakkan function baru yang dilancarkan akan dihebahkan melalui blogger in draft.

gunakan dua blog berbeza untuk demo!

Cara Lebarkan Sidebar Blog

Kujie — Sun, 26 Jun 2011 01:32:38 +0000

Tiap hari bila saya check keyword stats, ternampak ramai yang cari cara untuk melebarkan sidebar. Tutor yang pernah saya buat tahun 2008 (link) dulu sudah ketinggalan zaman.

Blog era terkini mudah dan tak perlu untuk faham Header, Outer dan Footer. Tak perlu usik css – Outer-Wrapper , main-wrapper atau pun sidebar-wrapper.

Mungkin ada blogger baru yang mencari maklumat untuk membina blog. Hari ini saya bagi tutor ringkas dan mudah – cara lebarkan sidebar blog.

Dashboard > Design > Template Designer > Adjust Widths > scrol je nilai pixel yang dikehendaki mengikut kesesuaian blog.

Siap! Mudahkan.

Kat Blogger Template Designer ada macam² fungsi lain. Jangan terlalu takut untuk mencuba dan belajar memahami blog sendiri.

Kalau ada masalah, klik sini Tanya Kujie

aippp…yg senior², jangan gelakkan orang. saya pernah dpt email dan tolong warga emas umur 55 tahun buat blog
dan biasanya mereka cari ‘rakan sebaya’ utk minta tolong..hehehe