Apa itu Text Area ? text area adalah area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text.

Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan pengunjung mengcopy seluruh isi text.



I. Text Area standard

Untuk membuat text area, silahkan copy code di bawah ini :

<p align="center"><textarea name="code" rows="2" cols="15"> Tulis text atau kode HTML yang sobat inginkan disini </textarea></p>

berikut hasilnya :

Tulis text atau kode HTML yang sobat inginkan disini

Keterangan :

untuk "rows"=2 adalah tinggi dari text area, jadi jika sobat menginginkan text area yang lebih tinggi silahkan sobat ganti dengan angka yang lebih tinggi.

untuk cols="15" adalah lebar dari text area, jadi jika sobat menginginkan text area yang lebih lebar silahkan sobat ganti dengan angka yang lebih tinggi.

Cukup paham ? mari kita lanjutkan.

II.Text Area dengan menggunakan Highlight

Variasi lainnya dari text area yaitu dengan menggunakan tombol Highlight, jadi dimaksudkan agar lebih memudahkan untuk mengcopy seluruh isi text area hanya dengan menekan tombol Highlight.



Hanya dengan menekan tombol highlight maka seluruh isi dari text area akan di highlight dan tinggal di copy saja. Fungsi tombol highlight ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.

Silahkan copy kode HTML di bawah ini :

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></form></div>

dan seperti ini hasilnya:

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

Agar dapat memahami kode diatas, saya akan berikan uraian tentang kode-kode text area diatas.

   1.  <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat 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. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi sobat jangan merubah tulisan ini.

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

   4. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.

   5. <text style="WIDTH: 150px">--> kata "WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan. misal: "WIDTH:500px;"

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

Nah itu dia sedikit penjelasan tentang Text Area. Silahkan dicoba !

Sumber : http://triwied77.blogspot.com

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: text area, tukar link, tutorial blog

Bagaiman cara membuat script tukar link seperti pada halaman tukar link di blog  ini ? Nah, ini dia cara membuat script/kode tukar link atau link exchange di blog/web. Ikuti langkah-langkah berikut :

1. Browsing ke http://cooltext.com
2. Pada menu sebelah atas klik Logos,

3. Pilih/klik logo yang anda suka
4. Logo dibagi atas dua bagian yaitu sebelah kanan dan kiri. Silahkan anda
    melakukan pengaturan atau desain sesuai dengan kebutuhan anda.
5. Klik pada Image Width untuk menentukan ukuran logo, jika sudah selesai
    klik tombol Render Logo. Tunggu beberapa saat sampai proses membuat logo
    selesai
6. Klik Download Image untuk langsung menyimpan logo/image ke hardisk
    atau flashdisk anda. Get HTML Code untuk mendapatkan script, akan
    tetapi anda diminta untuk register terlebih dahulu.
    sebaiknya pilih cara pertama saja Klik Download Image.
7. Berikutnya tugas anda adalah menyimpan file logo tersebut ke harddisk online
    atau penyimpanan online. Misalnya : http://www.photobucket.com, jika belum
    punya silahkan register dulu. Ambil kode HTML yang pendek, karena terdapat
    banyak pilihan kode HTML yang tersedia,
8. Login ke akun blogger anda, klik Tata Letak, Element Halaman, Tambah Gadget,
    HTML/JavaScript, klik tombol + (tambah). Lalu copy/paste script dibawah ini ke
    sidebar blog atau bisa juga dibuat posting khusus atau halaman untuk bertukar link.

Semoga Bermanfaat!

Sumber :Abdurrahmansaleh.com

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: tukar link, tutorial blog

Tukaran Link dengan banyak blog yang sudah tinggi pagerank-nya, katanya dapat meningkatkan pengunjung ke blog kita, lebih mudah terindeks oleh search engine sehingga dapat posisi teratas di search engine apabila pengunjung mencari indeks tertentu pada search engine yang ada pada blog kita. Gimana cara membuat Halaman Link tersebut? Ini sekedar berbagi yang saya dapatkan juga dari teman blogger lainnya:

Tutorial ini termasuk tutorial dasar. Anda hanya perlu mengetahui beberapa kode HTML, khususnya kode link dan image.

Sebenarnya tanpa halaman dan tanpa memberikan kode, anda juga bisa bertukar link ataupun banner. Tapi, dengan kode HTML yang telah anda sediakan apalagi dengan instruksi yang jelas, pengunjung akan lebih mudah bertukar link dengan anda.

Selain itu, dengan kode/script ini anda bisa membuatkan link atau banner yang anda inginkan untuk ditampilkan di blog parnter anda. Misalkan pada kode "title" dan "alt" untuk banner. Yang terpenting dari script yang anda buat ini adalah untuk memaksimalkan keyword pada link dan banner anda di website-website lainnya.

---

Pertama, anda harus membuat halaman khusus untuk tukar link atau banner. Sebaiknya, halaman tukar link dan tukar banner anda bedakan agar lebih tertata dan lebih jelas bagi pengunjung.

---

Setelah itu, tulis beberapa kalimat yang sifatnya mengajak agar pengunjung mau bertukar link. Kemudian berikan petunjuk bagaimana cara untuk melakukannya.

---

Terakhir, buat kode untuk link dan banner blog anda untuk dipasangkan ke blog pengunjung. Berikut kodenya.

Link

&lt;a href="

style="background-color: #cfe2f3; color: #0b5394;">http://www.alamat-blog.com/" title="Judul dari blog anda yang akan tampil ketika ditunjuk"&gt;nama link&lt;/a&gt;contoh: nama link

Banner

&lt;a href="http://www.alamat-blog.com/" title="Judul dari blog anda yang akan tampil ketika ditunjuk"&gt;&lt;img src="http://www.url-banner.com/banner.gif" alt="text yang tampil sebelum gambar terbuka" border="0"/&gt;&lt;/a&gt;

Contoh:

Anda bisa meletakkan script tersebut dalam textarea dengan kode <textarea>script tukar link</textarea>, atau dengan menggunakan CSS

Agar pengunjung bisa memberi tahu ingin bertukar link, anda bisa menyediakan halaman kontak saya, chatbox, alamat email, ataupun kotak komentar di bawah halaman.

Semoga bermanfaat! 

Sumber : tutorialblogging.co.cc

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: tukar link, tutorial blog

Page rank blog belajar ilmu komputer meningkat dari page rank 3 kini meningkat 1 tingkat menjadi page rank 4. Peningkatan page rank oleh google sangat diharapkan oleh semua pemilik blog baik blog berbayar maupun blog gratisan.

Sebenarnya blog belajar ilmu komputer ini tidak terlalu bagus bila dibandingkan dengan blog lain yang juga menyajikan artikel tentang ilmu komputer yang lebih menarik 

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: blog, Search Engine

Untuk mengatur pewarnaan pada objek gambar, coreldraw11 memiliki beberapa fasilitas yang telah disediakan , fasilitas – fasilitas tersebut terdapat dalam toolbox Fill Tool.

 

                                                                                                           

·        Fill Color Dialog, digunakan untuk mengatur pewarnaan objek dengan warna –  warna uniform

·        Fountain Fill Dialog, digunakan untuk mengatur pewarnaan objek dengan warna – warn gradasi

·        Pattern Fill Dialog, digunakanuntuk mengatur teksture objek mengunakan pattrern

·        Texture Fill Dialog , digunakn untuk mengatur teksture objek dengan bitmap.

A.   Fill Color Dialog

Fill Color Dialog digunakan untuk memberikan warna – warna solid atau warna uniform pada objek gambar , warna – warna tersebut terdapat pada Color Pallete.

Untuk mencari pilihan warna yang lebih banyak dapat mengunakan Fill Color Dialog, kemudian warna tersebut dapat disimpan dalam Color Pallete, dengan menekan tombol add to pallete

B.   Fountain Fill Dialog

Fountain Fill Dialog digunakan untuk memberikan warna gradasi pada objek gambr. Warna gradasi  berarti objek dapat mengunakan warna – warna campuran dengan berbagai model yang disediakan.

Untuk mengunakan fountain fill dialog dapat melakukan langkah – langkah berikut :

1.  Buat sebuah  objek bebas , dapt mengunakan rectangle tool atau elips tool

2.  Pilih Fountain fill dialog, dengan klik pada bagian sudut dari toolbox Fill Tool

3.  Setelah memilih fountain fill dialog akan muncul kotak dialog, Pilih jenis gradasi yang diinginkan: Linier, Radial,Conical,Square

4.  Pilih warna gradasi yang diinginkan pada box daialog color bland.

C.   Pattren Fiil Dialog

Pattren Fill digunakan untuk memberikan pattern pada bagian dalam objek gambar. Pattern yang dimaksud memiliki beberapa jenis sebagai berikut :

·    Pattren 2 color       : yaitu pattern yang hanya memiliki dua warna saja

·    Pattren Full Color : yaitu pattern yang  memiliki banyak warna

·    Pattren Bitmap      : yaitu pattern yang berasal dari gambar atau foto

Untuk mengunakan pattern fill dialog dapat melakukan langkah – langkah yang sama seperti pada fountain fill dialog, hanya saja dialog box yang muncul adalah dialog box pattern fill dialog

D.   Texture Fill Dialog

Texture fill dialog digunakan untuk memberikan tekstur pada bagian dalam (fill) objek. Untuk mengunakan Texture fill dialog dapat melakukan langkah – langkah seperti pada fountain fill dan pattern fill , hanya saja setelah memilih Texture fill,  dialog box yang muncul adalah dialog box Texture Fill

E.   PostScript Fill dialog

PostScript Fill dialog sebenarnya hampir sam dengan Pattren Fill hanya saja jika Pattren Fill memiliki berbagai jenis pilihan warna , mulai dari dua warna sampai pilihn bitmap. Sedangkan PostScript Fill hanya memiliki satu jenis pilihan warna .

F.   Outline Color

Outline Color merupakan batas terluar dari sebuah objek. CorelDraw11 memilikifasilitas untuk mewarnai dan mengatur bagian atau batas luar dari objek gambar.fasilitas yang digunakan dalam memberikan warna pada batas atau garis luar tersebut adalah : toolbox OutlineTool

                                                                                                        

• Outline Pen Dialog, digunakan untuk mengatur jenis dan model Outline, pengaturan ini juga berlaku jika akan mengambar sebuah garis. Pada kotak dialog Outline Pen, terdapat beberapa pilihan warna yang dapat dipilih,  Lebar garis, Jenis garis, bentuk awal dan akhir garis 

• Outline Color Dialog

Outline Color Dialog digunakan khusus untuk pengaturan warna garis , untuk mengaktifkan Outline Color Dialog sama seperti langkah – langkah sebelumnya yaitu klik  toolbox  Outline pada bagian sudut, setelah itu pilih Outline Color Dialog selanjutnya akan muncul kotak dialog Outline Color

 Sumber : Anonimous

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: CorelDraw, Grafis

Pada bagian ini akan dibahas teknik – teknik melakukan transformasi yang mengacu pada ukuran sebenarnya , Teknik – teknik tranformasi yang akan dibahas yaitu :

A.   Transformasi Posisi

Digunakan untuk melakukan pemindahan objek dari satu posisi ke posisi lain mengunakan ukuran yang sesunguhnya, dalam satuan pengukuran yang telah ditentukan .

untuk melakukan transformasi posisi tersebut dapat melakukan langkah – langkah dalam latihan sebagai berikut:

1.     Buat sebuah object (rectangle ) kotak dengan ukuran bebas .

2.     Pilih menu Arrage > Transformasi> Position , selanjutnya akan muncul dialog box transformation

Dari dialox box diatas dapat dilihat pada kolom position digunakan untuk mengisi jarak perpindahan objek secara H (Horizontal ) dan V (vertical).

3.     Isi kolaom horizontal dan vertical sesuai ukuran yang dinginkan kemudian klik tombol Apply To duplicate untuk membuat duplicate dengan posisi yang ditentukan, tombol Apply untuk memindahkan objek

B.   Transformasi Rotasi

Transformasi rotasi digunakan untuk memutar objek dengan derajat perputaran yang diinginkan

untuk melakukan transformasi rotasi dapat melakukan langkah – langkah yang sama seperti melakukan transformasi posisi,hanya pilihan yang dilakukan adalah : Arrage > Transformasi> Rotate. Dialog box yang muncul dalah sebagai berikut :

Dalam dialog box diatas terdapat kolom Angle, kolom ini digunakan untuk memutar objek sesuai dengan derajat yang di inginkan.

C.   Transformasi Skala

Transformasi Skala digunakan untuk mengubah sekala atau ukuran objek gambar dan digunakan juga untuk pembuatan objek pencerminan (mirroring)

untuk melakukan transformasi skala dapat melakukan langkah – langkah yang sama seperti melakukan transformasi posisi dan transformasi rotasi, hanya pilihan yang dilakukan adalah : Arrage > Transformasi> Scale. Dialog box yang muncul dalah sebagai berikut :

Dalam dialog box diatas terdapat kolom Scale,H untuk horizontal dan V untuk vertical , kolom ini digunakan untuk merubah sekala objek sesuai dengan persentase  yang di inginkan.selanjutnya terdapat tombol mirror digunakan untuk mebuat hasil cerminan dari objek gambar.

D.   Transformasi Ukuran

Transformasi ukuran (size) digunakan untuk memperbesar atau memperkecil ukuran objek gambar, tetapi mengunakan satuan pengukuran yang sebenarnya.

untuk melakukan transformasi ukuran dapat melakukan langkah – langkah yang sama seperti melakukan transformasi posisi dan transformasi rotasi , hanya pilihan yang dilakukan adalah : Arrage > Transformasi> Size. Dialog box yang muncul dalah sebagai berikut :

Dalam dialog box diatas terdapat kolom Size,H untuk horizontal dan V untuk vertical , kolom ini digunakan untuk merubah ukuran objek sesuai dengan satuan pengukuran yang di inginkan..

E.   Transformasi Skewing

Transformasi Skewing digunakan untuk memiringkan objek menggunakan drajat kemiringan yang sesuai dan merujuk pada ukuran yang sebenarnya.

untuk melakukan transformasi skewing tersebut dapat melakukan langkah – langkah dalam latihan sebagai berikut :

1.     Buat sebuah object (rectangle ) kotak dengan ukuran bebas

2.     Pilih menu Arrage > Transformasi> Skew , selanjutnya akan muncul dialog box transformation

3.     Atur kemiringan sesuai keinginan pada kolom skew

4.     Sebagai contoh isi kemiringan secara H (horizontal) sebesar 45 derajat, tekan Apply untuk membuat trasformasi sesuai pengaturan yang telah dilakukan

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: CorelDraw, Grafis

Untuk membuat sebuah objek gambar yang sesuai dengan keinginan desainer dpt dilakukan dengan cara memanipulasi objek – objek yang telah tersedia yaitu dengan penggabungan shape, pemotongan shape serta mengkombinasikan beberap buah shape.

Teknik – teknik manipulasi objek yang akan dibahas yaitu :

A.    Weld

Weld digunakan untuk melakukan penggabungan dua atau lebih shape menjadi satu shape hasil manipulasi yang diinginkan desainer, untuk mengaktifkan weld dapat melakukan langkah – langkah sebagai berikut

1.     Buatlah dua buah objek yang berbeda dan saling berpotongan, dalam hal ini buatlah sebuah rectangle dan sebuah elips

2.     Pilih kedua objek tersebut mengunakan picktool.

3.     Klik menu bar Arrange> Shaping> weld, perhatikan apa yang terjadi pada kedua objek tersebut

B.    Trim

Trim digunakn untuk melakukan pemotongan satu objek mengunakan objek lain, untuk mengaktifkan trim dapat melakukan langkah – langkah sebagai berikut :

1.     Buatlah dua buah objek yang berbeda dan saling berpotongan, dalam hal ini buatlah sebuah rectangle dan sebuah elips

2.     Pilih kedua objek tersebut mengunakan picktool.

3.     Klik menu bar Arrange> Shaping> Trim, perhatikan apa yang terjadi pada kedua objek tersebut

C.    Intersect

Intersect digunakan untuk menciptakan objek baru sebagai hasil dari irisan dua buah atau lebih objek, untuk mengaktifkan Intersect dapat melakukan langkah – langkah sebagai berikut :

1.     Buatlah dua buah objek yang saling berpotongan, dalam hal ini buat dua buah elips

2.     Pilih kedua objek tersebut mengunakan picktool.

3.     Klik menu bar Arrange> Shaping> Intersect, perhatikan apa yang terjadi pada kedua objek tersebut

D.    Simplify

Simplify hampir sama dengan trim yaitu untuk melakukan pemotongan objek, untuk mengaktifkan Simplify dapat melakukan langkah – langkah sebagai berikut :

1.     Buatlah dua buah objek yang saling berpotongan, dalam hal ini buat dua buah elips

2.     Pilih kedua objek tersebut mengunakan picktool.

3.     Klik menu bar Arrange> Shaping> Simplify, perhatikan apa yang terjadi pada kedua objek tersebut

E.    Front Minus Back

Front Minus Back digunakan untuk memotong objek di depan mengunakan objek di belakangnya, untuk mengaktifkan Front Minus Back dapat melakukan langkah – langkah sebagai berikut :

1.     Buatlah dua buah objek yang saling berpotongan, dalam hal ini buat dua buah Rectangle

2.     Pilih kedua objek tersebut mengunakan picktool.

3.     Klik menu bar Arrange> Shaping> Front Minus Back, perhatikan apa yang terjadi pada kedua objek tersebut

F.    Back Minus Front

Back Minus Front merupakan kebalikan dari front minus Back, yaitu memotong objek belakang mengunakan objek depan, untuk mengaktifkan Back Minus Front dapat melakukan langkah – langkah sebagai berikut :

1.     Buatlah dua buah objek yang saling berpotongan, dalam hal ini buat dua buah Rectangle

2.     Pilih kedua objek tersebut mengunakan picktool.

3.     Klik menu bar Arrange> Shaping> Back Minus Front, perhatikan apa yang terjadi pada kedua objek tersebut

Read more »

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

0 Comments

Tags: CorelDraw, Grafis