Membuat Tombol Keren Untuk Blog

Membuat Tombol Keren Untuk Blog

Membuat Tombol Keren Untuk Blog - Blog Santai - Saya ucapkan banyak terima kasih atas kunjungannya. Kali ini saya mau berbagi informasi seputar Membuat Tombol Keren Untuk Blog dan mengenai sumber informasi bisa dilihat di akhir postingan ini.

Membuat Tombol Demo dan Download-Sebelumnya saya minta maaf baru bisa muncul kembali untuk mengurus blog berkarat ini :D. Pada kesempatan kali ini saya mencoba untuk berbagi mengenai membuat tombol keren untuk blog, tombol ini bisa kita gunakan untuk apa saja mulai dari tombol untuk demo, download dan lain sebagainya. Untuk demo dari tombol tersebut seperti dibawah ini.

Simpan kode dibawah ini diatas ]]></b:skin>.

 /* Button */  .button{display:inline-block;white-space:nowrap;background-color:#ddd;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ccc));background-image:-webkit-linear-gradient(top,#eee,#ccc);background-image:-moz-linear-gradient(top,#eee,#ccc);background-image:-ms-linear-gradient(top,#eee,#ccc);background-image:-o-linear-gradient(top,#eee,#ccc);background-image:linear-gradient(top,#eee,#ccc);border:1px solid #777;padding:0 1.5em;margin:0.5em;font:bold 1em/2em Arial,Helvetica;text-decoration:none;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.8);-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;-moz-box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset,0 1px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset,0 1px 0 rgba(0,0,0,.3);box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset,0 1px 0 rgba(0,0,0,.3)}  .button:hover{background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#ddd));background-image:-webkit-linear-gradient(top,#fafafa,#ddd);background-image:-moz-linear-gradient(top,#fafafa,#ddd);background-image:-ms-linear-gradient(top,#fafafa,#ddd);background-image:-o-linear-gradient(top,#fafafa,#ddd);background-image:linear-gradient(top,#fafafa,#ddd)}  .button:active{-moz-box-shadow:0 0 4px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow:0 0 4px 2px rgba(0,0,0,.3) inset;box-shadow:0 0 4px 2px rgba(0,0,0,.3) inset;position:relative;top:1px}

Untuk penggunaannya tambahkan kode dibawah ini saat membuat postingan (gunakan mode HTML).

<div style="text-align: center;">  <button class="submit button" type="button">  <a href="http://saeful13.blogspot.com/" target="_blank">DEMO</a>  </button>  </div>  

Berhubung kurang lebih 5 hari lagi Idul Fitri, saya dan keluarga memohon maaf yang sebesar-besarnya.

Taqobalallahu Minnaa wa Minkum
Minal 'Aidin wal-Faizin

Mohon Maaf Lahir dan Batin :)

Sumber: Klik Disini Spesial thanks to: Informasi Terbaru | Informasi Online | Kumpulan Cara Mengatasi | Aku Suka Menulis | Cara Agar Cepat Hamil

Powered by Blog Santai

Kumpulan Informasi

Silahkan Like Halaman Fans Page Kami. Agar Kami Bisa Tetap Terhubung Dengan Anda Lewat Facebook Dan Dapatkan Informasi Unik dan Menarik Lainnya.

Artikel Terkait: