Cara Memasang Tools Kode Warna HTML Responsive di Blog

Apa siah tools kode warna HTML itu? Tools kode warna HTML adalah sebuah alat yang berguna untuk menterjemahkan kode-kode HTML dari warna-warna yang ada. Artinya, dengan alat ini, sahabat bisa mengetahui kode-kode khusus yang dipakai pada bahasa pemograman. Dengan alat ini pula, sahabat bisa menentukan kode yang pas sesuai dengan yang diinginkan.

Tools kode warna sendiri ada berbagai jenisnya. Ada yang langsung menunjukkan gambar yang ada hingga kita bisa memilihnya. Dan ada pula yang kita menentukan sendiri warna pilihan kemudian kita baru mengambil kode yang ada tersebut.

Apakah Tools Kode Warna HTML itu bisa Dipasang di Blog?

Kelebihan kode ini adalah bisa dipasang di blog kita. Jadi jangan khawatir jika sahabat memang ingin 'memilikinya' atau ingin memasang tools ini di blog maka bisa dan sangat bisa.

Maka pada kesempatan ini, Ngonline06 akan berbagi cara memasang tools kode warna HTML tersebut. Kelebihan dari cara yang ingin kami bagi adalah tools ini akan responsive. Artinya, alat ini akan menyesuaikan bentuknya sesuai dengan media yang dipakai pengunjung blog sahabat. Jika biasanya tutorial-tutorial yang ada dalam memasang tools kode warna hanya cocok untuk media desktop dan kurang sedap dipandang di media lainnya. Mengapa demikian? Karena pemasangannya dibuat tidak responsive.

Maka ini adalah kelebihan dari trik yang akan Ngonline06 bagikan kali ini. Sebagai contoh, sahabat bisa melihat tools kode warna HTML disini.

Cara Memasang Tools Kode Warna HTML Responsive

Lalu bagaimana cara memasang tools kode warna HTML tersebut? Sangat mudah, Trik ini dibuat oleh masyadi. Berikut adalah cara memasang tools kode warna HTML responsive. Perhatikan dengan teliti agar tidak terjadi kekeliruan dalam pemasangannya.

1. Sahabat pergi ke dashbord blog.
2. Kemudian klik template > edit html.
3. Cari kode </style> atau ]]></b:skin>. Pasang kode di bawah ini di atas kode tersebut.
.color-code {
  text-align:center;
  margin:20px auto;
  width:70%;
}

.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;
}
Keterangan: Jika sahabat ingin mengatur lebar tools agar lebih kecil atau besar, silahkan ganti angka yang berwarna merah di atas sesuai dengan keinginan sahabat.
4. Save template sahabat.
5. Setelah itu, silahkan membuat postingan baru dan tulis kode html berikut ini pada postingan sahabat. Ingat, kode ini ditulis di html, bukan compose.
<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>

Yups, sekarang tools kode warna yang responsive sudah terpasang. Silahkan dipakai dan dimanfaatkan alat tersebut sebaik mungkin. Oya, jika sahabat menemukan kendala atau kesulitan dalam mempraktikkannya, silahkan coret-coret saja di kotak komentar berikut ini. Akhirnya, semoga sahabat semua berhasil dalam memasang tools kode warna HTML yang responsive di atas ya....

LIHAT: Cara Memasang Tools Kode Warna HTML Rapi di Blog