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

Domain gratis dari smartdots.com

Iseng-iseng browsing cari domain gratis eh... ternyata menemukan smartdots.com. Situs ini menyediakan domain gratis / Freedomain.smartdots.com memiliki layanan freedomain yang menyediakan fitur yang lumayan lengkap, selain gratis, smartdots pun memiliki banyak pilihan domain, .net.tc, .eu.tc, .us.tc, .uk.tc, .co.uk.tc, .me.uk.tc, .org.uk.tc, .au.tc, .com.au.tc, .pro.tc, .shop.tc, .edu.tc, .de.tc, .at.tc, .co.at.tc, dan banyak lagi lainya.

Ada beberapa fitur menarik lainnya yang ditawarkan seperti :

>Gratis selamanya! Untuk domain dari smartdots muncul ™ tidak ada biaya bagi Anda. Layanan ini benar-benar gratis dan akan selalu tetap bebas, baik untuk penggunaan komersial atau penggunaan pribadi..

>Tidak ada iklan.Ketika mengakses domain pribadi Anda tidak ada iklan dalam bentuk jendela pop-up, halaman keterlambatan atau frame akan ditampilkan!. Namun, Anda punya pilihan untuk menampilkan popup atau mengintegrasikan link atau yang menunjuk ke layanan ini.Tentu, tanpa berkewajiban untuk melakukan hal ini.

>Forwarding> adalah mungkin untuk setiap URL, tidak peduli yang operator!
Anda dapat meneruskan domain pribadi Anda dari smartdots ™ untuk setiap URL yang dipilih.Lupakan panjang alamat internet seperti: http://user.providername.com/users/category/your-name/index.html. Keberhasilan sebuah situs di internet sering disebabkan alamat, baik pendek yang dapat dengan mudah diingat.

>Path Forwarding 
Melalui teknologi yang PathForwarding, Anda dapat menunjukkan direktori yang dipilih atau file pada operator Anda! Contoh: Sebuah direktori yang tersedia di bawah berikut:
http://users.my-provider.com/membername/directory
juga tersedia melalui domain Anda dari smartdots ™:
http://www.your-name.net.tc/directory

>URL Cloaking
Jika pengunjung mencapai situs Anda melalui domain Anda dari smartdots ™ ia tidak akan melihat URL yang sebenarnya terletak di: browser hanya akan menunjukkan domain dari smartdots ™ sebagai gantinya!

Read More

Download Avira AntiVir Personal 10

Avira telah merilis versi 10. Penambahan kemampuan dalam rilis terbaru ini adalah AntiVir ProActiv yaitu perlindungan dari virus berdasar kebiasaan atau prilaku siatem secarra real time dan mencari peristiwa yang tidak biasa. Aturan sistem terpadu dapat memutuskan secara proaktif jika suatu peristiwa tertentu (atau kombinasi kejadian) mengindikasikan bahwa system sedang diserang dari malware baru atau tidak dikenal. Selain itu diklaim juga mempunyai sistem instalasi yang cepat, user interface yang transparan, serta satu klik untuk menghapus virus.

Fitur Avira AntiVir Personal 10

• Perilaku perlindungan berbasis dengan AntiVir ProActiv   
• Peningkatan keamanan, berkat berbagi intelijen tentang virus yang muncul dari 100 juta-plus Avira Komunitas kuat   
• Generik perbaikan data registry dan file yang terinfeksi 
• Express instalasi, user interface transparan, slide-up virus informasi dengan fitur Penghapusan satu klik

Developer : Avira GmbH
License / Price : Freeware / FREE
Size / OS : 42 MB / Windows 2K / XP / Vista / XP X64 / Vista64 / 7 / 7 x64

Read More

Cara Membuat Auto Read More pada Blogger

Posting kali ini cara membuat auto read more di blogger. Untuk kali ini sangat menarik dalam membuat auto read more karena dalam posting kita tidak perlu memposting seperti kita membuat read more (posting yang lalu), sehingga kita hanya buat posting saja. Secara automatis read more akan terlihat dengan sendirinya.

Kelebihan yang lain dari fungsi auto read more kali ini yaitu kita bisa mengatur berapa banyak karakter yang akan ditampilkan. Ada karakter yang bisa ditampilkan jika ada sebuah gambar dalam postingan yang anda buat. Dan adapula yang tanpa menampilkan gambar. Memang cara membuat fungsi auto read more kali ini agak rumit tapi ada sisi positifnya juga yaitu kita tidak perlu lagi membuat fungsi read more pada setiap posting .

Untuk pembuatanya langkah-langkanya sebagai berikut :

Cari kode </head> kemudian letakan script dibawah ini di atas kode . copy paste script auto read more barikut ini:

<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 250; img_thumb_height = 120; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ /****************************************** Auto-readmore link script, version 2.0 (for blogspot) (C)2008 by Anhvo visit http://en.vietwebguide.com to get more cool hacks ********************************************/ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script>

Tetap pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" kemudian cari kode dibawah ini

<data:post.body/>

<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.body/>");</script> <span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Setelah selesai tekan save template.
Keterangan tentang cara membuat auto read more:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel).

Dengan keterangan seperti di atas kamu dapat merubah script fungsi auto read more sesuka hati. Selamat mencoba.

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

OpenCMS

OpenCMS merupakan open source sistem manajemen konten website (CMS) yang menggunakan Java, JSP, XML, MySQL pada Tomcat (Java Servlet container dan web server). Muncul dengan editor WYSIWYG terpadu dan editor teks sederhana untuk Internet Explorer dan Mozilla berbasis browser seperti Firefox. perangkat lunak CMS memungkinkan Anda untuk melihat ruang kerja Anda dalam seperti jendela Explorer, mengedit file dengan mengubah elemen tertentu dalam halaman atau langsung mengedit dengan menggunakan built-in WYSIWYG editor, dll Program ini berlisensi di bawah GNU Lisensi Publik Umum.

silahkan Download di sini

Read More

CMSimple Content Management

CMSimple adalah salah satu yang terkecil, paling cerdas dan paling sederhana Content Management Systems dibawah GPL atau lisensi AGPL.
CMSimple Content Management dirancang untuk webmaster dengan situs yang relatif kecil (kurang dari 2 Mb dalam teks isi). Ia tidak perlu situs Anda memiliki database - isi situs Anda akan disimpan dalam file HTML tunggal. Ini memiliki editor WYSIWYG berbasis JavaScript online yang bekerja di Mozilla dan IE 5.5 dan di atas (tidak bekerja pada browser lain). Program ini gratis, tapi mengharuskan Anda untuk melestarikan link ke situs mereka.


Silahkan di download di sini

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

Wolf CMS

Wolf CMS memberikan Anda kemampuan untuk menyesuaikan ("menyesuaikan" dalam Bahasa Inggris AS ) halaman web Anda pada halaman basis per (misalnya, Anda dapat membuat itu memiliki tata letak sendiri, mewarisi tata letak orang tua, atau gunakan namun halaman layout lain ), halaman yang dilindungi sandi set, gunakan URL mesin pencari ramah, dll ini dapat menggunakan salah satu CMS MySQL atau SQLite untuk database-nya.

Wolf CMS datang dalam dua format paket. Anda dapat mendownload baik rilis stabil atau calon bila tersedia. Jika Anda benar-benar ingin versi canggih, baru-baru ini kode yang paling selalu tersedia dari Google Code.
Bisa di download di sini

Read More

aura cms

Bagi kamu yang akan membuat website dengan Content Management System ini ada CMS Karya anak bangsa sendiri lho yaitu Aura CMS. Aura CMS adalah hasil karya anak bangsa yang merupakan software CMS (Content Managemen System) untuk website yang berbasis PHP4 & MySQL berlisensi GPL (General Public License).

Dengan bentuk yang sederhana dan mudah ini diharapkan dapat digunakan oleh pemakai yang masih pemula sekalipun.

Software ini mungkin tak semuanya memenuhi harapan pemakai, oleh karena itu diharapkan adanya kritikan, sumbangan pikiran atau mungkin bentuk modifikasi dari para pengguna sekalian baik berupa modul maupun perubahan-perubahan lainnya yang dapat menjadikan auraCMS ini menjadi lebih baik.

Kamu bisa mendownload di bawah ini
Download

Read More