Cara Membuat dan Memasang Tool Kode Warna Html Di Blog Responsive - Jika sobat ingin mendesign template anda menjadi semenarik mungkin , pasti butuh yang namanya kode warna html , namn apakah anda hafal semua kode warna html ? mngkin kala kode dasarnya sih hafal seperti warna putih dengan kode #FFF dan warna hitam #000 maka dari itu kita membutuhkan bantuan kode warna yang kita dapatkan dari photosop maupn tools warna yang lainya.
Tool kode warna yang akan saya share kali ini merupakan modifikasi dengan penambahan fitur responsive serta valid html5 , sehingga bagi anda yang pecinta validator tak ragu-ragu untuk memasangnya , serta di penambahan fitur responsive untk memungkinkan tool ini bisa diakses disema perangkat browser.
Terus hasilnya gimana bro tool kode warna html yang kita buat nanti , untuk yang kepo atau penasaran seperti apa demonya , silahkan sobat lihat penampakan gentayangan dibawah ini :
Cara Gampang Memasang Tool Kode Warna di Halaman Blog Kita
- Pertama silahkan sobat login dulu akun dasbhor sobat
- Kemdian pergi ke template => Edit HTML lalu pasang dulu CSS nya diatan kode
</style>
maupun ]]></b:skin>
.color-code {
text-align:center;
margin:20px auto;
width:60%;
}
.color-responsive {
position:relative;
padding-bottom:100%;
height:0;
overflow:hidden;
}
.color-responsive object {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
}
NOTE:
Untuk mengatur width (lebar) Toll tersebut silahkan ubah ukuran 60 % pada kode berikut
.color-code{text-align: center;margin:20px auto;width:60%;}
Silahkan sesuaikan dengan lebar halaman postingan Anda, jika tampilannya agak kecil silahkan tambahkan persentase-nya
- Setelah anda memasang CSSnya sekarang saat anda pasang Html nya untuk memanggil Css tersebut
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="http://www.2createawebsite.com/build/color.swf"></object>
</div></div>
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="http://www.2createawebsite.com/build/col.swf"></object>
</div>
</div>
- Langkah terakhir simpan template dan lihat hasilnya ( untuk hasilnya anda bisa lihat toll diatas
Gimana Tutorial Cara Membuat Tool Kode Warna Html Di Blog Responsive serta valid nya ? hembs mdah bangetkan ? nah jika sobat tertarik dengan tools tersebut silahkan sobat ikuti ttorial diatas supaya tools tersebt bisa terpasang di blog sobat , demikian dari saya terima kasih banyak :D
10 Komen Cara Membuat Tool Kode Warna Html Di Blog Responsive
nah ini baru berfungsi, rata2 pada copas Om cara bikin Kembali Ke Laptop.
Makasih Om. Salam Kenal Ia http://www.beautywater.id/
cara posting kode html di postingan gimana yah seperti di artikel ini ??
artikelnya jitu mas bro...mksh sudah bisa di terapkan...
Makasih mas, saya dah pasang di blog MageBlogspot
makasih mas..dah dipasang juga diblog saya..
mantaph.. ijin praktekin
ijin bang untuk di pasang di blog saya
mantap...ijin sedot ilmunya...hehehe
keren gan boleh diterapkan di blog ane nih ....... hehehehe
Wah saya gak bisa gan kok malah Active adobe flash?
= > Silahkan berkomentar sesuai artikel diatas
= > Berkomentar dengan url ( mati / hidup ) tidak akan di publish