Malaysia Blogger Tips

Tutorial Khas Pelanggan

2011-07-07T13:54:00.002+08:00

Salam sejahtera, pada kali ini saya ingin menunujukkan tutorial khas buat pelanggan saya yang membuat blog dengan saya menggunakan blogspot.

Klik pada gambar untuk membesarkan imej.

Ok, mula sekali saya akan tunjukkan secara asas sign in seterusnya menulis dan meletakkan gambar.

Jalankan internet dan taip di address bar URL berikut "www.blogger.com" seperti imej di atas

Isikan e-mel anda dan password seperti gambar di atas.

Klik 'NEW POST' untuk mula menulis.

Imej 4

Anda boleh terus menulis ayat seperti yang ditunjukkan no.1. Fungsinya adalah sama sahaja seperti Microsoft Word.

Sekiranya anda ingin memasukkan imej, anda boleh memasukkan gambar atau imej dengan klik pada tanda no.2 iaitu "Insert image" seperti yang telah dibulatkan. Sebelum itu caranya adalah meletakkan cursor pada tempat yang kita mahu gambar itu diletakkan barulah klik ikon "Insert image" tersebut. Lihat kedudukan cursor dalam gambar di bawah.

Berikut di bawah adalah imej box yang terpapar selepas anda klik "Insert image". Kemudian, klik "Choose files" seperti di bawah.

Pilih imej yang anda kehendaki dari file simpanan imej dalam komputer anda.

Selesai, klik "Add selected" seperti imej di atas. Dan imej yang anda pilih akan berada pada kedudukan yang anda pilih tadi. Gambarannya adalah seperti imej dibawah. Jika anda mahu mengubah kedudukan imej, klik pada imej dan akan terpapar seperti imej di bawah.

Pada Imej 4 di atas, sebagai pilihan, (jika mahu tulis atau tak, terpulang kepada anda) pada anak panah no.3 anda boleh tulis pada "Labels". Untuk tutorial saya ini saya telah tulis "Tutorial" sesuai dengan entri blog yang saya tuliskan. Anda akan boleh lihat label yang telah saya tulis berada di bawah setiap entri.

Masih lagi pada Imej 4 di atas. Apabila telah selesai menulis atau meletakkan imej dan berpuas hati, anda boleh klik "PREVIEW" dahulu atau terus klik "PUBLISH POST" pada anak panah no.4. Biasanya pihak blogspot secara automatiknya telah save kan beberapa saat apabila anda telah selesai menulis setiap satu patah perkataan untuk suatu entri.

Ok, dah selesai. Lihat imej di atas ia adalah dari hasil tutorial asas yang telah kita buat ini telah sedia di lihat oleh orang ramai yang berkunjung ke blog kita.

Jika anda ingin membuat pelarasan atau setting:
Pada bahagian "Dashboard" kita, klik "Setting". Ia ditunjukkan seperti imej di bawah.

Anda boleh setting apa yang anda perlukan di sini. Atau boleh ubah semula apa yang telah dibuat untuk anda.

Di bawah ini adalah imej yang menunjukkan bahagian "Formatting". Anda boleh klik untuk membetulkan atau laraskan ikut keperluan anda.

Anda juga boleh mengubah susun atur paparan hadapan blog anda di bahagian "Design" seperti di bawah. Klik "Design".

Di bahagian design, anda boleh ubah kedudukan susun atur widget jika anda perlu. Ia ditunjukkan seperti imej di bawah.

Ok setakat ini sahaja dahulu. Saya telah paparkan tutorial asas yang paling biasa dilakukan oleh para blogger blogspot. Jika terdapat sebarang kemusykilan sila beritahu saya atau bertanya melalui ruang komen. Terima kasih kerana mendapatkan produk dan perkhidmatan saya. Semoga blog anda akan kelihatan lebih sempurna.

Sekarang mudah untuk edit gambar!

2011-06-23T18:37:00.000+08:00

Dahulu, jika kita ingin membuat editing pada gambar kita untuk dimasukkan ke dalam entri blog, kita perlu membuatnya di perisian khas pada komputer kita untuk edit gambar atau mendapatkan laman web tertentu bagi membantu mengedit gambar. Banyak perkara yang kita perlu belajar dan bagi sesetengah perkara kita perlu mahirkan untuk menghasilkan yang terbaik buat gambar kita.

Kini tak lagi kerana ia semakin mudah dengan blogspot!

Kerana apa? Kerana kini pihak blogger.com telah pun menyediakan kemudahan untuk mengedit menggunakan perisian PICNIC. Ok bagaimana mahu gunakan. Ya betul, kadang-kadang kita tidak perasan dengan kemudahan ini. Jadi tugas saya untuk memberitahu mana-mana yang kita terlepas pandang.

Klik pada gambar (selepas kita upload) kemudian klik "Edit Image". Ok, anda sudah boleh mengedit gambar anda dengan cara yang anda suka.. Ia mudah sahaja dan klik "Save" apabila sudah berpuashati. Untuk kesan lebih banyak perlu upgrade. Dah.. Itu sahaja!

*Bila mahu upgrade, biasalah.. Kenalah bayar.. :)

Baca lagi..

2011-06-16T16:12:00.001+08:00

Di atas adalah contoh "Read more" Tetapi saya telah ubah kepada "Jom Baca Lagi.." yang saya buat sendiri untuk blog ini. Read more adalah default atau teks lalai apabila kita menggunakan blogger. Dahulu saya terpaksa mengubah suai skrip html untuk menghasilkannya. Kini tak lagi.. ia amat mudah. Itulah ciri-ciri kemudahan yang disediakan pihak blogger cuma mahukan kita perasan atau tidak sahaja bagi mengetahui dan menggunakannya.

Oh, ya terlupa saya nak terangkan kenapa saya gunakan Read more ni. Apabila kita telah banyak entri yang telah kita paparkan di blog adalah tidak begitu elok kalau kita membiarkan entri kita itu berada pada paparan satu muka penuh. Tetapi harus dilihat juga kepada setting yang kita telah setkan pada ruangan Settings adakah kita membenarkan 1 atau 3 atau 5 atau lebih? Jika lebih dari lima entri pada satu ruang paparan blog utama, ia akan membuatkan pembaca akan skrol lebih jauh untuk melihat paparan blog terakhir. Pada saya ia lebih cantik jika ia seimbang dengan sidebar wijet yang tersedia disebelah dan akan lebih cepat untuk loading paparan blog kita.

Ok, caranya adalah seperti berikut.. Apabila anda telah selesai menaip entri blog atau semasa anda menaip, anda boleh rancang dan meletakkan terlebih dahulu cursor anda pada bahagian yang anda mahu ia dipisahkan seperti pada paparan imej di atas. Klik ikon Insert Jump Break juga seperti yang saya tunjukkan pada paparan imej tersebut dan siap. Ok itu sahaja!

Tetapi jika anda mahu Read more atau Baca lagi itu diubah kepada teks anda sendiri, anda boleh klik Design --> Blog Post klik Edit...

Kemudian, anda taip sahaja teks yang anda mahukan seperti ditunjukkan pada paparan imej dibawah ini. Jangan lupa klik Save.

Ok selesai. Sekarang, cuba lihat perubahan yang telah anda lakukan pada blog anda... :) Jumpa lagi...

Adioss..!

Hilangkan atau munculkan Navbar

2011-06-14T15:57:00.003+08:00

Apa itu Navbar? Seperti yang telah diperlihatkan di atas, itulah yang dikatakan Navbar, singkatan bagi Navigation Bar. Bagi kita yang menggunkan blogspot, pasti akan ada navbar ni. Ia berada di atas blog skrin komputer kita. Tujuannya adalah untuk memudahkan kedua belah pihak samada pihak blogger.com atau pihak pengguna blog. Masing-masing ada keperluannya. Jika dilihat dari segi kelebihannya pula terdapat kelebihan kepada pihak blogger.com dan juga kepada penggunanya.

Terdapat perbezaan pendapat berkenaan boleh ke kita padamkan navbar ni? Ada yang kata boleh.. "Ha.. tu, dah takde..!" - Ni tak paham soalan nih! Maksudnya bolehkah dari segi terma dan syarat penggunaan blog dari blogger.com? Kita mengatakan boleh sebab dah bertahun-tahun guna tanpa navbar, tiada pun pihak blogger memadam blog kita..! Ada pula yang berkata tidak boleh dan mengatakan bahawa pihak blogger.com boleh atau akan padam akaun blog kita.

Jika saya adalah pengasas kepada blogger.com pasti saya juga tidak mahu atau tidak suka pengguna blogspot memadam navbar yang telah saya sediakan. Tapi saya pasti berfikir semula, jika saya memadam akaun blog pengguna, sudah pasti wang masyuk juga berkurangan, ditambah pula sekarang persaingan semakin sengit terutama dari laman sosial seperti Facebook.

Bagi kita, navbar tu tak cantik, ada pula kata tidak akan nampak pro, ada pula kata blog akan nampak lebih kemas dan pelbagai pendapat lagi. Ok baik, kalau macam tu saya tunjukkan bagaimana kita boleh menghilangkan navbar tu. Ada beberapa cara. Saya tunjukkan satu cara yang saya telah gunakan.

Klik Design --> Edit HTML --> Expand Widget Template (tandakan)

Untuk memudahkan anda mencari dan mendapatkan skrip atau kod, tekan tombol keyboard Ctrl+F. Cari skrip ini --> /* Variable definitions

Lihat imej dibawah : (Klik pada imej untuk membesarkan imej)

Kemudian masukkan kod ini :

#navbar-iframe {display: none !important;}

Anda akan dapat melihat perbezaan seperti contoh imej di bawah ini.

Apabila telah selesai klik --> SAVE TEMPLATE

Ok, semudah itu! :)

Dan jika ada yang mahukan navbar tu balik hanya buang skrip itu semula. Melainkan mungkin jika anda telah membuat beberapa perubahan pada skrip xml, maka ia tidak dapat dilakukan dengan cara ini. Ia perlu kepada langkah-langkah yang lain.

Semoga ia membantu.. :)

Expand Widget Template

2011-06-14T13:17:00.105+08:00

Jika kita hendak membuat modifikasi pada blog templat kita, kebanyakkannya kita perlu tandakan pada checkbox "Expand Widget Templates". Terdapat beberapa tujuan, kita tidak perlu menandakannya. Tidak banyak blog tutorial yang mengeluarkan jawapan ini. Tetapi itu adalah asas yang perlu kita tahu.

Kadang-kadang skrip asas yang perlu di cari untuk membuat modifikasi tidak ada atau tidak dijumpai walau kita telah menekan tombol Ctrl+F bagi memudahkan carian. Ini mungkin disebabkan kita tidak klik "Expand Widget Templates". Bagi blogger yang tiada asas pengetahuan dalam skrip html dan kaum kerabatnya seperti CSS, Javascript, xhtml, xml dan lain-lain tetapi ingin membuatnya sendiri dan mendapatkan skrip tertentu dari blog tutorial seperti blog ini kadang-kadang menghadapi masalah kerana tidak berjumpa skrip yang diberikan dalam xml blog mereka.

Jika telah menandakannya dan tidak berjumpa juga ini bermakna kita memang tidak boleh mendapatkan skrip tersebut dan perlu mendapat skrip yang lain kerana kod XML untuk setiap blog tidak semuanya boleh diperolehi sama asasnya. Jadi teknik lain perlu dibuat atau dicari agar apa yang kita mahu untuk blog kita itu tercapai.

Cuba lihat perbezaan antara kedua paparan yang saya berikan di atas dan di bawah sebelum dan selepas kita menandakan "Expand Widget Templates". Di atas adalah gambaran skrip sebelum di tanda "Expand Widget Templates".

Ini pula adalah paparan selepas ditanda "Expand Widget Templates". Ini menunjukkan skrip tersebut telah dikembangkan lagi untuk menampilkan skrip sebenar yang kita dapat cari. Dapat lihat tak perbezaannya? Sila klik pada imej untuk lebih jelas. Mencari perbezaan adalah langkah pertama untuk mendapatkan pengetahuan asas skrip HTML dan mengetahui perbezaan kaum kerabatnya. :)

Blogger Terkini, +1 dan Favicon

2011-06-09T15:04:00.002+08:00

Melihat kepada paparan video dibawah, membuatkan para blogger yang menggunakan blogger blog akan merasa lebih seronok lagi untuk menulis. Paparan terkini yang lebih kemas dan cantik adalah tujuan untuk menambahkan lebih pengguna blog dengan menggunakan self host blog ini.

Saya adalah pengguna draft blogger iaitu pemapar dashboard blogger versi beta. Ia membawa maksud setiap percubaan blogger.com akan di uji cuba di sini dahulu. Sekiranya anda ingin bertukar ke versi ini untuk log masuk blogger.com, anda boleh klik link ini http://draft.blogger.com

Apa yang saya sedari sejak beberapa hari yang lalu apabila saya log masuk untuk menulis entri terbaharu, saya telah melihat perubahan yang dilakukan pihak blogger.com seperti tombol +1 dan Favicon. Anda boleh lihat video yang saya sediakan dibawah.

Tombol +1 - Ini adalah cara terbaru untuk menaikkan tahap blog kita di Google Search Engine. Secara ringkasnya ia dikira berdasarkan berapa ramai pengunjung yang klik tombol/ikon +1 tersebut.

Favicon - Sebelum² ini banyak kerja manual yang terpaksa saya buat untuk menambah baikkan laman web agar lebih peribadi. Salah satunya adalah dengan menggunakan favicon. Kini ia lebih mudah dengan hanya memuat naik imej atau gambar dari komputer kita untuk dijadikan favicon. Saiz imej yang hendak di gunakan sebagai favicon adalah bersaiz 16 x 16px. Ia adalah saiz sebenar untuk favicon.ico.

Anda boleh juga membuat favicon ini di link ini : http://www.icoconverter.com Kebiasaannya saya buat atau laraskan imej/gambar saya tersebut menggunakan perisian grafik seperti photoshop, GIMP dan lain². Namun dengan adanya kemudahan dari blogger.com semuanya itu tidak perlu dilaraskan. Ia akan dibuat secara auto melalui blogger.com. Berikut dibawah ini adalah paparan imej kemudahan menggunakan favicon yang disediakan blogger.com

Paparan imej di atas adalah contoh favicon. Favicon juga akan berada di URL address bar.

Contoh kemudahan terkini dari blogger blog(blogspot) di atas. Selepas log masuk dan klik "Design" di dashboard, anda akan melihat Favicon tersebut. Hanya klik "Edit" dan anda sudah boleh mula memuat naik imej yang anda perlukan untuk dijadikan favicon.

Anda juga boleh buang favicon dan boleh menggantikan dengan imej yang lain dengan mudah.

Paparan imej blogger blog yang telah ditukar kepada imej favicon sendiri.

Ok sampai di sini sahaja dahulu. Bersambung untuk tutorial dan tips di lain masa. Semoga anda juga berasa gembira dengan perubahan yang dilakukan blogger blog...

Buat Blog

2011-06-08T18:52:00.005+08:00

Assalamualaikum dan salam sejahtera!

Selamat datang ke entri saya yang pertama. Seperti biasalah, tak sah kalau entri membina blog menggunakan self host yang percuma seperti blogger blog atau blogspot ini tidak diterangkan berkenaan bagaimana membina blog. Ok, tanpa membuang masa, yang pertama sekali anda mesti ada akaun e-mel dari google. Daftar dahulu akaun e-mel anda di sini https://mail.google.com

Oh ya, saya pasti sebelum anda ingin membuat blog, anda sudah rancang terlebih dahulu niche atau tajuk dan konsep blog yang anda perlukan. Ia semestinya termasuk tema warna, bentuk blog dan lain-lain. Tidak mengapa yang penting anda tahu apa yang anda mahu sebelum berblogging. Perkara yang lain sebagai tambahan boleh dilakukan kemudian.

Langkah ke-2...

Selepas mempunyai akaun e-mel dari google, layari http://blogger.com. Klik "CREATE YOUR BLOG NOW" (atau dalam versi lain "Get Started"). Hanya ada 3 langkah sahaja. Ikuti langkah seterusnya di bawah.

Kemudian anda akan dibawa ke ruangan seterusnya di sini "Create a Google Account". Di ruangan ini, isikan maklumat yang diperlukan dan klik "Continue".

Ikuti langkah seterusnya di ruangan "NAME BLOG" dan langkah yang terakhir adalah memilih templat yang anda suka di ruangan "CHOOSE TEMPLATE".

Klik "DESIGN" kemudian klik "TEMPLATE DESIGNER". Anda akan di bawa ke satu ruangan yang anda boleh peribadikan sendiri blog yang anda perlukan seperti memilih templat, latar belakang, paparan, kelebaran blog dan lain-lain lagi.

Jika sudah puashati dengan pilihan anda, klik "APPLY TO BLOG" seperti imej di bawah ini.

Sudah siap! Sebenarnya sebelum anda membuat konfigurasi blog anda, anda sudah pun boleh menulis blog post anda yang pertama selepas anda mengaktifkan akaun ini. Tetapi adalah lebih baik mengindahkan dahulu blog sebelum menulis.. Walau bagaimanapun, tahniah kerana anda berada pada blog asas yang bagus!

Jika anda berada di ruangan seperti imej yang di atas, klik "Back to Blogger", Klik "Posting" dan klik "New Post." Imej di bawah adalah bahagian posting versi terkini.

Anda boleh tentukan pilihan selanjutnya atau mengkonfigurasikan akaun blog anda dengan klik "Setting" atau jika anda mahu menukar bahasa ada di bahagian "Dashboard". Apabila anda telah memasuki ruangan ini, ruangan bahagian dashboard atau papan pemuka adalah berada di atas.

Selamat berblogging!