GRATIS ! INFO SEPUTAR WIRAUSAHA -Klik Disini-

Advertisment

Cara Membuat Text Area Terbaru Ala Kompi Ajaib

Membuat Text Box Keren Seperti Kompi Ajaib - Dalam membuat postingan artikel blog, text area sering digunakan untuk menempatkan kata-kata penting atau poin-poin yang terdapat dalam sebuah artikel. Dengan text area pembaca lebih fokus terhadap poin-poin yang di sampaikan dalam postingan artikel tersebut.

Biasanya beberapa blogger menggunakan text area sebagai kotak box coding terutama untuk blog yang membahas materi tentang blogging dan google adsnse. Blog yang membahas seputar blogging dan google adsense sering menggunakan kode-kode pemrogaman sehingga mau tidak mau text box area sangat diperlukan dalam membingkai kode-kode tersebut. 

Sebenarnya membuat text area tidak harus menggunakan coding, tex area bisa Anda buat dengan menggunakan metode blockquote. Dengan menggunakan blockquote Anda tidak perlu repot-repot memasang kode text area. Namun sayangnya beberapa template blogger tidak memiliki fitur css text area yang cantik.



Setelah browsing kesana kemari beberapa text box area yang Admin lihat memiliki penampilan biasa saja dan kurang menarik perhatian bagi para pembaca.  Diantara beberapa text area yang cukup membuat Admin tertarik yaitu salah satu text area yang dibuat mirip dengan text area Mas Adhy pemilik kompi ajaib.

Cara Membuat Text Area Keren Terbaru Ala Kompi Ajaib

Baiklah langsung saja, berikut adalah kode text area ala kompi ajaib yang bisa Anda pasang di postingan artikel blog Anda.


<pre style="background: rgb(108, 122, 137); border-left: 3px solid rgb(239, 72, 54); color: #EEEEEE; font-family: Consolas, Monaco, &quot;Andale Mono&quot;, monospace; font-size: 14px; line-height: 1em; margin: 10px auto; max-width: 100%; overflow: auto; padding: 8px 10px; user-select: all; white-space: initial; word-break: normal;"><code style="font-family: Consolas, Monaco, &quot;Andale Mono&quot;, monospace; line-height: 1em; white-space: initial; word-break: normal; word-spacing: normal;">
....
...GANTI TEXT ANDA DISINI...
...
</code></pre>
Ganti text berwarna merah diatas dengan text milik Anda.

 Demo:

....
...GANTI TEXT ANDA DISINI...
...
Bagaimana, mudah bukan ? jika Anda masih bingung dalam penerapan kode text area diatas silahkan tinggalkan komentar dibawah. Selamat Mencoba, Semoga Berhasil !

Buka KomentarTutup Komentar