-->

Membuat Tool Kode Warna Valid HTML 5 dan Responsive

Advertisement

Membuat Tool Kode Warna Valid HTML 5 dan Responsive

Cara mudah memasang tool kode warna yang sudah valid HTML 5 dan juga responsive di dalam Posting Artikel - Sebetulnya sudah banyak blog yang membahas dan mengajarkan tentang memasang tool kode warna didalam artikel. Namun ini untuk melengkapi dan sebagai bahan untuk belajar saya dan ingin berbagi kepada sahabat semua. Berikut ini tampilan tool kode warna yang saya buat. Kode warna ini saya ambil dari blog Mas Ahmad Suyadi. Dan tool ini sudah sangat Valid HTML 5 dan juga sangat Responsive. Anda bisa melihat hasilnya didalam postingan pada blog saya Kode Kode Warna HTML Blog. Atau hasilnya akan seperti di bawah ini


Jika sahabat tertarik ingin memasang pada Artikel Anda, Silahkan copy kode CSS dibawah ini kemudian pastekan tepat diatas kode </style>  atau  ]]></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;
}

Kemudian untuk memasangnya di postingan atau Artikel Anda, silahkan copy code warna dibawah ini, kemudian pastekan di didalam artikel yang Anda inginkan dalam format penulisan HTML (bukan Compose). Silahkan Anda copy kode dibawah ini.



<center>
<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>

Demikian cara memasang Tool Kode Warna Valid HTML 5 dan Responsive yang bisa saya share untuk sahabat. Jika sahabat punya cara lain yang lebih efektif. Silahkan share di kotak komentar. Saya hanya ingin berbagi dan belajar blogger.

Advertisement
Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Membuat Tool Kode Warna Valid HTML 5 dan Responsive

Advertisement
Advertisement

0 komentar:

Post a Comment

> Komentar yang Anda kirim sepenuhnya dimoderisasi oleh Admin.
> Komentar yang mengandung Link aktif (spam) akan kami hapus
> Tidak Perlu Menulis Nama Blog Anda Disini, Saya Pasti Kunjungi Blog Anda
.

Advertiser