Cara Buat Borang Online:: Contact Form ::

contoh Contact Form

Kali ini saya hendak kongsi dengan anda semua ialah entry cara2 hendak membuat borang online 'contact form'. Dan entry ini adalah permintaan khas cik Iza dari Teratak Usang...

mesej dari Cik Iza dari Teratak Usang

Apa yang unik borang ini berbeza dengan borang yang lain kerana anda boleh reka borang anda mengikut citarasa anda. Jika anda ingin membuat borang tersebut, anda mesti membuatnya dilaman web EmailMeForm. Bagi yang berminat boleh ikut cara2 buat ini, yang kurang minat tu sila abaikan tidak ada paksaan untuk membuatnya. Just entry hanya perkongsian maklumat jer.... Sebelum anda mengikuti terus dilaman EmailMeform ... rasanya elok juga tengok rujukan dibawah ini...

Sebelum anda meneruskan matlamat anda... sila baca langkah2 untuk membuatnya senang sebagai rujukan.....

1. Sila login ke website EmailMeForm .... nanti kuar macam gambar rajah seperti dibawah ni.....

klik untuk besarkan

2. Bagi siapa yang baru nak belajar godek2 benda ni, mestilah klik Singup Now for Free... tu yang simbol warna kuning....

3. Bila dah klik simbol kuning , nanti keluar pula borang yang hendak diisikan tu... cuba tengok gambar bawah ni....

klik untuk besarkan

4. Anda mesti isi ruangan yang saya tandakan bulat merah tu wajib isi. Nak isi tu ikut kehendak admin ok. dah siap semua klik Sign Up... kalau dah tak ade apa problem.. satu info bagitau anda ... sila semak email anda.

5. Apa yang perlu anda buat ialah sila buat semakan di email anda ... kot2 dah masuk dah... kalau dah masuk kat email baca betul2... nanti pihak admin suruh klik satu arahan untuk buat pengaktifan permohonan anda. Kalau nak buat juga.. klik jer aktifkan..... senangkan.

6. Bila dah aktif akaun anda itu.... seterusnya anda bolehlah login ke EmailMeForm dengan menggunakan username dan password yang telah anda buat tu.... Bila dah login tu nanti keluar pula screen cam kat bawah ni........

klik untuk besarkan

7. Apa yang perlu anda lakukan klik Templates .... klik Customize contoh gambar atas tu...

8. Klik Add Field... tengok gambar dibawah ni... Anda perasan tak menu2 kat kotak yang berwarna biru tu.... Itu menu untuk anda buat tambahan... contoh jika anda hendak tambah web site klik aje kat menu web site... kalau anda hendak delete klik atas kotak mana2 yang sebelah kanan tu klik delete...

klik untuk besarkan

9. Jika anda ingin edit borang tersebut sila klik Form Setting.. tengok contoh gambar bawah ni..... Dan jika anda dah puas hati klik butang Save Form...

klik untuk besarkan

10. Bila dah siap save... anda pergi My Form klik Code.... ini adalah untuk anda mengambil kod html untuk di tampalkan kedalam blog anda.... lihat gambar dibawah...

klik untuk besarkan

11. Bila keluar screen seperti gambar di bawah ini, anda cepat2 copy kod HTML tu... kalau nak copy sila copy kod yang diberi dalam kotak yang tengah2 tu.... kod HTML ini anda akan paste kedalam blog anda nanti..

klik untuk besarkan

P/s:: untuk pengetahuan anda, kod HTML ini anda boleh tampal mana2 anda suka... contoh kalau ingin tampal dalam ruangan posting entry anda hanya paste dalam post entry. Dan jika ingin paparkan terus diluar ruangan entry anda boleh ikut step seterusnya,,,,,,,

12. Seterusnya anda mesti login ke blog anda, go to Design > Page Element > Add a Gadget > HTML JavaScript ....... Paste kod yang anda copy (tengok langkah 11) kedalam kotak JavaScript. save dahulu .. dan anda cuba preview tengok hasilnya, jika ok anda dah berjaya. Anda pilih sendiri lokasi nak letak dimana2.

p/s:: Untuk pengetahuan anda semua, entry ini adalah sangat simple yang saya buatkan untuk tatapan anda. jika hendak lebih maklum lagi anda harus godek2 sendiri dalam akaun anda di EmailMeForm...

Klik website EmailMeForm untuk daftar sebagai pengguna baru....

::selamat mencuba::

Cara insert gambar pada shoutmix box

Kali ini entry yang Wanzi hendak kongsi dengan semua ialah cara bagaimana hendak insert gambar pada shoutmix box.... Walaupun perkara ini mudah bagi bloger2 lama tapi masih ada lagi yang memerlukan tunjuk ajar... so Wanzi guna tenaga sepenuhnya untuk menyiapkan en3 yang boleh dikatakan ringkas tapi berisi.... Dan juga en3 ini adalah atas permintaan rakan setia realwanda iaitu Myna.... kiranya ade kekurangan pada tutor ini sila buat rujukan pada mana2 web bloger yang lain.......

Pertanyaan Myna tentang insert gambar pada shoutbox

ini contoh yang dah siap........

Langkah2 dan resepinya ialah ......

Langkah Pertama :

Mesti ke web http://www.shoutmix.com/main/

Ok bagi yang dah ada akaun shoutmix terus jer login. Yang belum ada akaun kena daftar terlebih dahulu...

klik untuk besarkan image

Langkah kedua :

Apablia keluar paparan seperti gambar dibawah ini cari Display > klik Smileys seperti kotak bertanda merah....

klik untuk besarkan image

Langkah ketiga :

Paparan Smileys di pamerkan.... Tengok kotak dibawah yang bertanda merah....so apa perlu buat ialah anda insert ler url link gambar yang anda copy dari mana2 dan paste ke dalam kotak Smileys image url... next tulis perkataan yang sesuai dalam kotak Code > Optional > klik butang Add. Dah siap klik butang save setting .

klik untuk besarkan image

p/s : kalau nak cari pelbagai gambar menarik cuba search dalam google atau mana2 web taip kata kunci Animation Gif...... pastu pilih ler mana web yang kuar nanti... Dan satu lagi untuk memudahkan anda ambil gambar2 tu... caranya pada gambar pilihan klik atas gambar > mouse klik belah kanan > klik copy image URL dan insert dalam kotak Smiley image url disediakan.....

Selamat mencuba......

Cara meletak icon di sebelah post

Tutorial kali ini ialah cara-cara hendak letak gambar icon di sebelah setiap tajuk entry. Contoh seperti yang ade kat setiap entry blog ini. Cara-cara hendak membuatnya ialah seperti berikut :>

Langkah 1: Log in blog > Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates..tekan CTRL+F pada keyboard dan copy paste code di bwah ini ke ruangan find

Langkah 2 : Cari kode seperti di bawah

Langkah 3 : Kemudian copy kode dibawah ini

kemudian paste kode yang copy tadi di tengah-tengah kode di bawah

contoh seperti ini :

Link Gambar"/>

Langkah 4
Kemudain Ganti/Tukar "LinkGambar" kepada link gambar yang korang nak letak
Save dan lihat hasilnya...

Selamat mencuba.......

Cara Membuat Scroll Box

Salam dan selamat berhujung minggu semua...

Sebelum saya meneruskan projek ini, terlebih dahulu saya ingin mengucapkan ribuan terima kasih banyak2 kepada WHITEMOMMY blog. Ini kerana segala tutorial yang ingin saya tuliskan ini adalah hasil sumbangan WHITEMOMMY.

Entry minggu ini saya hendak berkongsi dengan kalian semua ialah cara bagaimana hendak memasang Minster Linky's Widget atau apa2 yang sesuai kedalam scroll box. Bagi yang dah boleh buat kira ok ler... ini sebagai nota peringatan sahaja.....

Ini sekadar contoh sahaja

K kawan2 sila ikut step ini.....

1. Login ke Blogspot

2. Klik Layout > Edit HTML

*Peringatan: Klik Download Full Template (Untuk Back-Up template) ini penting!!!!

3. Tekan CTRL+F untuk memudahkan anda mencari kod. Masukkan kod

]]>< /b:skin> kedalam kotak Find dan tekan Enter.

4. Copy dan pastekan kod dibawah, sebelum atau di atas ]]>< /b:skin>

#HTML6 .widget-content { height: 300px; overflow: auto; }

* Warna pink adalah bahagian yang kritikal sikit =p dimana anda perlu dapatkan ID sidebar anda.......

** Bahagian yang saya higlightkan dengan warna purple, anda boleh letak berapa ketinggian sidebar yang anda inginkan........

Cara untuk dapat mendapatkan ID itu... anda perlu klik Design > Page > Element > Edit Sidebar yang anda ingin letak scroll bar:

Sila perhatikan gambarajah dibawah:

Cara-cara mendapatkan HTML : mesti dapatkan di blog sendiri

Langkah 1

Langkah 2

Langkah 3

**** bahagian yang dibulatkan warna merah itu adalah ID bagi sidebar anda..... anda harus Copy dan gantikan pada kod yang telah diwarna dengan warna pink diatas......

5. Preview dan jika tiada sebarang error anda boleh save ............

Cara Hendak Semak Statistik Bloger

Salam semua... Hari ni saya nak kongsi bagaimana cara2 nak semak trafik melalui blog kita sendiri. Teknik ni pun saya rasa masih baru lagi..... lagipun saya baru terbaca kat blog rakan2 kita juga..... so saya cubalah cara ni dan kira ok jugalah.....

Jadi bagi blogger2 yang mengunakan platform blogspot, bolehlah mula menyemak trafik di blog anda sendiri tanpa perlu susah2 pegi jenguk kat Nuff punya site ye. Cara ini hanya yang bina blog melalui bloger.com sahaja .....utk wordpress?? saya tak tau lagi.....err...

caranya sangat senang je..... pertama login masuk blog anda dulu....... nanti kuar ler cam ni.....

benda ni kena tengok kat Stats dalam template blog kita , anda mesti baca samapai habis dulu entry ni sebelum buat......

Bagi yg dah lame join blogpsot, make sure convert dulu dear, convert dari blogspot yg sedia ada tu kepada blogger in draf. okay, pegi sini Blogger In Draf . Sign in guna password & username korang yg sama yek

Langkahnya senang aje.....

Bagi yg dah lame join blogpsot, make sure convert dulu dear, convert dari blogspot yg sedia ada tu kepada blogger in draf. okay, pegi sini
No 1 > Klik "Reading List"
No 2 > Klik "Blogger In Draf"
No 3 > Klik "Blogger in Draft"
nanti kuar untuk login sekali lagi kau Sign in guna password & username korang yg sama yek


Ok seterusnya........ blia dah kuar cam ni...

Lepas tu, tick kan dalam kotak kecik kat atas tu "Make Blogger in Draft my default dashboard", yg aku dah bulatkan tu ye.. then boleh la mula ushar stats blog korang.. picit kat "Stats". nampak cam gambar kat bawah nih.....

Dah klik Stats tu tunggu ler kejap dia dowload dulu.... sabar ..... dah siap tu kuar ler cam ni..... lepas tu cuba ler klik yang mana dah saya tanda bulat merah tu.... nak tengok apa citernya....

Bermacam boleh kita tengok tentang trafik disini. Ok bolehlah sesapa yg nak cuba buat benda ni... kalau yang tak berapa minat tak ada masalah. Sebab yang dah ada kat Nuffnang pun dah boleh tengok... Selamat mencuba...

"Papehal pon, korang ushar sendiri la sampai lebam ye, sebab aku dah naek lemau tengok bendalah ni.hakhak

Tapi dari pengodekan aku, stats ngn date dlm gambar tu x tally ngn yg Nuff punya. so aku rase yg ni x berapa nak tepat sebab Nuff punya stats lagi tinggi.aci tak gitu? hehe"

Fungsi Menu Setting Dalam Blog

Kadangkala kita tidak mengetahui apakah fungsi-fungsi yang terdapat di template dalam bloger kita.... Oleh itu dalam ebtry kali ini saya ingin berkongsi sedikit penjelasan mengenai fungsi2 menu yang terdalam setting blog kita. Ini untk memudahkan kita untuk membuat pilihan semasa setting blog.

1. Menu Settings -> Basic

• Blog Tools: untuk restore (import blog), backup (export blog) dan hapus blog secara kekal (delete blog)
• Title: untuk memasukan judul blog. Judul ini akan muncul di header blog dan halaman search engine (serp)
• Description: untuk mengisi deskripsi blog. Deskripsi ini akan muncul di bagian header blog
• Add your blog to our listing: untuk mengatur apakah blog anda mau ditampilkan pada menu blogger seperti blogger play dan next blog atau tidak
• Let search engines find your blog: Untuk mengatur apakah blog anda mau di index di halaman mesin pencari Google dan Weblogs.com atau tidak
• Show quick editing on your blog: untuk menampilkan icon quick edit pada postingan yang berfungsi untuk mengedit postingan secara langsung dari halaman blog
• Show email post links: untuk menampilkan icon berbentuk amplop pada postingan yang berfungsi untuk memperbolehkan pembaca mengirim link artikel kita kepada orang lain via email
• Adult Content: untuk menentukan apakah blog kita mengandung entry lucah atau tidak
• Select Post Editor: untuk memilih jenis post editor yang ingin anda gunakan
• Enable Transliteration: untuk mengaktifkan fungsi terjemahan pada post editor kedalam bahasa yang dipilih.

2. Menu Setting -> Publishing

• Custom domain: Untuk mengganti alamat dari blogspot.com ke domain sendiri seperti .com, .net, .org, dll
• Blogspot Address: Kalau custom domain untuk mengganti alamat blogspot ke domain sendiri maka yang ini untuk mengganti alamat blogspot yang satu ke alamat blogspot yang lain. (yang belum terdaftar)
• Word Verification: kode verifikasi

3. Menu Setting -> Formatting

• Show at most: untuk menentukan jumlah postingan yang mau ditampil pada halaman blog
• Date Header Format: Untuk menentukan format tanggal yang mau ditampilkan diatas judul posting
• Archive Index Date Format: untuk menentukan format tanggal yang mau ditampilkan pada menu arsip yang terletak di kolom sidebar
• Timestamp Format: untuk menentukan format waktu yang mau ditampilkan pada postingan
• Time Zone: untuk menentukan zona waktu tempat tinggal kita. Misalnya (GMT+08.00) Kuala Lumpur untuk Malaysia
• Language: untuk memilih bahasa yang mau digunakan
• Convert link breaks: untuk mengatur apakah mau dikonversi kode tag pada post editor secara otomatis. Biarkan Yes saja.
• Show Title Field: untuk menampilkan judul postingan. Jika pilih No maka blogger akan mengambil beberapa kata pada awal paragraf sebagai judul postingan. Pilih Yes saja
• Show Link Field: untuk menambahkan link yang berhubungan kedalam setiap postingan. Jika tidak ada, pilih No saja
• Enable Float Alignment: untuk mengaktifkan fungsi penjajaran pada text dan gambar
• Post Template: untuk mengisi teks yang mau ditampilkan pada kotak posting

4. Menu Setting -> Comments

• Comments: untuk menampilkan kotak komen
• Who Can Comment: untuk menentukan siapa yang boleh memberi komen
• Comment Form Placement: untuk menentukan dimana letak kotak komen
• Comments default for posts: untuk mengatur apakah mau diberi komen pada post baru atau tidak
• Backlinks: untuk mengatur apakah mau diberi notifikasi jika ada yang memasang link pada artikel kita atau tidak
• Backlinks default for posts: untuk mengatur apakah mau mengaktifkan fungsi backlinks atau tidak
• Comments Timestamp Format: untuk memilih format waktu yang mau ditampilkan pada kotak komentar
• Comment Form Message: untuk menampilkan pesan singkat diatas kotak komen
• Comment Moderation: untuk menyaring komen yang masuk sebelum diposting
• Show word verification for comments: untuk menampilkan kod verifikasi jika ada yang ingin memberi komen supaya terhindar dari sistem bot yang melakukan spam
• Show profile images on comment: untuk menampilkan gambar profil dari komen yang memiliki blog di blogger
• Comment Notification Email: untuk mendapatkan pemberitahuan dari blogger melalui email jika ada yang meninggalkan komen

5. Menu Settings -> Archiving

• Archive Frequently: untuk mengatur frekuensi arsip. Misalnya arsip harian, mingguan atau bulanan
• Enable Post Pages: mengaktifkan halaman posting untuk setiap artikel

6. Menu Settings -> Site Feed

• Allow Blog Feed: untuk menentukan jumlah karakter artikel yang dikirim via RSS Feed atau Feed email
• Post Feed Redirect URL: untuk mengisi alamat URL Feed Anda. Jika belum punya dikosong saja
• Post Feed Footer: untuk mengisi teks tambahan pada feed

7. Menu Settings -> Email & Mobile

• Blogsend Address: untuk mendapat kiriman post ke alamat email Anda setiap kali Anda memposting pada blog Anda.
• Email posting address: untuk menentukan alamat email blogger yang Anda inginkan. Supaya Anda boleh memposting artikel langsung ke blog Anda via email. Catatan: Jangan memberitahu alamat email ini ke orang lain. Jika tidak, orang lain bisa memposting artikel di blog Anda.
• Mobile Devices: Untuk memposting artikel ke blog anda via MMS atau SMS dari hp anda.

8. Menu Settings -> OpenID

• OpenId: Secara ringkas, openId semacam identiti anda di internet. Dengan openid anda boleh masuk ke dalam website yang berbeda-beda yang mendukung openid tanpa memasukkan username dan password anda seperti lazimnya. Keterangan lanjut tentang OpenID baca disini aja ya

9. Menu Setting -> Permissions

• Blog Authors: memperbolehkan orang lain untuk ikut menulis di blog Anda. Caranya klik Add Authors lalu masukkan alamat email orang yang mau diundang kemudian klik Invite
• Blog Readers: untuk mengatur siapa yang boleh membaca artikel blog Anda

Demikianlah penjelasan dari masing-masing fungsi yang boleh dibuat pada blog Anda.

Cara-cara menggunakan Template Designer

salam sejahtera....

Entry AB kali ini cara-cara hendak menggunakan Template Designer. Apa itu Template designer? Serba ringkas Template Designer ialah di mana seseorang bloger boleh mengubah suai wajah2 blog beliau dengan citarasa tersendiri. Template dikeluarkan didalam pelbagai bentuk dan corak. Oleh itu semuanya adalah pilihan tersendiri pemilik blog. Disini saya ingin kongsi cara-cara bagaimana untuk menukar template designer bagi pengguna yang membina blog dengan bloger.com sahaja. Dan jika ada kekurangan pada tutorial ini diharapkan anda membuat rujukan mana2 laman yang menyediakan tutor seperti ini.

p/s: Mesti ingat sesetengah template baru kita akan kehilangan maklumat penting setelah menukar template baru. Kenapa ianya jadi begitu? Ini kerana dari permulaan kita membina blog kita telah menggunakan template designer yang di download dari lain2 blog atau web perseorangan. Kita tidak menggunakan template yang disediakan khas dari laman Bloger.com. Jika dari asal lagi kita menggunakan template designer dari laman Bloger.com saya rasa ianya tidak akan berlaku kes kehilangan data yang telah kita simpan. Oleh itu sebelum anda hendak menukar Template Designer, lebih baik anda fikir dahulu ataupun dinasihatkan membuat backup.

Semua blogger mahukan tema blog yang cantik dan unik berbanding blog-blog lain. Bagi mereka yang mempunyai kepakaran, ini tidak menjadi satu masalah. Tetapi bagi bagi yang tidak mempunyai kepakaran yang diperlukan, pasti akan berasa sangat susah dan memeningkan kepala. Tak perlu risau, hari ini blogger telah memperkenalkan satu fungsi baru yang menarik di beri kepada pengguna blogspot. Cara-cara menggunakan adalah seperti berikut:

1. Langkah pertama sekali anda mesti login ke laman blog anda.. Apabila keluar paparan Dashboard > Design . Klik > Design

2. Seterusnya akan keluar paparan seperti gambar dibawah. Klik > Design.

dan klik > Template Design New

3. Keluar paparan Blogger Template Designer .Terdapat empat jenis butang pilihan seperti Template > Background > Layout > Advanced

a). Template> Kegunaannya ialah untuk mengubahsuai jenis-jenis wajah template anda.

Untuk pilihan anda hanya klik > Template dan pilih senarai yang disediakan. Apabila sudah siap buat pilihan sila klik butang save. > APPLY TO SAVE

p/s : Klik satu2 setiap jenis template yang diberikan(untuk lihat paparan yang terbaik). Dan setiap kali anda klik cuba perhatikan perubahan pada template anda apa yang terjadi. Jika puashati klik save.

b). Background > Kegunaanya ialah terdapat pelbagai jenis gambar-gambar latar belakang untuk diletakkan di belakang template anda.

Jika anda ingin mengubahsuai latar belakang Template anda, klik > Backgroud dan pilih pelbagai jenis background yang disedia. Siap membuat pilihan anda mesti klik butang save jika ingin menyimpan backgroud itu.


c). Layout > Kegunaanya ialah untuk menggubah saiz dan jenis kedudukan bentuk template anda.

Anda boleh pilih jenis bentuk kedudukan kotak yang terdapat dalam blog anda. Terdapat tiga jenis menu pilihan Body Layout > Footer layout > Adjust width. Anda boleh klik setiap menu tersebut dan lihat perubahan pada template anda.

d). Advanced > Kegunaanya ialah untuk mengubahsuai pelbagai jenis seperti tulisan, saiz tulisan, warna dan pelbagai lagi

Cara menggunakannya ialah anda hanya klik butang Advenced. Dan untuk mendapatkan perubahan pada template anda klik pada senarai menu yang disediakan. Setiap menu anda klik cuba perhatikan pada template anda apa perubahan yang berlaku.

4. Akhir sekali setelah anda siap mengubah suai semua perkara di atas. Anda hendak save kerja yang anda lakukan itu. Caranya ialah klik APPLY TO BLOG tunggu proses siap dan klik Back to Blogger.

Peringatan : Anda dinasihatkan membuat backup terlebih dahulu blog anda sebelum memulakan langkah tersebut. Untuk mengelakkan timbul masalah.