Berbagi Info Cara Membuat Kotak Script Dalam Postingan Blog Terbaru 2017 Gratis

Sedikit Info Seputar Cara Membuat Kotak Script Dalam Postingan Blog Terbaru 2017 - Hay gaes kali ini team sepintas Informasi, kali ini akan membahas artikel dengan judul Cara Membuat Kotak Script Dalam Postingan Blog, kami selaku Team sepintas Informasi telah mempersiapkan artikel ini untuk sobat sobat yang menyukai sepintas Informasi. semoga isi postingan tentang Artikel Tutorial Blogspot, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Cara Membuat Kotak Script Dalam Postingan Blog Full Update Terbaru
link: Cara Membuat Kotak Script Dalam Postingan Blog

Berbagi Cara Membuat Kotak Script Dalam Postingan Blog Terbaru dan Terlengkap 2017

Cara Membuat Kotak Script Dalam Postingan Blog

Menyematkan kotak dalam tulisan blog terlihat menarik dan indah. Banyak blogger menggunakan kotak dalam postingan untuk menaruh informasi penting, salah satunya adalah script HTML, Java dan sebagainya. 

Namun kotak yang disematkan dalam postingan ini tidak disediakan defuld oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini. 

• Login ke blogger dan pilihlah 'Entri Baru'
• Buat tulisan, posisi tulisan adalah 'Compose'.
• Setelah itu copy paste script ini, dan kembali ke postingan Anda di blogger. 
• Selanjutnya pilih 'HTML' ( jelasnya lihat gambar). 
• Paste script yang tadi di copy di bawah postingan (terserah mau menaruhnya dimana).
• Kembali lagi aktifkan 'Compose' dan lihat hasilnya. Tradaaa... sudah ada kotak. 
• Selanjutnya Anda sisa mengganti tulisan '(ganti tulisan ini)' dengan tulisan yang ingin Anda taruh disana, bisa berupa script atau tulisan lain. Mudah kan...!

Mudah dong, namun mungkin Anda tidak setuju dengan tampilan kotak contoh diatas. Anda bisa merubahnya sesuka hati. Berikut ini penjelasan scriptnya.

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">(ganti tulisan ini)</div>.

• border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
• Double : bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan).

<div style="background-color: white; border: 3px #1780dd Dashed; padding: 10px; text-align: left;">
<span style="color: #222222; font-family: &quot;cantarell&quot;; font-size: 15.4px; line-height: 21.56px;">Kotak yang kaya ini.</span></div>

<div style="background-color: white; border: 3px #1780dd dotted; padding: 10px; text-align: left;">
<span style="color: #222222; font-family: &quot;cantarell&quot;; font-size: 15.4px; line-height: 21.56px;">Kotak yang kaya ini.</span></div>

<div style="background-color: white; border: 3px #1780dd groove; padding: 10px; text-align: left;">
<span style="color: #222222; font-family: &quot;cantarell&quot;; font-size: 15.4px; line-height: 21.56px;">Kotak yang kaya ini</span></div>

<div style="background-color: white; border: 3px #1780dd inset; padding: 10px; text-align: left;">
<span style="color: #222222; font-family: &quot;cantarell&quot;; font-size: 15.4px; line-height: 21.56px;">Kotak yang kaya ini</span></div>

<div style="background-color: white; border: 3px #1780dd outset; padding: 10px; text-align: left;">
<span style="color: #222222; font-family: &quot;cantarell&quot;; font-size: 15.4px; line-height: 21.56px;">Kotak yang kaya ini</span></div>

<div style="background-color: white; border: 3px #1780dd ridge; padding: 10px; text-align: left;">
<span style="color: #222222; font-family: &quot;cantarell&quot;; font-size: 15.4px; line-height: 21.56px;">Kotak yang kaya ini</span></div>

<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
 script kotak di blog ini
</div>

Nah itulah penjelasan kode HTML untuk membentuk kotak script dalam postingan. Silahkan memodifikasi sesuai dengan selera Anda. Tidak susah bukan.Dipostingan selanjutnya kita akan buat kotak dengan scroll dalam postingan, so... stay cool.

Itulah sedikit Artikel Cara Membuat Kotak Script Dalam Postingan Blog terbaru dari kami

Semoga artikel Cara Membuat Kotak Script Dalam Postingan Blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai sepintas Informasi. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Cara Membuat Kotak Script Dalam Postingan Blog