Add colorful text box for your blog and website

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 Android Tanpa Coding untuk Pemula"

Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2. 

Text boxes are mostly used for nesting information and displaying them on a webpage or blog page.usually it is used for giving some codes for visitors such as social sharing button codes.I have posted many tutorials about text boxes.This is another post on Text area.I think that you would like this post.A demo of this text box is given below.You can add this text box on your both blog site and website.If you want to get more information about text boxes visit my last posts.

This is demo of this Text box.You can put any text or code here....
Read: How to add Stylish Text box to your Blog  |   Text area with selecting All with a Button

I added hovering effects for this text box.You can see its performances by hovering Text box and clicking on it.I limited the width and height of text box.Try to increase width.You can't do it.But This code lets user to adjust only height for limited length.I limited the height and width because when adjusting the width of text box your web page content and layout might be confused.It is a barrier for visitors.

Add colorful text box for my Website/blog

Now I'm going to explain you how to add this text box on your blog first.You can add this text box on your blogger blog easily following below instructions.

1. Sign in to your Blogger account.
2. Then go to Blogger Dashboard >> Template >> Edit HTML.
3. Now find ]]></b:skin> code (Tip: you can use Inbuilt searching tool in your blogger template editor)
4. Then paste below CSS codes just above/before ]]></b:skin> code on your HTML Template editor.

/*------ Colorful Textbox From www.bestlodge.blogspot.com-------------*/
#tbox1{
width:600px;
height:250px;
max-width:600px;/*setting max width*/
max-height:360px;/*Setting max height of box*/
min-height:24px;
margin:10px;
padding:6px 14px;
overflow:auto;
word-wrap:nowrap;
border:3px solid #E2E837;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
outline:1px solid #FDFFB2;
opacity:0.9;
background:#80FFFE;
-moz-box-shadow: 2px 1px rgba(251,241,219,0.3);
-webkit-box-shadow:2px 1px rgba(251,241,219,0.5);
box-shadow:2px 1px rgba(251,241,219,0.5);
/*font styles*/
font-family: "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif;
font-size:16px;/*1em*/
color:#565554;
line-height:20px;
}
#tbox1:hover {
border-color:#00CC00;
opacity:1;
background:#0DCCCC;
-webkit-transition-property:background;
-webkit-transition-duration:0.7s;
-webkit-transition-timing-function:ease;
font-weight:normal;
}
#tbox1:active {
border-color:#ccc;
opacity:1.3;
background:#BCB7B7;
color:#272727;
-webkit-transition-property:background;
-webkit-transition-duration:0.7s;
-webkit-transition-timing-function:ease-in-out;
}
/*---------End Textbox styles-----------*/

5. Now Save your Template.

You are done.while you're editing your post and whenever you want to add text area in a post,paste below code in your source code editor(Edit HTML section).Then make below changes.

<textarea id="tbox1" readonly="readonly">
Type your Text or code here.
</textarea>

As i mentioned in code,you can customize this text box's minimum height and width as your template width.If you want to concede your visitors to edit the content inside text box,remove readonly="readonly" code from above code.

If you want to add this text box code on your website,you can add CSS codes between <head> section of your website and add Text box code on <body> section.

I think that this post was useful for you.Visit our attractive text box selection to see more text boxes.If you have any problem in your mind,don't conceal it, ask me anything via commenting below.If you'd like to this post,please give some seconds to share this post among your friends.Happy and blessing friends :)

Pengelola Blog : ABDUL WAHAB

Judul : Add colorful text box for your blog and website
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Add colorful text box for your blog and website
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/add-colorful-text-box-for-your-blog-and.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