Thursday, March 10, 2011

Memasukkan Hyper Link Pada Gambar

Apabila upload gambar menggunakan kaedah yang telah tersedia oleh blogger.com, secara default gambar tersebut akan dibuka pada page yang sama.

Ada ketikanya ianya bagus apabila merujuk kepada blog yang sama, tetapi kurang bagus apabila seorang blogger hendak merujuk kepada tempat lain. ini kerana apabila buka pada page yang sama, pengunjung terpaksa menekan button back untuk kembali kepada blog asal.

Tutorial ini akan menerangkan bagaimana untuk menjadikan gambar yang mempunyai link akan dibuka pada tab yang baru apabila diklik.

Perhatikan kedua-dua gambar ini, sila klik pada keduanya.


1)Gambar 1


Buka Link Baru Apabila Klik Pada Gambar


2)Gambar 2


Buka Link Baru Apabila Klik Pada Gambar


Gambar pertama tidak memberi kesan apa², tetapi gambar kedua membawa anda ke yahoo.com .(memang sengaja di'link'kan kepada yahoo).

Jangan terkejut jika tutorial ini sangat mudah.:)


Sebagai contoh, untuk kod gambar kedua adalah seperti ini




  • Untuk gambar kedua, link akan dibuka pada tab baru. Jika anda ingin link dibuka pada page yang sama, buang target="_blank"



  • Kaedah lain untuk buka link dalam page yang sama boleh guna terus aplikasi upload gambar dan letak link yang ada masa buat new post.:)

Website Untuk Download Template Blog

Sebelum menukar template sesebuah blog, perkara yang diperlukan adalah template yang hendak ditukar. Seseorang pemilik blog mesti mengetahu template bagaimana yang hendak digunakan untuk blognya.

Jika anda seorang pemilik blog dan masih belum lagi mempunyai template yang hendak digunakan, anda boleh mendapatkan pelbagai jenis template secara percuma dan pelbagai jenis yang dirasakan sesuai untuk blog anda.



Website untuk download template blog


Template sesebuah blog adalah dalam format .xml (oleh itu pastikan jika anda download file dalam bentuk zip/rar, anda extract dahulu file tersebut.)


Website untuk download template blog


Berikut adalah antara laman web yang menyediakan pelbagai jenis template untuk blogger secara percuma.

http://btemplates.com/

Website untuk download template blog

http://www.ourblogtemplates.com/

Website untuk download template blog

http://www.deluxetemplates.net/

Website untuk download template blog

http://blogtemplate4u.com/

Website untuk download template blog

http://www.bloggertemplatesfree.com/

Website untuk download template blog

http://www.btheme.info/

Website untuk download template blog

http://www.blogspottemplate.com/

Website untuk download template blog


http://www.freebloggertemplate.org/

Website untuk download template blog


http://www.bloggertemplateplace.com/

Website untuk download template blog


Anda juga boleh mendapatkan pelbagai lagi template untuk blog dengan hanya menggunakan fungsi search pada google.

Tips: Anda tidak perlu risau jika anda gunakan banyak masa untuk memilih template yang sesuai untuk anda. Kerana itu adalah perkara biasa. Pastikan template yang anda pilih betul-betul memenuhi citarasa anda.:)

Backup Template Blog

Template bagi sesebuah blog boleh diibaratkan sebagai tulang belakang blog kerana template yang menyimpan semua maklumat berkaitan rupa bentuk blog anda, fungsi blog dan juga kebanyakan trick untuk sesebuah blog akan dilakukan di template (edit html).



Tutorial Backup Template Blog

Anda letak background ke, ubah colour ke, letak fungsi 'read more' atau pape, kebanyakkannya adalah di template.
Oleh itu adalah perlu untuk seseorang blogger akan backup dahulu template blog sebelum melakukan sebarang pengubahsuaian ataupun sebelum menukar template baru.
Tujuan backup template adalah untuk backup jika sebarang perubahan kod yang diaplikasikan tidak menjadi.

Tutorial untuk backup template bagi blog adalah seperti berikut.


1)Login seperti biasa. Kemudian dari dashboard klik layout



Tutorial Backup Template Blog


2) Dari layout, klik edit html dan dibawah sedikit anda akan jumpa 'download full template'




Tutorial Backup Template Blog


3)Keluar paparan, klik save..Siap.:)




Tips: anda boleh rename template yang anda download dengan tarikh anda download. seperti 29julai2009.xml. Ini untuk memudahkan anda kenalpasti tarikh anda buat backup untuk template blog anda.:)




Tutorial Backup Template Blog

Setting Asas Untuk Blog

Bagi sesebuah blog, setting merupakan antara perkara penting untuk menentukan bagaimana paparan, dan perlakuan-perlakuan lain yang berkaitan dengan blog.

Antara perkara yang berkaitan dengan setting bagi sesebuah blog adalah tajuk blog, berapa bilangan entri, siapa yang boleh komen, dan lain² yang akan diterangkan di bawah.

Paparan untuk setting bagi sesebuah blog adalah seperti berikut.


Setting Asas Yang Perlu Diketahui Oleh Blogger


Untuk entri ini, setting merangkumi basic, formatting dan publishing. Ini kerana 3 perkara ini boleh dianggap bahagian setting yang paling utama bagi sesebuah blog. Beberapa setting asas yang perlu diketahui oleh seorang blogger adalah seperti berikut.

BASIC:



Title : Title akan ditunjukkan pada bahagian atas browser apabila sesebuah blog dibuka.


Setting Asas Yang Perlu Diketahui Oleh Blogger

Description : Berkaitan dengan apa kandungan sesebuah blog. Boleh dimasukkan sehingga 500 huruf. Contoh tutorial blog, tutorial blog dalam bahasa melayu, tutorial untuk semua dan lain² yang berkaitan. Kalau blog peribadi hampir boleh diabaikan ataupun letak sahaja seperti perjalanan hidupku, inilah kisah aku dan lain².


FORMATTING


Setting Asas Yang Perlu Diketahui Oleh Blogger

Show : bilangan entri untuk paparan muka depan. jangan terlalu banyak. Biasanya antara 5 hingga 10 untuk mempercepatkan loading keseluruhan blog.

Date header format : Kurang penting, boleh pilih mana yang dirasakan sesuai.

Archive index date format : Format yang akan ditunjukkan untuk apa yang ditaip dalam sesebuah blog dalam jangka sebulan

Timestamp format : Kurang penting, boleh pilih mana yang dirasakan sesuai.

Time zone : Penting untuk pastikan kedudukan untuk masa adalah betul. Jika yang berada dalam negara Malaysia, sila pilih (GMT +8.00) Kuala Lumpur. Jika berada ditempat lain boleh pilih yang yang sepatutnya.

Language : English (Boleh juga pilih malay, tetapi dicadangkan english untuk memudahkan memandangkan kebanyakan sudah biasa dengan perkataan² english dalam dunia blogging)


COMMENTS


Setting Asas Yang Perlu Diketahui Oleh Blogger

Comments : Show - Jika ada pengunjung yang menghantar komen, komen akan dipaparkan dibawah entri.

Who can comments : Bahagian ini bergantung kepada pemilik blog. Kalau pilih anyone, sesiapa sahaja boleh komen. Kalau pilih registered user, hanya orang yang mempunyai blog/id lain yang boleh komen.

Comment form placement : Kedudukan ruangan komen untuk sesebuah entri. Kebiasaan blogger akan pilih samada pop-up window atau embedded below post. Walau bagaimanapun, tidak semua template boleh gunakan embeded below post.



Setting Asas Yang Perlu Diketahui Oleh Blogger

Comment moderation : Bergantung kepada pemilik blog. Jika mahu komen pengunjung terus dipaparkan,pilih never. Tetapi jika mahu komen dari pengunjung 'ditapis' dahulu oleh pemilik blog, pilih always.

Show word verification for comment : Pilih No. Kerana kehadiran word verificationbiasanya akan menyusahan pengunjung. Kecuali untuk kes² tertentu jika terlalu banyak spam (di Malaysia perkara ni jarang berlaku)

----------------------------

Setting untuk sesebuah blog boleh diubah bila-bila masa mengikut kehendak pemilik blog.
Walau bagaimanapun,adalah penting untuk cuba kekalkan setting yang dibuat untuk menyenangkan pemilik blog dan juga pengunjung.

Meletakkan Kod HTML dalam gadget blog

Apabila memasuki dunia blogging, antara perkara yang tidak dapat dielakkan adalah untuk menghias blog sendiri. Terdapat beberapa cara untuk menghias blog samada menukar template, memasang widget yang telah disediakan oleh blogger.com ataupun meletakkan sumber² lain dari luar yang biasanya melibatkan kod html/javascript.
Selain untuk menghias blog, kod html/javascript juga mempunyai fungsi² lain bergantung kepada tujuan apa kod itu dihasilkan.




Bagaimana Letak Kod HTML pada blog


Penambahan yang ingin dilakukan biasanya akan melalui perkara yang sama iaitu kod yang diperolehi perlu di 'paste'kan di ruangan html/javascrip.

Tutorial ini akan menunjukkan bagaimana hendak meletakkan kod html/javascript bagi sesebuah blog.


1) Login ke dalam blog anda seperti biasa. Kemudian dari 'dashboard', klik 'layout'
UPDATE: untuk template terbaru, klik pada DESIGN



Bagaimana Letak Kod HTML pada blog


2)Setelah anda klik 'layout', dia akan auto masuk bahagian 'page element'. Kemudian pada 'page element' anda itu, klik pada 'add a gadget'



Bagaimana Letak Kod HTML pada blog



3)Selepas itu anda akan lihat banyak senarai yang ada, cari "HTML/javascript", kemudian klik pada "+"




Bagaimana Letak Kod HTML pada blog


4)Satu paparan kosong akan dibuka, kemudian paste code yang anda mahu letak dalam blog ke dalam ruangan kosong. kemudian tekan "save"



Bagaimana Letak Kod HTML pada blog


5)Siap. Anda boleh lihat hasilnya dengan klik preview. Anda juga boleh mengubah kedudukan code itu dengan hanya drag pada mana² kawasan page element itu.Apabila anda sudah puas hati, klik 'save' untuk kekalkan kedudukan.:).


Bagaimana Letak Kod HTML pada blog

Wednesday, March 9, 2011

Meletakkan Video Dalam Posting

Selain gambar, video juga memainkan peranan yang penting untuk seseorang blogger untuk mempelbagaikan kandungan entri dalam blog.

Video boleh merangkumi samada aktiviti peribadi, video klik lagu kegemaran, video klip percutian, tutorial dan apa sahaja yang dilihat lebih memudahkan untuk disampaikan kepada pengunjung ataupun untuk tatapan pemilik blog sahaja.


Cara untuk letak video dalam blog


Untuk mengupload video menggunakan kaedah yang tersedia untuk blogger adalah seperti berikut.

1. Login ke dalam akaun blogger anda, kemudian klik pada new post.


cara letak video Dalam Blog

2. Pada paparan yang muncul, klik pada icon video seperti yang ditunjukkan.


Cara untuk letak video dalam blog


3. Langkah seterusnya, browse video yang hendak diupload, masukkan title dan juga tick pada ruangan seperti yang ditunjukkan. Kemudian klik pada upload video

Cara untuk letak video dalam blog


4. Untuk sesebuah video, masa diperlukan untuk memproses video tersebut sehingga dapat dipublishkan. Bergantung kepada saiz video.

Cara untuk letak video dalam blog


Anda boleh save dahulu hasil kerja anda dan kembali selepas beberapa ketika untuk pastikan samada video tersebut sudah boleh dimainkan atau tidak.

Contoh video yang diupload:




Memasukkan Gambar Dalam Posting

Meletakkan gambar dalam sesebuah entri dalam sesebuah blog dapat 'merancakkan' lagi kandungan sesebuah entri.

Kebiasaannya gambar yang diletakkan adalah berkaitan dengan entri yang ditaip.
dan adalah biasa pengunjung sesebuah blog suka membaca entri sesebuah blog yang juga mempunyai gambar walaupun sekeping.:)


cara letak gambar Dalam Blog

Tutorial untuk upload gambar dalam blog adalah seperti berikut.


1.Login seperti biasa, klik pada 'new post'

cara letak gambar Dalam Blog


2.Pada paparan, klik pada icon upload picture seperti yang ditunjukkan dibawah.
-Kedudukan berbeza bagi keadaan 'html' dan juga 'compose' tetapi simbolnya tetap sama.

cara letak gambar Dalam Blog

ATAU

cara letak gambar Dalam Blog


3.Klik 'browse'.

cara letak gambar Dalam Blog


4.Pilih gambar yang anda hendak letakkan dari komputer anda.

cara letak gambar Dalam Blog


4.1. Jika hendak letak lebih daripada satu gambar pada satu masa(maksimum 5), klik pada 'add more image'.

cara letak gambar Dalam Blog


5.Pilih kedudukan dan size yang anda mahu untuk gambar tersebut, kemudian klik 'upload'.

cara letak gambar Dalam Blog


6. Tunggu sehingga gambar siap diupload kemudian klik 'done'

cara letak gambar Dalam Blog



Nota: Jika anda hendak upload lebih daripada 5 gambar, cuma ulang semula langkah 1 hingga 5.