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
DEMO
test siji
test loro
test telu
test papat
keren soobbb..
ReplyDeleteKunjungan perdana sobat :D
ReplyDeleteBlog nya mantap
Visit back ya sob \m/
@kalo saya .post-outer nya di ganti sama apa ya mas? saya bingung nyari nyari
ReplyDeleteSama saja kok, pake .post-outer
Sidebarnya keren :-bd
ReplyDeletedari pertama ngeblog sampai ketemu blognya mas taufik sampai sekarang saya makin nambah ilmu berkat mamas opik ^_^
Deletetambah siip aja :)
ReplyDeletehihi :rolled:
Delete