Text Box sering di gunakan pada blog untuk memberikan tips dari penulis blog biasanya, atau pun untuk menuliskan kode dari sebuah script tutorial yang di berikan oleh sang penulis.

Selain dari hal diatas Text Box juga membuat artikel blog anda tertata rapi dan enak di baca oleh pengunjung setia blog Sobat.

Kali ini ChekMad ingin berbagi dengan pengunjung setia blog ini tentang bagaimana cara membuat text box menarik pada blog sobat.

Contoh Text Box yang akan kita buat  :

• Masukan tulisan anda disini agar terdapat di dalam text box •

Cara Membuat Text Box

  1. Masuk / Login ke blogger.com dengan menggunakan akun blog Anda.
  2. Pilih Entri Baru atau membuat posting baru.
  3. Selanjutnya buatlah tulisan baru pada blog sobat
  4. Untuk memasukan Kode text box pindahlah ke HTML dan paste kode berikut 
<div style="background-color: #ccffff; border: 3px #DC143C Double; padding: 10px; text-align: left;">
• Masukan tulisan anda disini agar terdapat di dalam text box •</div>
selanjutnya silahkan sobat kembali ke mode compose dan lihat hasilnya.

Untuk Menambah shadow pada tulisan sobat  gunaka kode di bawah ini
<div style="background-color: black; border: 3px #DC143C Double; color: white; font-size: 20px; padding: 10px; text-align: left; text-shadow: 3px 3px 3px #fff;">
• Masukan tulisan anda disini agar terdapat di dalam text box •</div>

• TEXT BOX DENGAN SHADOW •

Catatan :
  • Kode yang di beri warna merah silahkan sobat ganti/sesuaikan dengan warna yang sobat suka dan sesuai dengan template sobat.
Axact

AWAKAWAI.COM

Awakawai.com - Media Online untuk berbagi informasi, pengetahuan dan hiburan.

Post A Comment:

0 comments: