Jumat, 08 Mei 2015

Cara Membuat Kode Warna di Blogger Responsive dan Valid HTML 5


Kode Warna adalah salah satu objek penting dalam sebuah membuat suatu web atau blog. Setiap website/blog pasti mempunyai unsur penggunaan kode warna, maka dari itu saya buat Kode Warna di Blogger ini.



Kode Warna Online ini ialah salah satu alternatif yang paling baik di gunakan. Cara menentukan atau mencari warnanya pun tidak jauh beda dengan software-software pencari warna semisal PhotoShop. Nah, jika anda berminat memasang Kode Warna keren ini, Beriku caranya.
Untuk DEMO bisa di lihat di link di bawah ini.


Cara Membuat Kode Warna di Blogger Responsive dan Valid HTML 5

1. Login di Dashbord Blogger anda terlebih dahulu
2. Pilih, Laman / Pages
3. Klik, New Page / Halaman Baru
4. Copy Script berikut ini:
<div style="text-align: center;">
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="https://googledrive.com/host/0Bz4YdwRI3rnCc01fUWNaNGNHbjQ/"></object>
</div>
</div>
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="https://googledrive.com/host/0Bz4YdwRI3rnCNDVYN2tlcFF1b3c/"></object>
</div>
</div>
</div>
<style type='text/css'>
.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}
</style>

5. Sebelum di Simpan, Ubah Mode Compose menjadi Mode HTML
6. Kemudian, Simpan

Selamat mencoba.. Semoga Cara Membuat Kode Warna di Blogger Responsive dan Valid HTML 5 ini berhasil di terapkan.


Previous
Next Post »

2 komentar

Wulan Nuraisyah delete 8 Mei 2015 pukul 17.12

OH BEGITU :v

Follow ya

Seorang Pemuda Kampung delete 13 Mei 2015 pukul 07.09

YAA..

Posting Komentar