Wednesday, May 9, 2012

Tombol CSS Hitam

Lumayan dah dapat sedikit pencerahan sempat dibingungkan sama posting apaan lagi eh dapet juga kali ini saya coba posting kode tombol css pada blogger. Setelah posting sebelumnya di tombol transparant  kali ini saya akan saya buat postingan serupa. Langsung aja karena cukup mudah diterapkan, pada bagian Rancangan lalu pilih edit HTML. cari kode ]]></b:skin> lalu salin script di bawah ini dan letakkan di atas kode ]]></b:skin>
.hideung {cursor:pointer;color:#FFF; background:#222; width:auto;height:auto;
        border-top:1px solid #555; border-bottom:1px solid #111;
        padding:4px 8px 4px 8px;text-transform:uppercase;display: inline-block;
        font-weight:550;text-align:center;
          }
.hideung:hover {color:#FFF; background:#333; width:auto; 
        border-top:1px solid #888; border-bottom:1px solid #111;
        text-transform:uppercase;
        box-shadow:0 2px 3px #888;
        -webkit-box-shadow:0 2px 4px #888;
        -moz-box-shadow:0 2px 4px #888;
        box-shadow:0 3px 5px #888;text-shadow:1px 2px 3px #1cc;
}
.hideung:active { cursor:pointer;color:#1cc; background:#555; width:auto; 
        border-top:1px solid #555; border-bottom:1px solid #111;
        text-transform:uppercase;
        font-weight:550;text-align:center;
 }

Untuk pemanggilannya klik tambah gadget pilih HTML/javascript salin kode di bawah ini dan letakkan di dalam formulir.

<div class="hideung">test siji</div>
<div class="hideung">test loro</div>
<div class="hideung">test telu</div>
<div class="hideung">test papat</div>

atau juga penerapannya bisa dilakukan di dalam elemen lain misal di sidebar-wrapper misal pada edit HTML pada elemen #sidebar h2 {letakkan script cssnya di sini}

DEMO



test siji
test loro
test telu
test papat

7 comments:

  1. Kunjungan perdana sobat :D
    Blog nya mantap


    Visit back ya sob \m/

    ReplyDelete
  2. @kalo saya .post-outer nya di ganti sama apa ya mas? saya bingung nyari nyari
    Sama saja kok, pake .post-outer

    ReplyDelete
  3. Replies
    1. dari pertama ngeblog sampai ketemu blognya mas taufik sampai sekarang saya makin nambah ilmu berkat mamas opik ^_^

      Delete
  4. tambah siip aja :)

    ReplyDelete