Membuat Text Area

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.


Untuk membuat text area, silahkan anda Copy kode di bawah ini :

Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area

Sebagai contoh :



Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung

Sebagai contoh :



Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :
1.

--> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.

2. --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.

3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

Element text area :
1.

--> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
2. -->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"

3. HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode dan selamat mencoba.


Dikutip dari http://kolom-tutorial.blogspot.com

Read More..

Cara Memposting Artikel

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.


Toolbar yang ada ketika posting :

--> Untuk merubah jenis hurup yang di gunakan

--> Untuk merubah ukuran hurup (heading)

--> Untuk Menebalkan hurup

--> Untuk memiringkan hurup

--> Untuk merubah warna hurup

--> Untuk membuat link

--> Untuk membuat artikel menjadi rata kiri

--> Untuk membuat tulisan menjadi di tengah

--> Untuk membuat artikel menjadi rata kanan

--> Untuk membuat artikel menjadi rata kiri dan rata kanan

--> Untuk membuat sub bahasan oleh angka

--> Untuk membuat sub bahasan oleh bullet

--> Untuk mengecek spelling

--> Untuk memasukan gambar(upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose (biasa)

--> Untuk me review (melihat) artikel

Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.

Langkah-langkah dalam memposting suatu artikel:
1. Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.

2. Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).

3. Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.

4. Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.

5. Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.


Dikutip dari http://kolom-tutorial.blogspot.com

Read More..

Mengatur Hurup dan Warna

Untuk para blogger baru, sobat akan menikmati fasilitas baru dari blogger.com, yaitu sobat bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). Klik menu "Fonts and Colors", maka akan muncul beberapa pengaturan : (ini khusus untuk template "minima")


1. Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai

2. Text Color --> pengaturan warna hurup dari posting-an

3. Link Color --> pengaturan warna hurup yang di link

4. Blog Title Color --> pengaturan warna hurup judul Blog

5. Blog Description Color --> pengaturan warna hurup deskripsi blog

6. Post Title Color --> pengaturan warna hurup judul posting-an

7. Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah

8. Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping)

9. Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)

10. Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link

11. Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar

12. Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan

13. Blog Title Font --> pengaturan jenis hurup Judul blog

14. Blog Description Font --> Pengaturan jenis hurup dekripsi blog

15. Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )

16. Klik “ SAVE CHANGES” untuk mengakhiri pengaturan. Selesai

Untuk template-template selain template "minima", pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang di rubah oleh anda, anda cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah.


Dikutip dari http://kolom-tutorial.blogspot.com

Read More..

Memilih Template

Bagi sobat yang sudah melakukan beberapa setting-an seperti posting terdahulu, langkah selanjutnya yang perlu sobat lakukan adalah memilih template.


Bagi sobat yang sudah melakukan beberapa setting-an seperti posting terdahulu, langkah selanjutnya yang perlu sobat lakukan adalah memilih template.

Sekilas tentang template

Template adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang sobat lihat sekarang, seperti banner diatas, background warna putih, kolom-kolom di samping kanan, serta semua yang sobat lihat sekarang adalah salah satu bentuk dari desain template.

Memilih template yang cantik sangatlah perlu, karena dengan tampilan template yang menarik untuk di lihat maka akan membuat para pengunjung dari blog kita menjadi betah untuk berlama-lama berada di blog kita selain tentunya isi dari blog kita juga sangat menunjang.

Hmmm.. kayanya cukup deh pembahasan tentang apa itu template, keburu bosan kalau lama-lama….Sekarang langsung aja ke topik utama, yaitu langkah-langkah pemilihan template di blogger.com :
• Silahkan sobat login terlebih dahulu seperti biasa dengan memakai user name milik anda ( jangan milik saya….emang nya sampeyan mau jadi hacker ya
• Klik "Layout" (bila sobat menggunakan blogger baru) atau klik "Template" (bila sobat menggunakan template classic).
• Klik "Pick New Template", silahkan sobat pilih template yang sobat suka. Sebelum memutuskan dalam memilih "template" ini, sebaiknya anda lihat terlebih dahulu satu persatu contoh layout yang di sediakan dengan cara meng klik tulisan "preview template". Jika di rasa sudah menemukan yang paling sobat sukai, silahkan klik tulisan "Save template" yang ada di sebelah kanan atas, selesai. :


Mungkin sobat pernah mengunjungi beberapa blog di internet yang menggunakan blogger.com (blogspot), akan tetapi template yang di gunakan tidak ada dalam pilihan ketika memilih template. Ini ada kemungkinan bahwa template yang di gunakan adalah template buatan bukan dari blogger sendiri.

Di internet banyak sekali situs-situs yang memberikan template secara gratis untuk di pakai di Blogger (blogspot), Jika ingin melihat-lihat berbagai template buatan bukan dari blogger.com silahkan Klik Disini
. Tapi perlu di ketahui, karena blogger beta (baru) terbilang masih sangat baru sehingga penyedia template gratis kebanyakan menyediakan template untuk di pakai di template classic. Apakah kita bisa merubah dari template baru ke template klasik? Jawabannya bisa. Ini bisa anda lakukan dengan cara :

Klik menu "template", trus klik "Edit HTML". Kemudian lihat ke bawah layar akan ada tulisan "Revert to Classic Template" silahkan klik tulisan ini kalau mau pindah dari template baru ke template klasik. Tapi ada satu hal yang harus sobat ketahui, jika sobat berpindah dari template baru ke template klasik, sobat akan kehilangan fasilitas kemudahan dari blogger berupa hilangnya menu "Fonts and Color" serta "Page Elements", sehingga apabila sobat belum mengerti soal cara mengotak-atik kode HTML, niscaya akan mengalami kerepotan pada waktu mengedit sesuatu (menambah atau mengurangi suatu element). Jadi pikir-pikir dahulu sebelum sobat memutuskan untuk merubah dari template baru ke template klasik. Jangan tergoda dengan template yang cantik dari penyedia blog template gratis, apabila sobat belum bisa mengotak-atik kode HTML nya.


Dikutip dari http://kolom-tutorial.blogspot.com

Read More..

Cara Setting Blog

Bagi para sobat yang baru membuat blog, ada beberapa settingan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya :


1. Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat

2. Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)

3. Klik setting, trus klik basic. Beberapa form yang harus di isi pada menu basic :

• Title --> isi dengan judul blog sobat. Contoh : Rubrik Elektronik
• Description -- > isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar elektronik
• Add your blog to our listing -- > pilih yes agar setiap posting kita selalu masuk di daftar Blogger.com.
• Show Quick Editing on your blog -- > pilih yes
• Show Email post link -- > Sebaiknya pilih yes, tapi pilih no juga tidak apa-apa
• Show compose Mode for all your blog -- > pilih yes
• Show transliteration button for your post -- . pilih yes kalau sobat ingin ada button untuk mengubah ke hurup biasa ke hurup hindi (India), pilih no jika sebaliknya)
• Klik Save Settings . Selesai


4. Klik Publishing untuk mengatur menu publishing :
• Blog’Spot Address -- > isi dengan nama blog sobat. Contoh : kolom-tutorial.

• Send Pings -- > pilih yes

• Klik Save settings. Selesai


5. Klik Formatting untuk mengatur menu formatting :
• Show --> pilih angka posting yang ingin sobat tampilkan. Missal : Show : 6 post, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih post (jangan days) pada menu pulldown.

• Date Header Format --> pilih model tanggal/bulan yang sobat sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.
• Archive Index Date Format --> pilih model untuk peng-arsip-an yang sobat sukai.
• Timestamp Format --> Pilih bentuk waktu yang sobat sukai.
• Time Zone --> Pilih zona waktu yang sesuai. Contoh untu WIB : [UTC-+7.00]Asia/Jakarta.
• Language --> Pilih bahasa yang di inginkan.
• Convert line break --> Pilih yes
• Show Title field --> pilih yes, tapi seandainya pilih No juga tidak apa-apa.
• Show Link Field --> pilih No, tapi seandainya pilih Yes juga tidak apa-apa.
• Enable Float aligment --> pilih Yes, tapi seandainya mau pilih No juga tidak apa-apa
• Klik Save Settings. Selesai


6. Klik Comment Untuk mengatur menu comment :
• Comments --> pilih Show
• Who Comment? --> Pilih Anyone. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.
• Comments Default for Post --> pilih New post Have Comments.
• Back links --> Pilih Show. Ini dimaksudkan agar kita mengetahui apabila ada yang pasang link pada artikel kita.
• Backlinks Default for Posts --> pilih New Posts have Backlinks.
• Comments Timestamp Format --> pilih format jam yg singkat. Contoh: 8.00 PM.
• Show comments in a popup window? --> pilih YES. Supaya ketika di klik oleh pengunjung, blog kita tidak hilang.
• Show word verification for comments? --> pilih YES. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.
• Enable comment moderation? --> pilih NO (sebaiknya).
• Show profile images on comments? --> pilih YES. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
• Comment Notification Address --> isi dg alamat email sobat, ini di maksudkan agar setiap ada yang berkomentar pada artikel sobat, sobat dapat kiriman email dari blogger.com sebagai pemberitahuan.
• Klik SAVE SETTINGS. Selesai


7. Klik ARCHIVING Untuk mengatur menu archiving
• Archive Frequency --> pilih Monthly.

• Enable Post Pages? --> pilih YES.

• Klik SAVE SETTINGS . Selesai.


8. Klik Site Feed
• Publish Site Feed --> pilih YES.
• Descriptions --> pilih FULL.
• Article Footer --> Silahkan bisa di kosongin.
• Klik SAVE SETTINGS. Selesai.


Satu pekerjaan sudah selesai, tinggal menyongsong pekerjaan lainnya..


Dikutip dari http://kolom-tutorial.blogspot.com

Read More..