Beranda  ›  HTML and CSS  ›  Posts

How to add Stylish Text box to your Blog


Lihat dan hitung, seberapa banyak aplikasi Android yang Anda instal di smartphone Anda? 

Pernahkah terbersit di benak Anda bagaimana cara membuat aplikasi-aplikasi tersebut?

Apakah Anda Saat Ini Ingin Sekali Bisa Bikin Aplikasi Android Sendiri? Seperti aplikasi game edukasi, media pembelajaran, aplikasi berbasis sensor, aplikasi multimedia, dan lain sebagainya?

Tetapi

1. Tidak Ngerti Coding
2. Tidak Tahu Computer Programming
3. Tidak Paham Bahasa Pemrograman Android
4. Dan Sama Sekali Bukan Lulusan IT?

Jangan Khawatir ...
Ternyata, bikin aplikasi Android itu SANGAT MUDAH, bahkan bagi Pemula sekalipun.

Sekarang Anda bisa bikin aplikasi Android dengan Cepat, bahkan TANPA HARUS CODING.

Tak peduli apapun latar belakang Anda, bikin aplikasi Android itu MUDAH, semudah bermain Puzzle.

Anda Hanya Perlu 4 Langkah berikut ini :

1. Drag & drop komponen-komponen yang dibutuhkan
2. Percantik tampilan aplikasi dengan mengatur layout dan desain tampilan
3. Susun blok-blok kode programnya, dan
4. Build aplikasi Anda jadi file instalasi *.APK

Lantas, Bagimana Cara Memulainya?
Mudah kok, karena sudah hadir untuk Anda Di Sini :


Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2. 
When you want to display special characters or codes on your blog to give your visitors, Text areas or text boxes are the mostly used solution for display them on a web page.Because they are another field in your blog, users can identify them easily. Also Text boxes save the extra area which is wasted for additional characters and codes.We can add effects to text boxes by using a styling language like CSS. Below are some tutorials about Text areas.

See Also :-
  1. Text area with selecting All with a Button
  2. 10 Pleasant text boxes for your Website and Blog
  3. How to add Text box with scroll bar to blogger
  4. Add attractive CSS Text box for website or Blog
  5. 10 CSS Text boxes with Scroll bars

Now I'm going to render another stylish text box .I have customized it using CSS by adding hovering effects.You can add it easily to your blog.You can see a Demo of this Text box in below.



Add This Text box to your Blog


First you have add some CSS codes to your Blog.So follow bellow few steps.

1. Sign in to your Blogger account and go to Blogger Dashboard >> Template.
2. Then find ]]></b:skin> code on your Template Editor.(Tip: You can use shortcut, Ctrl+F)
3. Now paste below code just above/before ]]></b:skin> code.

#BL_textarea1{border:1px solid green;-moz-border-radius:0px;border-radius:0px;background:#ccc;float:left;overflow:auto;
text-weight:normal;font-size:12px;font-family:arial,"times new roman", helvetica;opacity:0.4;width:600px; height:135px;
padding:8px 4px 2px 4px;margin:5px 3px}
#BL_textarea1:hover{border:2px outset #56FF32;-moz-border-radius:8px;border-radius:8px;background:#ccc;font-weight:bold;opacity:0.8}
You can change the width and height of the Text box changing Orange color numbers.Change the font size in the Text box with purple color number.

4. Now Save your Template.

Now you are almost done.Whenever you want add text box,You just need to add your characters/codes inside this code.You will add this code,by switching to HTML mode.

<textarea id="BL_textarea1" readonly="readonly" >
Enter your Text or any codes here.
</textarea>

If you you want to let users to edit the characters or codes inside the Text box, Please remove above readonly="readonly" attribute.

That's all. Share your Questions,suggestions and views with us.Happy blogging day!

Pengelola Blog : ABDUL WAHAB

Judul : How to add Stylish Text box to your Blog
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang How to add Stylish Text box to your Blog
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow yang mengarah ke URL ini ya
https://kejutaninternet.blogspot.com/2013/04/how-to-add-stylish-text-box-to-your-blog.html

Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.


Mau Di Buatkan Blog Siap Pakai Seperti Ini ?.

Artikel Terkait

Next
« Prev Post
Previous
Next Post »