Cara Memasang Kode Warna HTML di Blog Terbaru

Cara Memasang Kode Warna HTML di Blog Terbaru | Putusujane.id – Warna merupakan bagian penting dari suatu desain. Apalagi di dalam desain tampilan blog atau website. Jika tidak ada warna, mungkin suatu karya tersebut sedikit terlihat tidak hidup. Untuk kali ini saya menjelaskan bagaimana cara memasang fitur/widget/gadget kode warna html di blog kita. fitur ini sangat responsive dan tidak mengganggu tampilan blog kita.

Cara Memasang Kode Warna HTML di Blog Terbaru

Dengan memasang widget Kode Warna HTML di blog, pengunjung bisa dapat terbantu dengan fitur yang kita pasang ini. Jadi pengunjung akan selalu kembali mengunjungi blog kita. Anda tidak perlu bersusah payah mencari website penyedia kode warna. Maka dari itu akan lebih mudah pasang di blog kita sendiri.

Jika belum pernah melihat widget ini, anda bisa langsung menuju ke halaman blog ini dengan menuju link yang saya berikan dibawah ini.

Kode Warna HTML ini hampir sama dengan fitur Flat UI Color. Cuma kode warna dibawah ini lebih lengkap darinya. Widget ini menggunakan flash, jadi di browser anda harus ada plugin Flashplayer versi terbaru sekarang ini. Jika tidak ada, silahkan anda unduh dan install terlebih dahulu.

Baiklah langsung saja. Dibawah ini adalah langkah-langkah pemasangan kode warna html di blog. Silahkan simak dan ikuti dengan benar.

1. Pastikan anda sudah login di akun blogger, jika sudah langsung klik segitiga hitam terbalik ke bawah > klik Template dan tunggu beberapa detik. Jika masih bingung, lihat gambar dibawah ini.

Klik Template

2. Klik tombol Edit HTML dan tunggu beberapa detik.

Edit HTML

3. Silahkan tekan tombol CTRL + F , cari kode ]]></b:skin> dan letakkan kode berikut ini tepat diatas kode ]]></b:skin> . Kodenya berada pada gambar dibawah ini!. Jika sudah klik tombol Simpan template.

Masukkan kode script CSS

Kode Script :

.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;
}

4. Setelah anda memasang kode CSS di edit html tersebut, selanjutnya klik menu Laman (Page) yang berada di samping kiri, lalu klik Laman baru (New page) dan tunggu beberapa detik. Lihat gambar dibawah ini!.

Laman Baru (New Page) 
5. Pada bagian kolom judul silahkan isi dengan “Kode Warna HTML” , Klik tab HTML, Copy dan Pastekan kode script dibawah ini pada kolom tersebut dan klik Publikasikan. Kode script berada pada bagian bawah gambar ini.
Publikasikan

Kode Script :

<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>
<a href=”http://putusujaneid.blogspot.com/2016/03/cara.memasang.kode.warna.html.blog.terbaru.html”title=”Pasang Kode Warna HTML”>Pasang Kode Warna HTML</a>

6. Selesai. Silahkan anda lihat hasilnya.

Jika hasilnya tidak muncul, silahkan anda lihat lagi pada script dan ikuti lagi langkah-langkah diatas dengan benar. Jika diatas masih ada yang kurang, silahkan anda berkomentar, nanti saya tambahkan.

Salam,
Putu Sujane.

Leave a Reply

Your email address will not be published. Required fields are marked *