• Beranda

Belajar Blog

  • Blogger
    • Download Template
    • Panduan Blog
    • Trik Mudah SEO
    • Widget
  • Edukasi
    • Buku BSE
    • Info PPDB
    • Makalah
    • Pantun
    • Puisi
  • Game
    • Arcade
    • Batle
    • Racing
    • Sport
  • Cheat
  • TOOL
    • Compress CSS
    • Kode Warna
  • Error
Home » Panduan Blog » Seo » Membuat Tool Kode Warna Valid HTML5 dan Responsive
Jumat, 07 Maret 2014

Membuat Tool Kode Warna Valid HTML5 dan Responsive

kak sakti
Panduan Blog, Seo
Jumat, 07 Maret 2014
add comment
 Membuat Tool Kode Warna Valid HTML5 dan Responsive di Blog - Setelah kemaren saya meng-share cara memasang tool kode warna di blog , tapi tutorial kemaren masih ada kekurangan yaitu belum valid , bagi anda yang ingin memasang tool kode warna di blog dan ingin tetap valid silahkan simak tutorialnya . tutoril ini saya ambil dari mas adhy pemilik blog kompi ajaib . namun kali ini saya menambahinya dengan membuat tool tersebut menjadi responsive . ini dia demo toolnya



Cara Memasang Tool Kode Warna di Blog

  1. Pertama ada pasang dulu CSS nya diatan kode </style>  maupun  ]]></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;
    }

    NOTE:
    Untuk mengatur width (lebar) Toll tersebut silahkan ubah ukuran 60 % pada kode berikut
    .color-code{text-align: center;margin:20px auto;width:60%;}
    Silahkan sesuaikan dengan lebar halaman postingan Anda, jika tampilannya agak kecil silahkan tambahkan persentase-nya
  2. Setelah anda memasang CSSnya sekarang saat anda pasang Html nya untuk memanggil Css 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>
  3. Langkah terakhir simpan template dan lihat hasilnya ( untuk hasilnya anda bisa lihat toll diatas
Demikian artikel saya kali ini tentang Cara  Membuat Tool Kode Warna Valid HTML5 dan Responsive . semoga tutorial tersebut bermanfaat bagi anda . spesial thank to +Adhy Suryadi
resource : http://www.kompiajaib.com/2014/03/membuat-tool-kode-warna-di-blog-valid.html
Share this article :
Tweet
✚

Artikel Terkait:

  • Membuat CSS Jumlah Entri Pada Widget Label
  • Cara Membuat Scroll Timer Pada Blog
  • Membuat Popular Post Keren Ala Kompi Ajaib
  • Cara Memasang Video Responsive dan Valid HTML5
  • Default Thumbnail Pada Auto Readmore Tanpa Javasript

Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon Request Out Of Topic

:)
:(
=(
^_^
:D
=D
|o|
=)D
@@,
;)
:-bd
:-d
:P
:ngakak:
:lucu
:nangis
:prustasi
:rokok
:asem
:yes
:help:
(-.-,)
xV
:W
:gitar:
:call:
Posting Lebih Baru Posting Lama Beranda
Langganan: Posting Komentar (Atom)

Selamat Datang Di Belajar Blog Pemula




Tutorial Apapun Tentang Blog

  • Cara Pasang Widget Al-Qur'an pada Blog
  • Cara Buat Related Post atau Artikel Terkait
  • Cara Memasang Facebook Like Badge
  • Cara Membuat Auto Read More Pada Blog
  • Cara Membuat Recent Post Animasi
  • Download Game Flappy Bird Populer

Arsip Blog

  • ▼  2014 (53)
    • ►  Mei (1)
    • ►  April (9)
    • ▼  Maret (8)
      • Membuat Bagian Postingan Tidak Bisa di Copas Kecua...
      • Download Sanggala Responsive Blogger Template
      • Membuat Tool Kode Warna Valid HTML5 dan Responsive
      • Download Game Balapan Motor Superbike Racers
      • Cara Membuat Halaman Error 404 Keren di Blog
      • Informasi Pendaftaran ( PPDB ) MAN Insan Cendekia ...
      • Bermain Flapy Bird di PC Tanpa Download
      • Membuat Share Button Sosial Media Tanpa Javascript
    • ►  Februari (10)
    • ►  Januari (25)
  • ►  2013 (97)
    • ►  Desember (40)
    • ►  November (30)
    • ►  Oktober (27)

Article Populer

Belajar Blog Profeesional

Kecantikan & Kesehatan Official

Artikel Terbaru

BREAKING NEWS :
Loading...

Join with us

Temukan Saya Di Facebook

Mengenai Saya

kak sakti
Lihat profil lengkapku

Kategori

  • Android
  • Chatting
  • Download Game
  • Download Lagu
  • Download Template
  • Facebook
  • Google Adsense
  • jQuery
  • Kontes Seo
  • Opini
  • Panduan Blog
  • Password PS2
  • Penjasorkes
  • PPDB
  • Premium
  • Request
  • Sea games
  • sejarah
  • Seo
  • Sepak Bola
  • Software
  • Sport
  • Twitter
  • Widget

New Artikel

Membuat link Bro
saktikaromah@2018. Diberdayakan oleh Blogger.

Copyright © Belajar Blog - Template by saktikaromah | Powered by Blogger