Cara Membuat Kotak Script Pada Artikel Blog Terbaru
Cara Membuat Kotak Script Pada Artikel Blog Terbaru
Nikekuko.com - Apakah ada yang masih bingung Bagaimana cara membuat tulisan dalam kotak di blog jangan kuwatir kali ini saya akan berikan artikel tentang Cara Membuat Tulisan Dalam Kotak Di Blog
Ngeblog dan membuat artikel merupakan suatu rutinitas bagi seorang Blogger setiap hari,dari mulai menentukan judul,membuat artikel sampai mempublikasikan hasil karyanya adalah hal yang biasa bagi mereka.
Bagi blogger membuat postingan dengan baik dan rapih merupakan sesuatu yang harus diterapkan pada setiap artikel yang dibuat,contohnya Cara Membuat Tulisan Dalam Kotak Di Blog dengan membuat isi konten yang rapih dam menarik tentunya dapat nilai seo pada mesin pencarian terlihat bagus dan juga dilihat oleh pengunjung pun akan merasa betah berlama-lama di blog kita.
pada kesempatan kali ini saya ingin membahas tentang membuat tulisan dalam kotak agar terlihat rapih dan enak dilihat oleh pengunjung blog jika memang kotak/bingkai tulisan itu dibutuhkan,untuk membuat kotak untuk tulisan ini sangat mudan dan simpel. Ganti kata ngescipt pada setiap kode dengan kata-kata yang ingin dituliskan Semoga teman semua menemukan kotak yang sesuai dengan yang diharapkan pada blog ngescript ini yah dan menerapkannya pada blog teman sesuai keinginan. untuk warna bisa disesuaikan dengan kode warna, ukuran bisa disesuaikan
Bagi teman yang ingin mengetahui cara membuat kotak tulisan bisa lihat langkah nya dibawah ini.
Langkah membuat tulisan dalam kotak
1. Masuk ke Blogger - Buat Entri Baru
2. Mulailah menetukan judul artikel dan lanjut membuat artikel pada mode Compose
3. Saat ingin memasukkan kode tulisan dalam kotak,masuk ke mode HTML dan pastekan kode script yang ingin dipasang pada postingan
4. Untuk melanjutkan menulis artikel,kembalikan ke mode Compose seperti pada no 2 dan lihat hasilnya jika berhasil akan ada kotak untuk menulis didalamnya
Setelah kita selesai membuat kotak tersebut beserta artikelnya silahkan teman Pratinjau dahulu dan jika sesuai harapan silahkan Publikasikan artikel yang teman buat tadi, tutorial diatas tentang memasang kode script pada postingan. Jika teman sudah mengerti cara memasangnya, kita lanjut pada jenis kotak tulisan/border.
Jenis Border dan Kode Script Untuk Tulisan
Ada berbagai jenis kotak yang unik untuk membuat tulisan pada kotak dan menarik untuk diterapkan agar setiap postingan yang membutuhkan border tersebut dapat terlihat menarik dan rapih,untuk jenis nya teman bisa lihat dibawah ini kode script nya juga sudah ada di dalam tiap kotak tingal dipraktekan saja yah.
Kotak Border Berwarna Hijau
Kotak Border Yang Bisa Disesuaikan
atau <textarea cols="60" onclick="this.focus();this.select()" readonly="readonly" rows="1">ngescript
catatan:untuk isi kotak ganti tulisan ngescript dengan Isi hanya bisa 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
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 #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
Kotak Background Kuning Kuning Hitam
Kotak Disisipkan
Kotak Tabel 4 KolomKode script :
| 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
Kotak Biru Sisi kiri Siku Melengkung
Kotak Sisi Shadow
< /div></span></span></span>