Membuat Tombol Demo dan Download ala Kang Ismet
Membuat Tombol Demo dan Download ala Kang Ismet - Banyak tutorial cara membuat tombol "Demo" dan "Download" yang sudah sahabat lain bagikan, kali ini saya akan membuat tutorial cara membuat tombol demo dan download ala blog ini.

Biasanya tombol ini digunakan untuk berbagi template, atau link download saja.
Untuk demonya, nantinya seperti ini :
Cara membuatnya :
Tambahkan kode di bawah ini sebelum

Biasanya tombol ini digunakan untuk berbagi template, atau link download saja.
Untuk demonya, nantinya seperti ini :
Cara membuatnya :
Tambahkan kode di bawah ini sebelum
]]></b:skin>
/* -- Kang Ismet Button --*/
.button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:0;padding:0}
.demo {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !important; background: #E55E48; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s;letter-spacing:1px; }
.download {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !important; background: #5FAAE3; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;}
.demo:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }
.download:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }
Untuk penggunaannya, buat kode seperti ini ketika membuat postingan (gunakan mode HTML)<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="http://blog.kangismet.net" target="_blank">Demo</a></li>
<li><a class="download" href="http://blog.kangismet.net" target="_blank">Download</a></li>
</ul>
</div>
<div class="clear"></div>
95 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
kalo dikasih font awesome gimana yah.?
tapi disimpannya di CSS
http://gameunyil.blogspot.com
http://goo.gl/j0sf8h
tulisannya juga sangat menginsprasi saya yg baru belajar blog.
kunjung balik & tinggalkan jejak ya bang. www.okebayu.com
Kebetulan di blog Kang ismet sudah di realisasikan, ijin pakai scriptnya
Kang Ismet, terima kasih atas artikel nya Kang ?
kunjungi blog saya : http://game-begog.blogspot.com
cara agar jadi satu baris gmana yah ??
kunjungi juga : http://kazoku48.blogspot.com/
terima kasih sebelumnya :)
kok lain dari yang lain, biasanya khan kudu pake space dulu, tapi ini kok nggak, ajarin aku donk...
he..he..he..he..
ini blog sya , http://masjawika.blogspot.com/ salam kenal
nama saya jawikas
http://blog.kangismet.net/2012/10/kangis-magz-blogger-template.html
http://jangandownload.blogspot.com/2013/04/download-film-one-piece-movie-z-2012.html
bagus juga, soalnya blog saya bertemakan tentang download.
pas banget
apakah tidak memberatkan blog?
bisa minta nomer Hp-nya gak..
penting banget.
Design tombol seperti ini saya sangat suka :)
mksh tutorialnya
Makasih atas berbagi ilmunya ini Kang
Tapi ini pasti nanti berguna buat saya kang, simpen dulu scriptnya...
Happy blogging kang..
Scriptnya saya amankan ya kang... Hatur Nuhun...
*langsung masuk ke lab praktikum
salam blogger