Cara Membuat Text Area

Yang dimaksud dengan Text Area adalah Tempat untuk menyimpan text atau tulisan dengan membentuk area baru.
text area ini di biasanya digunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.Contohnya  text area seperti dibawah ini

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

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

<div align="Left"> <textarea cols="20" name="code" rows="6"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></div>

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.

Pada <div align="Left"> digunakan untu menempatkan posisi tect area mau di kanan, tengah atau di kiri tinggal mengganti teks warna merah menjadi :
          Kanan = right
          Tengah = center
          Kiri = left

Contoh membuat text area dengan tombol 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 : 

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form> 
Sebagai contoh :  

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

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. <div align="center"> --> 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. <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 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. <p align="center"> --> 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. <text style="WIDTH: 300px">-->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.

Pembuatan textarea dengan sensitif hightlight
Untuk teks area yang ini fungsinya hampir sama dengan teks area yang barusan dicontohkan diatas ini, tapi lebih sensitif, maksudnya ketika mouse berada di wilayah teks area walaupun tanpa ngeklik tapi suda ter hightlight sendiri,

contoh codenya :
<textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>

contoh

Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini

Read More

cara mudah membuat read more

Bagaimana cara membuat read more ? untuk kali ini saya akan menuliaskan cara mudah bagaimana membuat read more di blogspot. Bagi anda yang belum sukses membuat fungsi read more..., silahkan mencoba ikuti langkah berikut ini :
Langkah #1

• Sign in di blogger dengan id anda.
• Klik Pengaturan
• Klik Format
• Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :

<span class="fullpost">

</span>

Klik tombol Simpan Pengaturan

Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.  

Langkah #2

• Klik menu Dasboard
• Klik Tata Letak
• Klik tab Edit HTML
• Klik tulisan Download Template Lengkap.
• Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
• Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

Tunggu beberapa saat ketika proses sedang berlangsung

Silahkan anda cari kode berikut pada kode template milik anda : <data:post.body/>

atau kode di bawah ini (sama saja) ;

<p><data:post.body/></p>

Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):

<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p> </b:if>

Klik tombol Simpan Template

Selesai.

Cara Posting Artikel

• Klik menu Posting


• Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :


<span class="fullpost"> </span>


• Tuliskan artikel yang ingin tampak pada blog sebelum kode :


<span class="fullpost">


• Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :


</span>



• Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING


• Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas

Mudah-mudahan dengan adanya postingan ini tidak ada lagi yang mengalami kegagalan dalam membuat menu Read more...
Bagi anda yang mengikuti tutorial ini dan mengalami kegagalan, jangan panik ketika blog anda menjadi amburadul (katanya begitu dalam komentar), upload kembali backup templatenya dan nanti akan kembali ke keadaan semula sebelum di edit.
Selamat mencoba !

Read More

TYPO3 Open Source Content Management System

TYPO3 adalah sebuah konten open source sistem manajemen yang multibahasa; memungkinkan WYSIWYG editing menggunakan editor teks kaya (fitur ini hanya untuk Windows pengguna IE); telah wizard untuk membuat tabel, peluru daftar, form mail, dll; memungkinkan mengedit beberapa halaman; memungkinkan offline editing, preview dari konten online, dijadwalkan penerbitan, punya mesin pencari diindeks, sebuah surat langsung atau sistem newsletter, dll Administrator memiliki kontrol akses (kemampuan untuk mengontrol akses ke berbagai bagian sistem), statistik, penebangan, versi kontrol dengan undos terbatas, akses database baku, dll Anda dapat menggunakan template HTML, script PHP, membuat kawasan lindung, dan sebagainya. Keseluruhan sistem ini dirilis di bawah GNU General Public License.
Download di bawah ini
Download

Read More

drupal

Drupal adalah sebuah konten open source sistem manajemen (CMS) atau platform yang menggunakan PHP dan MySQL. Hal ini memungkinkan pengguna individu atau bahkan komunitas pengguna untuk menerbitkan, mengelola dan memelihara situs web Anda. Anda dapat menggunakannya untuk membuat blog, forum, galeri gambar, file upload dan download situs, forum, lingkungan authoring kolaboratif, Podcasting, peer-to-peer situs jaringan, dll Sistem modular dan sangat dapat dikustomisasi. Hal ini berlisensi di bawah GNU General Public License
Drupal 6,16 dan 5,22, pemeliharaan rilis yang dilaporkan melalui isu memperbaiki bug tracking system, serta kerentanan keamanan, sekarang tersedia untuk di-download.  Drupal 6,16 juga perbaikan masalah yang lebih kecil lainnya.
Silahkan Download
Download 6,16 Drupal
Download 5.22 Drupal

Read More

Mencegah atau menonaktifkan menyalin isi dari blog atau situs

blogger tips-Mencegah atau menonaktifkan menyalin isi dari blog atau situs

Jika Anda ingin mencegah pengguna menyalin isi dari blog atau situs anda maka script di bawah ini yang anda butuhkan untuk menempatkan kode ini di ur blog, sehingga pengguna tidak dapat menyalin isi ur blog,

Pergi ke Layout dan klik pada menambahkan gadget baru> pilih Html / Javacsript

Sekarang di kotak copy dan paste kode berikut

<script type="text/javascript"> var omitformtags=["input", "textarea", "select"] omitformtags=omitformtags.join("|") function disableselect(e){ if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1) return false } function reEnable(){ return true } if (typeof document.onselectstart!="undefined") document.onselectstart=new Function ("return false") else{ document.onmousedown=disableselect document.onmouseup=reEnable } </script>

Klik pada menyimpan dan memeriksa apakah ur dapat menyalin atau tidak

http://matkerticle.blogspot.com/

Read More

Bagaimana cara bergabung AdSense

Untuk bergabung dengan google Adsense sekarang lebih ketat
Google memperketat kebijakan penerimaan mereka. Menurut email yang saya terima dari seseorang yang sedang berusaha untuk bergabung dengan program ini, Anda sekarang harus memenuhi kriteria berikut sebelum Anda diterima ...

- Website Anda harus Anda sendiri domain tingkat atas (www.domain.com dan bukan domain.com / mysite). Itu berarti Anda tidak bisa mendaftar dengan free blogger atau free web hosting account dan mendapatkan disetujui untuk AdSense.

- Nama domain pasti telah terdaftar dan aktif selama sekurang-kurangnya 6 bulan sebelum Anda menerapkan

- Informasi pendaftaran yang Anda berikan selama pendaftaran AdSense harus sesuai dengan informasi pendaftaran nama domain

- Website Anda harus mengandung sejumlah besar konten asli

Setelah Anda memenuhi kriteria di atas, pergi ke http://adsense.google.com untuk mendaftar.
Bila Anda diterima, cukup copy dan paste kode HTML yang disediakan ke halaman manapun yang Anda ingin menampilkan iklan. Jika Anda sudah melakukan pekerjaan yang baik untuk mendefinisikan konten pada halaman web Anda, iklan yang muncul harus relevan dengan konten halaman Anda ... meningkatkan kemungkinan klik-Thrus oleh pengunjung.
Anda dapat menampilkan iklan secara vertikal di sepanjang sisi halaman seperti Google atau di spanduk-seperti pembentukan horizontal di halaman Anda. Penempatan adalah terserah Anda. Anda bahkan dapat menyesuaikan warna agar sesuai dengan tema situs Anda.

Read More