Cara Memasang Auto Readmore Versi Baru

Untuk anda para blogger mungkin sudah tak asing lagi dengan tulisan Readmore, selengkapnya dan sejenisnya yang ada pada postingan. kali ini saya akan membahas tentang bagaimana caranya membuat Readmore versi terbaru pada postingan. Readmore versi terbaru kali ini memang agak berbeda dengan Readmore versi terdahulu.

Cara Memasang Shoutbox Di Blogger

Apa sih Shoutbox itu ? Shoutbox adalah sebuah widget yang mempunyai fungsi yang tidak jauh berbeda dengan chatting, dimana semua pengunjung ataupun pemilik blog itu sendiri.bisa saling mengirimkan pesan-pesan singkat seperti perkenalan, pemberitahuan dan lain sebagainya. Bila kita melihat blog ataupun website yang sudah memasang shoutbox, biasanya shoutbox ini terletak pada halaman depan blog ataupun website tersebut.

Cara Memasang Widget Mp3 Player pada Blog

Widget Mp3 Player ini mungkin akan sangat bermanfaat sekali bagi anda yang gemar mendengarkan musik. khususnya bagi para blogger mania yang pecinta musik. mungkin orang- orang sudah terbiasa mendengarkan musik melalui radio, Hp, tape dan lain sebagainya. sekarang bagaimana bila kita mendengarkan musik tersebut melalui blog kita sendiri, bisa jadi juga dengan adanya widget mp3 player pada blog anda ini.

Template 3D Dengan Slide Show Ala Zigmag Primuz

Template ini hampir sama dengan template Transformers yang sebelumnya saya buat. tapi yang membedakan template ini adalah dengan adanya Slide show bergaya Zigmag Primuz, dimana kita bisa menampilkan sebagian postingan kita atau biasa disebut Post summary kedalam tampilan slide show tersebut. selain itu kita bisa menampilkan gambar yang ada dalam postingan kita.

Membuat kotak text area dengan fasilitas tombol Select All

Mungkin anda pernah berkunjung ke suatu blog ataupun website dimana pada halaman blog ataupun dalam postingan mereka terdapat sebuah text area dengan fasilitas select all. Contohnya seperti pada gambar dibawah ini.




Sekarang pertanyaannya adalah bagaimana kita bisa membuat kotak Teks area seperti itu, untuk membuat kotak Teks area dengan fasilitas select all tersebut caranya adalah seperti keterangan berikut ini.

Text area adalah sebuah perintah HTML yang berfungsi untuk membuat sebuah kotak ataupun bidang dimana dalam kotak tersebut bisa kita masukan beberapa text yang kita inginkan, contohnya seperti dibawah ini:


Kotak ini biasa kita gunakan untuk mengisi beberapa kata, kode-kode pada postingan maupun untuk membuat kotak link exchange. bagi anda yang ingin membuat sebuah kotak seperti tersebut caranya sangatlah mudah. Anda cukup copy kode dibawah ini lalu letakkan ke blog ataupun postingan anda.

<div style="text-align: center;"><textarea style="width: 300px; height: 40px; padding:3px">Tulis text ataupun kode yang ingin anda tampilkan disini</textarea></div>

Keterangan :
- Teks yang berwarna biru merupakan teks yang nantinya muncul pada kotak tersebut. Silahkan anda ganti dengan teks atau kode yang ingin anda tampilkankan dalam kotak tersebut.
- center yaitu menunjukkan posisi text dalam kotak tersebut di posisi tengah. Bila anda ingin meletakkan text tersebut dikanan. Anda cukup menggantinya dengan right dan Left bila anda ingin meletakkannya diposisi sebelah kiri.
- Width yaitu untuk ukuran lebar kotak dan Height untuk ukuran tinggi kotak. Silahkan anda ganti sesuai keinginan keinginan anda.

Membuat kotak teks/text area dengan fasilitas tombol Select All

Tadi yang kita bahas adlah tentang cara membuat text area. Nah sekarang kita akan membahas tentang kelanjutannya yaitu text area dengan tombol select all. Tombol select all adalah sebuah tombol yang digunakan untuk menghighlight seluruh teks yang berada didalam text area tersebut, sehingga kita atau pengunjung bisa lebih mudah untuk mengcopy seluruh teks atau kode yang berada dalam text area tersebut. Contohnya seperti dibawah ini, coba anda tekan tombol select all yang ada dibawah ini.maka semua teks yang ada dalam kotak tersebut akan terhighlight atau terblok semua dengan mudah.




Untuk membuat teks area dengan tombol select all seperti diatas caranyan adalah seperti berikut, copy semua kode dibawah ini ke blog ataupun postingan anda.

<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: Center;"><textarea style="padding: 3px; Width: 300px; Height: 50px;" name="txt">Tulis text ataupun kode yang ingin anda tampilkan disini</textarea></p></form>

Keterangan:
- Teks yang dicetak tebal dan berwarna merah adalah teks yang muncul pada tombol. Silahkan anda bisa menggantinya dengan nama lain, misalnya pilih semua, copy semua ataupun yang lainnya.
- Teks berwarna biru adalah teks muncul didalam kotak. Silahkan anda ganti dengan teks ataupun kode yang ingin anda tampilkan dalm kotak tersebut.
-  Teks yang di cetak tebal dan berwarna hitam seperti Center, Width dan Height. silahkan anda ganti juga sesuai keinginan anda.

Ok mungkin cukup sampai disini dulu postingan saya mengenai cara membuat kotak teks area dengan fasilitas tombol select all ini. semoga bermanfaat dan salam blogger mania.

0 comments:


ShoutMix chat widget

Free Wallpaper|Blog Tutorial|Tips & Trik|SEO|Widget

  © Free Blogger templates The Robotic by Kang Oemar templates 2009

Kembali Ke : ATAS