Cara Membuat Tombol Demo With CSS Ala Kang Ismet

Cara Membuat Tombol Demo dan Download ala Kang Ismet

Assalamualaikum wr wb Cara Membuat Tombol Demo With CSS Ala Kang Ismet 
Selamat Malam Sobat ,, Wah Udah Pada Sholat belum ?? , Kalo udah Buka Komputer Kunjungi Blog Ini ya,, Nah Pada Postingan Kali Ini Saya Akan Share tentang Cara Membuat Tombol Demo With CSS Ala Kang Ismet Gimana Keren Gk Tombol Demo Dan Download nya ??.
Menurut Saya Sih Keren Juga ,,:D Nah Pada Ngiler Kan ?? Mau Liat tutorialnya Nah Langsung Aja Kita Ikutin Tutorialnya :D Oke . Yuk
 

Cara Membuat Tombol Demo With CSS Ala Kang Ismet



1. Buka Blogger
2. Klik Template -> Edit HTML

3. Copy kode dibawah ini dan paste diatas kode ]]></b:skin>


/* -- Button Style Kang Ismet-*/
.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 }

4. Simpan Template
5. 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://Info-sahabatku.blogspot.com" target="_blank">Demo</a></li>
<li><a class="download" href="Info-sahabatku.blogspot.com" target="_blank">Download</a></li>
</ul>
</div>
<div class="clear"></div>

6. Publikasikan > Selesai

Demikian Post Tentang  Cara Membuat Tombol Demo With CSS Ala Kang Ismet Semoga Bermanfaat Bagi Kita Semua.Wassalamualaikum wr wb
Good Luck

Cara Membuat Tombol Demo With CSS Ala Kang Ismet

Alternative Link : [ Click Here ... ]

Posted by Ramadhan Ashary | Published at 09.35

10 komentar :

{ Harap Baca }

1. Harap berkomentar dengan bahasa indonesia yang baku tanpa singkatan.
2. Apabila Anda Komentar Thank's Info ,, Nice Post <-- Akan saya Hapus
3. Dilarang Live Link
4. Dilarang Berkomentar berbau Por** and SARA
5. Berkomentar lah Dengan Sesuai Postingan Diatas
6. Jika Anda Mengomentar Enggak Sesuai Topik Gunakan OOT

{+} Ingat Jangan Sekali Sekali Menaruh Link Hidup Maupun Link Mati

 
 
Copyright © 2014 Blog Mas Rama Template Design By | Pathmo