cara mudah membuat tombol download di blogspot | DASAR PROGRAMER

cara mudah membuat tombol download di blogspot

Cara mudah membuat tombol download di blogspot. Pada kesempatan ini saya akan berbagi ilmu, karena banyak orang para blogger yang menggunakan istilah pencarian di google search, dengan kata kunci (keyword) cara membuat tombola download di blogspot. Nah makanya pada kesempatan kali ini saya akan berbagi ilmu tersebut dengan cara mudah dalam pembuatan tombol download di blogger. Ini juga bisa mempercatik tampilan blog anda, juga akan mempermudah bagi pengunjung dalam mendownload yang anda bagikan. Ada beberapa cara dalam pembuatan tombol download tersebut. Disini saya berbagi 3 macam cara mudah dan cepat dalam buat tombol link download.


cara mudah membuat tombol download di blogspot

1. Dengan, Cara Membuat Link Download menggunakan Text Biasa


- Anda masuk akun blogger anda >>> Entri Baru (new Posts)> >> Pilih mode HTML >> Masukkan Kode dibawah ini.

<a href="URL untuk link download anda" target="_blank"><b>DOWNLOADS</b></a>


Tulisan berwarna Kuning: Gantilah dengan link download anda
Tulisan berwarna Hijau  : Gantilah dengan tulisan apa saja yang kalian inginkan saudara


2. Dengan, Cara Membuat Link Download menggunakan Gambar (image).

Caranya Anda masuk akun blogger anda >>> Entri Baru (new Posts)> >> Pilih mode HTML >> Masukkan Kode dibawah ini.

<a href=�URL untuk Link download anda�><imgheight=�80� src=� disini URL untuk Gambar yang andan inginkan�width=�200� /></a>

.Untuk penggunaan gambar, anda bisa menggunakan gambar Sesuai dengan gambar biasa atau gambar animasi yang anda inginkan.

3. Dengan, cara membuat tombol download menggunakan comment button.


Langkahnya :
Anda Login ke blogger anda > selanjutnya klik template >> kemudian klik Edit Html >> kemudian cari kode ]]></b:skin>
Kemudian copy paste kode style css yang berada di bawah ini silahkan buka dan di copy !
.Downlod {
-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
box-shadow:inset 0px 1px 0px 0px #f29c93;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
background-color:#fe1a00;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:0;
border:1px solid #d83526;
display:inline-block;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:40px;
line-height:40px;
width:100px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #b23e35;
}
.Downlod:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
background-color:#ce0100;
}.Downlod:active {
position:relative;
top:1px;
}
selanjutnya pastekan tepat di atas code ]]></b:skin>
selanjutnya jika anda akan posting entry baru pada setiap artikel yang ada link downloadnya, dan akan membuat link download, maka masuk di edit html dan pastekan kode berikut

<a href="URL untuk link download anda" target=�_blank� rell=�nofollow� class="Downlod">Download</a>

Pada url link download anda diganti sesuai link url keinginan anda.
Dalam cara membuat tombol link comment button ini, anda bisa juga membuat langsung ke situs cssbuttongenerator.

Demikian tentang cara mudah membuat tombol download di blogspot, semoga dapat bermanfaat dan berguna serta silahkan untuk dipratekkan.
Silahkan untuk meninggalkan comentar dibawah ! atau mau baca artikel yang lain.

  1. Cara Menghasilkan Traffic Hanya Dengan Metode Gratis
  2. Cara cara membuat Text Area untuk Artikel Tombol Buka melainkan Tutup di blogspot
  3. Cara Mengambil Gambar layar desktop windows
  4. Cara Membuat Toko Online gratis di blogspot
  5. Cara membuat (Asli) genuine windows bajakan
  6. Bagaimana cara Genuinkan windows 7 Ultimate

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dasarprogrammer.blogspot.com

0 komentar:

Posting Komentar