Monday, September 7, 2015

Cara Memasang Tool Kode Warna HTML di Blog



Cara Memasang Tool Kode Warna HTML di Blog - Kali ini saya akan share Tool Kode Warna HTML yang nantinya bisa di pasang di postingan blog. Tool ini memiliki fitur responsive, sehingga bisa diakses di semua perangkat browser. Untuk demonya seperti dibawah ini:


Cara Memasang Tool Kode Warna HTML di Blog

Berikut step-stepnya:

1. Login ke akun blogger

2. Klik menu template, kemudian klik Edit HTML


3. Cari kode </style>, lalu copy kode dibawah ini dan paste tepat diatas kode </style>

.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 klik Save Template.

4. Setelah itu, pastekan kode dibawah ini di postingan kalian [Jangan lupa untuk menaruh kode ini di bagian HTML bukan di 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> 

Klik publish dan selesai. Tool Kode Warna HTML telah terpasang di postingan.

Semoga Trik Cara Memasang Tool Kode Warna HTML di Blog bermanfaat!

0 comments

Post a Comment