Cara Membuat Kolom Script Di Postingan Blog dan Warna Kolom

Cara dan trik Membuat Kolom Script Di Postingan Blog dan Warna Kolom - Membuat kolom pada postingan blog bisanya untuk merapikan artikel atau berfungsi untuk ditak memakan ruang postingan di artikel. Nah yang saya buat kali ini ada yang hanya kotak sederhana, kota yang ada secrolnya dan lainya.

Cara pembuatannya ini menggunakan script yang cukup mudah untuk pemula dan yang sudah mengetahuinya, nah di bloger anangzd.com blog yang berfungsi untuk belajar ilmu bersama. bila kalian tidak mau mengetik sendiri saya memberikan secara gartis kode script dengan cara cops alias copy paste giman sangat enakkan, oky langsung saja ke panduanya.

Cara Membuat Kolom Script Di Postingan Blog dan Warna Kolom : 

Kolom sederhanScript : <div style="background-color: white; border: 3px #1780dd double; padding: 10px; text-align: left;">
.Hasil_Nya.</div>
.Hasil_Nya.

Kolom berwana
Script : <div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;">
Hasil_nya
Hasil_nya

Kolom berwana pojok kiri dan tanpa garis
Script : <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;">
Hasil_nya

Kolom ketebalan garis
Script : <div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Kode Script Anda Disini</div>
Hasil_nya

Kolom garis putus putus
Script : <div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Kode Script Anda Disini</div>
Hasil_nya

Dobel kolom garis
Script : <div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Kode Script Anda Disini</div>
Hasil_nya

Kolom garis di bawah
Script : <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;">Kode Script Anda Disini</div>
Hasil_nya

Kolom garis biasa
Script : <div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;">Kode Script Anda Disini</div>
Hasil_nya

Kolom garis titik titik
Script : <div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini</div>
Kode Script Anda Disini

Kolom kotak garis dua
Script : <div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini</div>
Kode Script Anda Disini

Kolom biasa dobel garis
Script : <div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Kode Script Anda Disini</div>
Kode Script Anda Disini

Sekrang kalin sudah bisa membuat kolom di blog kalian, meski kalian pemua blogger pastinya langsung bisa karena hal ini saya buat secar cuma cuma atu gartis panduanya agar ilmu saya juga bisa bermanfaat buat kalian semua. dan jangan lupa untuk di bagikan kepada temen temen kalian ya.
Bagikan:

Post a Comment

Top Ads

Bottom Ads