Mungkin kamu sering melihat pada postingan blog ada bagian yang menampilkan tulisan dalam sebuah kotak , itulah yang disebut text area. Text area juga berfungsi untuk emperjelas bagian yang ingin disorot dalam sebuah postingan blog.
Caranya mudah saja, ikuti tips singkat berikut.
tidak perlu langkah-langkah panjang, cukup gunakan skrip berikut :
<textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>
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.
hasilnya seperti ini :
jika kamu maukkan code HTML pada text area maka code itu tidak akan berfungsi, akan muncul code HTML biasa.
mudah bukan ... selamat mencoba...
Minggu, 07 Juni 2009
Tutorial Blog : Membuat text area sederhana di posting blog kamu
Senin, 01 Juni 2009
Tutorial Blog : Membuat blog roll
Bagi kamu yang menginginkan Tampilan blog yang teratur dan terlihat rapi, disarankan menggunakan blogroll untuk menghemat ruang dalam blog. dalam tips berikut ada dua jenis blog roll yang akan saya berikan. ini di ambil dari tutorial Kang Rohman.
bloh rol ini bisa di gunakan untu menaruh link / banner sahabat atau pun iklan2 yang ingin di tampilkan.
Blog roll Pertama,
bentuk blog roll ini menggunakan fasilitas rool untuk melihat tulisan yang melebihi kolom nya, hanya dengan menggunakan scrip sederhana berikut:
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
isi halaman
</div>
diantara scrip tersebut masukan tulisan, link , atau apapun yang ingin kamu tampilkan di blog.
contonya seperti ini ( diambil dari kang rohman)
Panduan membuat blog
Cara setting blog
Memilih template
Mengatur huruf dan warna
Cara memposting artikel
buat Read more pada template klasik
Cara membuat Text Area
Cara membuat menu dropDown
cara Upload foto
Cara membuat Link(1)
Cara membuat Link(2)
Cara membuat marquee (text berjalan)
Cara membuat efek Refresh
Kode HTML tampil pada postingan
Masalah posting artikel
Simbol Yahoo! Emoticons
Simbol Blogger Emoticons
Cara Pasang jam
Cara membuat banner animasi
Cara membuat buku tamu
HTML Tutorial
Free Download
Foto animasi
Cara pasang Statistik & Tracker
Perlunya IE dan FireFox
Blog roll Kedua ,
Blog roll yang kedua ini tidak menggunakan scrol tapi tulisan , link atau pun banner akan bergerak sendiri dar bawah ke ata atau sebaliknya. Hanya dengan menggunakan scrip berikut :
( ini juga diambil dari kang rohman )
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" >
isi halaman
</marquee>
keterangan :
scrollamount="2" --> angka "2" adalah menunjukan kecepatan gerakan, jika ingin lebih cepat silahkan ganti nilainya dengan yang lebih tinggi. Misal : scrollamount="3" ,scrollamount="4" , scrollamount="5"
direction="up" --> tulisan "up" menunjukan arah gerakan keatas, kalau ingin di rubah tinggal ganti kata "up" menjadi "down,left,right" . Misal : direction="down" , direction="left" , direction="right" .
width="50%" --> tulisan "50%" menunjukan lebar dari marquee sebesar "50%" dari tempat dimana perintah ini ditempatkan, jika ingin di rubah tinggal ganti dengan nilai yang di inginkan. contoh : width="30%" , width="70%" , width="100%"
height="200" --> tulisan "200" menunjukan tinggi dari marquee sebesar 200px, jika ingin di ganti tinggal di rubah nilai angkanya. Misal : height="100" , height="300" , height="400" , height="250" .
contoh nya seperti ini :
mudah sekali bukan... sekarang tinggal bagaimana kebutuhan blog anda...
selamat mencoba...
Technorati Profile
Selasa, 26 Mei 2009
Tutorial blog : cara bertukar link yang baik
Technorati Profile
Jika kamu ingin memperluas persahabatan dan sekalian menambah pagerank blog kamu, lakukan pertukaran link ke sesama blogger. Secara otomatis akan mempromosikan blog kamu sendiri.
caranya cukup mudah ikuti tip berikut.
Pertama, kamu harus sudah punya icon/ logo dari blog kamu jika belum ikuti tutorial saya sebelumnya yaitu cara membuat avatar / logo blog . jika kamu sudah memiliki icon / logo blog , kamu tinggal upload untuk mendapatkan URL nya.
saya rekomendasikan tempat Upload gambar di photobucket.com
Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut :
1. Silahkan buka alamat photobucket.com,
2. Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis) dengan meng klik tombol yang bertuliskan Join Now pada sudut kanan atas layar
3. Sekarang saya asumsikan kamu sudah terdaftar (pastilah cara daftarnya bisa kan)
4. Silahkan Sign In dengan Id kamu
5. Bila sudah berada pada halaman Account sobat, Klik tombol yang bertuliskan Browse... Silahkan pilih logo yang tadi di buat
6. Klik tombol yang bertuliskan Upload
7. Tunggu beberapa saat ketika proses upload berlangsung
8. Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya
9. Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
Kedua, setelah kamu mempunyai URL dari icon / logo blog kamu gunakan skrip berikut untuk menampilkan Link kamu.
kemudian jika kamu ingin tampilan "tukar link" kamu seperti yang saya punya gunakan skrip berikut :
hasilnya akan seperti yang ada di tampilan blog saya
setelah semua selesai pastinya kamu juga harus menampilkan link dari blog yang menampilkan link blog kamu , sebenarnya kamu hanya copy paste link blog sahabat kamu di salah satu "gedget" yang kosong di blog kamu. Atau gunakan skrip berikut untuk memperindah tampilannya :
dalam skrip diatas sudah terdapat link dari blog saya ini , jika kamu mengambil skrip ini beritahukan saya dan saya akan tampilkan icon blog kamu di blog saya ini...
selamat mencoba...
Technorati Profile
Tutorial blog : Buat avatar dan logo / image button blog
Untuk menandakan ciri khas dari blog kamu sebaiknya tampilkan avatar atau logo blog. selain dapat memperindah blog, avatar / logo tersebut dapat di jadikan identitas dari blog kamu. Sekali lagi tidak perlu keahlian khusus untuk membuatnya. Cukup ikuti Tips berikut :
Membuat Avatar :
Silahkan kunjungi site berikut urfooz , dalam situs ini kamu dapat membuat avatar diri kamu sendiri. klik " get started " tunggu beberapa saat dan akan muncul berbagai pilhan untuk memulai :
1. pilihan untuk body pria atau wanita
2. terdapat pilihan "features" untuk pilihan ciri fisik kamu, "clothes" untuk pakaian, dan "accesories"
3. setelah avatar mu sesuai dengan keinginan klik "save", berikan nama avatar kamu , lalu "continue"
4. setelah melewati tahap tersebut avatar kamu sudah jadi , tapi untuk dapat mendownload avatar kamu kamu harus ikuti tahap selanjutnya.
5. creat your account
6. create your prifile ( bisa di skip)
setelah itu selesai kamu bisa bagikan avatar kamu ke Facebook, blog kamu atau pun download.
Membuat logo atau image button
silahkan kunjungi site cooltext.com , kemudian ikuti langkah berikut :
1. pilih mau membuat Logo atau button disain.
2. mulai mendisain , mulai dari text samapai warna yang ingin kamu gunakan.
3. kemuadian "Render button/logo"
4. lalu download
contoh yang sudah saya kerjakan :
tips : kamu dapat kreasikan avatar kamu dengan , cukup dengan menggunakan "powerpoin" hasilnya sebagai berikut ..
saya gunakan avatar ini sebagai icon blog ini
gampangkan...... silahkan mecoba.
Technorati Profile
Minggu, 24 Mei 2009
Tutorial blog : posting code HTML pada artikel blog
Mungkin ada yang pernah mencoba memberikan code HTML pada posting blog, tujuannya untuk membagi code HTML tersebut sebagai tutorial, namun apa mau di kata yang muncul di postingan malah tidak ada atau muncul program/widget yang dimaksud. repot kan.. terus bagaimana caranya ...
mari kita coba tips berikut:
cara pertama,
kita ubah semua simbol HTML yang ada , sesuai ketentuan berikut :
contoh jika ingin menampilkan code berikut :
<center><iframe scrolling="no" width="155" frameborder="0" src="http://radiomuslim.com/nativeradio/example.html" marginheight="0" height="110" marginwidth="3"></iframe></center>
maka kita harus tulis pada bagian posting :
<center><iframe scrolling="no" width="155" frameborder="0" src="http://radiomuslim.com/nativeradio/example.html" marginheight="0" height="110" marginwidth="3"></iframe></center>
cukup merepotkan dan rumit jika code HTML yang ingin di tampilkan ada ratusan baris.
bayangkan saja ....
tapi jangan kecewa dulu ada cara mudah dan instannya
cara kedua,
cara ini sangat mudah dan gampang, kamu cukup kunjungi site berikut : centricle.com
kemudian masukan code HTML yang ingin di tampilkan , lalu klik "endcode"
tunggu beberapa saat akan muncul hasil encode code HTML kamu.
copy paste code tersebut pada bagian postingan kamu..
dan lihat hasilnya
mudah bukan hehehe :) ... selamat mencoba
tips:
jika link yang diatas tidak berfungsi coba link berikut :
http://demo.nickname.net
http://www.opinionatedgeek.com
http://htmlentities.net/
