Tips Membuat Tool Kode Warna HTML Khusus Blog Responsive - Sebenarnya tips yang saya berikan ini terdapat suatu kekurangan karena hanya dikhususkan bagi pengguna template/blog responsive ( pilih kasih masjonny ), tapi karena mengingat rata rata semua telah menggunakan template/blog responsive yang udah banyak menyebar digoogle dan pembuatnya pun tidak sedikit memberikannya dengan gratis. Tool kode html ini sebenarnya saya bagikan dengan tujuan agar anda dapat mandiri karena tidak harus mengunjungi tempat kode warna seperti yang telah banyak kita lihat dimana-mana. saya aja pakai photoshop untuk mencari warna yang pas buat tampilan blog saya.
( Baca Juga : Cara Membuat Blog SEO Mobile Friendly )
Fitur tool ini juga dilengkapi dengan valid HTML5 jadi jangan ragu untuk memasangnya di blog anda. Karena dilengkapi dengan fitur responsive yang akan sangat menguntungkan karena dapat diakses melalui segala macam perangkat browser.
( Baca Juga : Cara Merubah Status Blog Nofollow Menjadi Dofollow )
Buat yang penasaran bagaimana contoh dari kode warna yang akan saya bagikan pada hari ini, bisa dilihat pada screenshot dibawah ini!! ( Adminnya malas pasang sih )
Tips Membuat Tool Kode Warna HTML Khusus Blog Responsive
( Baca Juga : Cara Membuat Blog SEO Mobile Friendly )
Fitur tool ini juga dilengkapi dengan valid HTML5 jadi jangan ragu untuk memasangnya di blog anda. Karena dilengkapi dengan fitur responsive yang akan sangat menguntungkan karena dapat diakses melalui segala macam perangkat browser.
( Baca Juga : Cara Merubah Status Blog Nofollow Menjadi Dofollow )
Buat yang penasaran bagaimana contoh dari kode warna yang akan saya bagikan pada hari ini, bisa dilihat pada screenshot dibawah ini!! ( Adminnya malas pasang sih )
- Pertama masuk kedalam dashboard blog masing masing
.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;
}
- Untuk Mengganti lebar dari tool kode warna ini anda dapat mengganti kode warna hijau diatas sesuai selera.
- Setelah pemasangan awal selesai maka saatnya untuk melakukan pemasangan akhir guna untuk menyambungkan kedua kode tersebut.
<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>
- Langkah terakhir adalah menyimpan template anda dan lihat hasilnya!!
Demikianlah Tips Membuat Tool Kode Warna HTML Khusus Blog Responsive yang telah kami berikan kepada anda, sekarang anda tidak perlu repot-repot untuk mengunjungi situs-situs tertentu karena anda dapat melihatnya dan mencobanya didalam blog anda sendiri.
Belum ada tanggapan untuk "Tips Membuat Tool Kode Warna HTML Khusus Blog Responsive"
Post a Comment