Cara Menghasilkan Goresan Pena Dalam Kotak Di Blog

Apakah ada yang masih risau Bagaimana cara menghasilkan goresan pena dalam kotak di blog jangan kuwatir kali ini aku akan berikan postingan tentang  Cara Membuat Tulisan Dalam Kotak Di Blog 

Ngeblog dan menghasilkan postingan merupakan sebuah aktivitas rutin bagi seorang Blogger setiap hari,dari mulai menyeleksi judul,membuat postingan hingga menerbitkan hasil karyanya merupakan hal yang lazim bagi mereka. 

Bagi blogger menghasilkan postingan dengan baik dan rapih merupakan sesuatu yang mesti dipraktekkan pada setiap postingan yang dibuat,contohnya Cara Membuat Tulisan Dalam Kotak Di Blog dengan menghasilkan isi konten yang rapih dam menawan pastinya sanggup nilai seo pada mesin telusur terlihat anggun dan juga dilihat oleh hadirin pun akan merasa betah berlama-lama di blog kita.

pada potensi kali ini aku ingin membahas wacana menghasilkan goresan pena dalam kotak mudah-mudahan terlihat rapih dan yummy dilihat oleh hadirin blog jikalau memang kotak/bingkai goresan pena itu dibutuhkan,untuk menghasilkan kotak untuk goresan pena ini sungguh mudan dan simpel. 

Bagi sobat yang ingin mengenali cara menghasilkan kotak goresan pena sanggup lihat langkah nya dibawah ini.

Langkah menghasilkan goresan pena dalam kotak

1. Masuk ke Blogger - Buat Entri Baru

2. Mulailah menetukan judul postingan dan lanjut menghasilkan postingan pada mode Compose

3. Saat ingin memasukkan instruksi goresan pena dalam kotak,masuk ke mode HTML dan pastekan instruksi script yang ingin dipasang pada postingan

4. Untuk melanjutkan menulis artikel,kembalikan ke mode Compose menyerupai pada no 2 dan lihat balasannya jikalau sukses akan ada kotak untuk menulis didalamnya

Setelah kita simpulan menghasilkan kotak tersebut beserta artikelnya silahkan sobat Pratinjau dulu dan jikalau sesuai prospek silahkan Publikasikan postingan yang sobat buat tadi, panduan diatas wacana memasang instruksi script pada postingan. Jika sobat sudah mengetahui cara memasangnya, kita lanjut pada jenis kotak tulisan/border.

Jenis Border dan Kode Script Untuk Tulisan

Ada aneka macam jenis kotak yang unik untuk menghasilkan goresan pena pada kotak dan menawan untuk dipraktekkan mudah-mudahan setiap postingan yang memerlukan border tersebut sanggup terlihat menawan dan rapih,untuk jenis nya sobat sanggup lihat dibawah ini kode script nya juga sudah ada di dalam tiap kotak tingal dipraktekan saja yah.

Kotak Border Berwarna Hijau

<div style="border: 3px #04B45F Double; padding: 10px;background-color:#FFFFFF; text-align: left;">  coba tulis </div>

Kotak Border Yang Bisa Disesuaikan
<textarea cols="60" onclick="this.focus();this.select()" readonly="readonly" rows="1">ngescript
catatan:untuk isi kotak ganti tulisan ngescript dengan Isi cuma sanggup diganti di HTML yah


Kotak Border Background Biru

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #cfe2f3; text-align: center;"> ngescript </p>

Kotak Border Background Samar

<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color: #FBFBEE; text-align: left;">ngescript</div>

Kotak Border Background Biru Tua

<p style="border: solid 1px #eceff5; background: #29447E; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">Coba coba</p>

Kotak Abu-abu Siku Melengkung

<p style="border: solid 1px #aaa; background: #ccc; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: black; font-size: 18px">ngescript</p>

Kotak Border Putih Abu-abu

<p style="border: dashed 2px #eceff5; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #1a356e; font-size: 18px">ngescript</p>

Kotak Border Orange Putus-putus

<p style="border: dashed 2px #ee3f10; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #1a356e; font-size: 18px">Coba coba</p>

Kotak Background Kuning

<div style="border: 2px #006400 ridge; padding: 10px; background-color: GOLD; text-align: left;"> ngescript</div>

Kotak background Kuning Putus Pendek

<div style="border: 2px #006400 dotted; padding: 10px; background-color: GOLD; text-align: left;"> ngescript</div>

Kotak Background Kuning Kuning Hitam

<div style="border: 2px #006400 dashed; padding: 10px; background-color: GOLD; text-align: left;"> ngescript </div>

Kotak Disisipkan

<div style="border: 2px #006400 solid; padding: 10px; background-color: GOLD; overflow: auto; height: 50px; width: 600px; text-align: left;">ngescript </div>

Kotak Tabel 4 Kolom

isi kotak1	isi kotak2
isi kotak2	isi kotak2

Kode script :
<table border="1" style="width: 400px;">

<tbody>

<tr>

<td align="center">isi kotak1

</td>

<td align="center">isi kotak2

</td>

</tr>

<tr>

<td align="center">isi kotak2

</td>

<td align="center">isi kotak2

</td>

</tr>

</tbody></table>

catatan: width: 400px bisa disesuaikan


Kotak Biru Sisi kiri Siku Melengkung

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">ngescript</div>

 Kotak Biru Sisi kiri Siku Melengkung

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">ngescript</div>

Kotak Sisi Shadow

<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;">ngescriiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiipt
< /div></span></span></span>

Catatan : Ganti kata ngescipt pada setiap instruksi dengan kata-kata yang ingin dituliskan Semoga sobat semua mendapatkan kotak yang tepat dengan yang diperlukan pada blog ngescript ini yah dan menerapkannya pada blog sobat sesuai keinginan. untuk warna sanggup diubahsuaikan dengan instruksi warna, ukuran sanggup disesuaikan

Jika ada pertanyaan dan saran. Silahkan gunakan kolom komentar untuk bertanya. Terima kasih sudah membaca postingan ngescript ini