Cara Membuat Kotak Text Pada Posting

Pernah dari anda pasti pernah melihat text pada suatu artikel di blog yang mempunyai kotak yang ada scroll bar-nya, dan sekarang anda mempunyai blog dan ingin mebuat artikel dan ingin menambahkan kotak text tersebut. Pasti di antara kalian ada yang tidak tahu namanya termasuk juga saya dulu, tapi itu tidak penting sekarang anda sudah menemukannya, dan sekarang adalah waktu saya untuk memberitahukannya kepada anda semua, silahkan di perhatikan :

1. Masuk ke akun blog anda 
2. Seperti biasa jika ingin membuat artikel, buat entri baru/ new entri 
3. Setelah masuk ke halaman untuk membuat artikel, pilih dalam mode html dan masukkan kode berikut ke dalamnya


<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 200px; width: 500px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukkan Tulisan atau teks sobat disini
< /div></span></span></span>


4. Pada tulisan yang berwarna kuning masukkan tulisan anda ( untuk yang satu ini anda bisa masukkan tulisan anda pada mode html ataupun pada mode compose ) 
5. Jika berhasil maka akan seperti ini yang terjadi


Masukkan Tulisan atau teks sobat disini

Adapun kode yang lain yang bisa anda coba juga, mungkin kodde yang ini cukup muda dibandingkan kode yang saya berikan di atas. Walaupun tampilan dari kedua kode ini berbeda, baiklah silahkan di perhatikan langkahnya :

1. Buat entri baru/new entri 
2. Masuk pada mode html, dan masukkan kode berikut


<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>



TULISAN SOBAT ATAU APAPUN TEPATNYA ADA DISINI.

(Tulisan ditulis di COmpose, sedangkan Kode di Tulis pada mode Edit HTML)

</div>


3. Pada tulisan yang berwarna kuning tulis saja pada mode compose untuk lebih mudah 
4. Jika sudah, dan berhasil akan seperti ini tampilannya


TULISAN SOBAT ATAU APAPUN TEPATNYA ADA DISINI. (Tulisan ditulis di COmpose, sedangkan Kode di Tulis pada mode Edit HTML)

Tweet

Fb

Postingan terkait:

Ditulis Raka — Sunday, August 25, 2013 — Add Comment — Tutorial