Cara Membuat Text Area dengan Mudah

Cara Membuat Text Area dengan Mudah

Cara Membuat Text Area dengan Mudah - Text area adalah sebuah trik pada postingan blog untuk membuat sebuah text dalam area tertentu, sehingga beberapa text dalam postingan blogger dalam area tertentu yang berbeda dengan yang lainnya, sebagai contohnya adalah sebagai berikut :

Contoh Text Area:

Contoh Text Area

Jika sobat blogger tertarik untuk membuat sebuah text area silahkan ikuti langkah-langkah dibawah ini.

CARA MEMBUAT TEXT AREA DENGAN

1.    Log in ke blogger sobat

2.    Buat entri atau postingan baru

3.    Copy dan Paste kode dibawah ini kedalam postingan sobat untuk membuat text area

<textarea cols="20" name="Famous Quotes" readonly="readonly" rows="10">Masukan Text yang akan dimasukan kedalam text area disini sehingga akan menjadi seperti tampilan diatas</textarea>

1.    Ganti Masukan Text yang akan dimasukan kedalam text area disini sehingga akan menjadi seperti tampilan diatas dalam kode tersebut dengan text yang ingin sobat masukan kedalam text area

2.    Terakhir kalau sudah selesai membuat postingannya adalah mempublish postingan tersebut

Itulah cara membuat text area pada postingan blog, semoga bermanfaat yah.

Read more

Cara membuat memasang tombol back to top go top di blogger

Cara membuat/memasang tombol back to top/go top di blogger, tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini

Fitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.

Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger

• Silahkan login di Blogger
• Pilih Template > Edit HTML > klik Expand Widget Template
• Cari kode </body>  (gunakan CTRL+F)
• Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)

<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/>

• Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas

<script src=http://bloggerpeer.googlecode.com/files/backtotop.js type=text/javascript/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<a href=# style=display:scroll;position:fixed;bottom:5px;right:5px; title=Back to Top><img onclick=MGJS.goTop();return false; src=http://1.bp.blogspot.com.com/-FjrYiE6C8ZY/TqJMQWu2osI/AAAAAAAAADI/GFdFWFPlO6o/s1600/back-to-top.gif/></a>

• Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

Read more

Cara Membuat Tulisan Berjalan dengan Efek Marquee

Di beberapa forum atau website berita, sering kita lihat tulisan berjalan pada bagian atas menu / header dari nama situs tersebut. Tulisan berjalan itu biasanya digunakan untuk memberitahukan pengunjung mengenai informasi Update, Maintenance, Breaking News, dan lain sebagainya.

Untuk membuat tulisan berjalan dengan cantik dibutuhkan efek Marquee pada penggunaan kode HTML. Marquee adalah efek yang dapat diisi tulisan atau angka sehingga dapat bergerak atau berjalan pada satu baris. Seperti garis horizontall, line vertical, dan diagonal namun yang kita lihat lebih sering berjalan dalam bentuk horizontall.

Langsung ke tutorial cara membuatnya, seperti berikut ini :

Cara Membuat Tulisan Berjalan dengan Efek Marquee :
1. Silahkan anda isi/edit pada bagian "Tulisan Anda" dengan kata atau angka yang ingin dibuat berjalan.
2. Kemudian copy paste script codenya.
3. Tambahkan pada Gadget/Widget di Blog anda dengan cara Tambah Gadget > HTML/Javascript > Masukkan kode > Save.

- Efek Marquee sederhana ( Berjalan Terus Menerus )
<marquee> Tulisan Anda </marquee>

- Jika ingin tidak terlihat bosan, kita dapat menambahkan background dibelakang baris tulisan yang berjalan, dengan kode :
<marquee bgcolor="blue">Tulisan Anda dengan Latar Belakang berwarna Biru </marquee>

- Untuk mengatur Arah Gerakan ( top / left / bottom / right )
<marquee direction="up">Tulisan Disini ke Atas</marquee>

- Membuat Text Berjalan berdasarkan perulangan yang ditentukan. Akan berhenti jika perulangan selesai.
<marquee loop"5"> Text ini berjalan dan AKAN BERULANG 5x  </marquee>

- Membuat Text berjalan pada setengah bagian lebar halaman / media / lebar layar.
<marquee width="50%">TEXT BERJALAN DALAM 50% Bidang</marquee>

- Tulisan Berjalan dengan Kecepatan
<marquee scrollamount="10">TULISAN ANDA BERJALAN DENGAN KECEPATAN 10 </marquee>

- Membuat Text Berjalan ke Kanan atau Kiri.
<marquee direction="right">TEXT BERJALAN KE KANAN</marquee>
kalau ke kiri tinggal ganti right dengan left.

- Berjalan Bolak Balik Terus Menerus
<marquee behavior="alternate">TEXT BERJALAN BOLAK BALIK</marquee>

- Script selanjutnya, adalah menampilkan tulisan berjalan muncul dari atas lalu bergerak ke arah bawah.
<marquee direction="down" height="50">TEXT BERJALAN KE BAWAH</marquee>

Untuk mengatur ukuran tingginya ganti angka 50 dengan ukuran tinggi keinginan anda.

- Tulisan berhenti ketika tersentuh mouse.
<marquee behavior"alternate" onMouseOver="this.stop()" onMouseOut="this.start()">TEXT BERJALAN MENUNGGU MOUSE</marquee>

- Text berjalan disertai URL Link, contohnya untuk registrasi, login dan pemberitahuan lain.

<marquee><a href="http://.blogspot.com">Nama Linknya / Nama Halaman Anda</a></marquee>

Anda juga dapat memodifikasi tampilan text berjalan marquee ini dengan elemen html lainnya yang dapat dikombinasikan. Contohnya seperti memberi warna tulisan, merubah ukuran huruf, membuat text berkedip-kedip, membuat tulisan huruf tebal, miring, dan bergaris bawah, serta masih banyak lagi.

Contohnya dengan menambahkan kode style disertai kode css apa yang akan digunakan.
<blink><marquee style="font-size: 30px; color:black; font-style:italic;">Kombinasi Tulisan Berjalan Efek Marquee</marquee></blink>

Sekian dahulu artikel cara membuat tulisan berjalan atau cara membuat text berjalan di blog atau menu , bidang dan sebagainya.

Read more