Cara Membuat Tombol Demo dan Download Modern- tombol demo dan download sangat bermanfaat bagi orang yang mempunya sebuah blog/web yang menuju pada demo dan download untuk memperlihatkan produknya.
Contohnya seperti dibawah ini:
Langsung saja ketutorialnya Cara Membuat Tombol Demo dan Download Modern:
1. Masuk ke Blogger
2. Pilih Dashboard >> Template >> Edit HTML
3. Masukkan kode dibawah ini tepat diatas kode ]]></b:skin>
Baca Juga
/* Button Demo dan Download BlogMinan
----------------------------------------------- */
.buttonx{display:inline-flex;cursor:pointer;font-size:13px;font-weight:bold;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#FFF!important;border:2px solid #FFF!important;background-color:#0070b0!important;background:0;margin:5px 0;padding:8px 25px;text-shadow:none!important;transition:all 0s!important}
.buttonx:hover{background-color:#f78d1d!important;background:0}
.buttonx:active{position:relative;top:1px}
4. Simpan Template.
Langkah lanjutan untuk melihatkan Demo dan Download nya:
Masukkan kedalam postingan. Nanti didalam postingan ada dua pilihan Compouse dan HTML. Pilih yang HTML dan masukkan kode dibawah ini didalamnya.
<div style="text-align: center;margin: 10px 0;"> <a class="buttonx" href="http://blogminan.blogspot.com/" target="_blank">Demo</a> <a class="buttonx" href="http://blogminan.blogspot.com/" target="_blank">Download</a> </div>
Warning! : Ganti URL Warna kuning (http://blogminan.blogspot.com/)dengan URL kamu sendiri.
Sekian tutorial Cara Membuat Tombol Demo dan Download Modern. Semoga kalian berhasil membuatnya. Kalau masih ada yang kesulitan silahkan komentar dibawah. Terimakasih
Source: http://www.idblanter.com/2014/03/membuat-tombol-demo-dan-download-keren.html
4. Simpan Template.
Langkah lanjutan untuk melihatkan Demo dan Download nya:
Masukkan kedalam postingan. Nanti didalam postingan ada dua pilihan Compouse dan HTML. Pilih yang HTML dan masukkan kode dibawah ini didalamnya.
<div style="text-align: center;margin: 10px 0;"> <a class="buttonx" href="http://blogminan.blogspot.com/" target="_blank">Demo</a> <a class="buttonx" href="http://blogminan.blogspot.com/" target="_blank">Download</a> </div>
Warning! : Ganti URL Warna kuning (http://blogminan.blogspot.com/)dengan URL kamu sendiri.
Sekian tutorial Cara Membuat Tombol Demo dan Download Modern. Semoga kalian berhasil membuatnya. Kalau masih ada yang kesulitan silahkan komentar dibawah. Terimakasih
Source: http://www.idblanter.com/2014/03/membuat-tombol-demo-dan-download-keren.html
