Madrasah Tsanawiyah Negeri 4 Flores Timur Lebih Baik, Lebih Baik Madrasah Tsanawiyah Negeri 4 Flores Timur

Kamis, 24 September 2015

cara membuat "Download" di Blog

Cara membuat tombol DOWNLOAD
  1. Login akun blogger Anda.
  2. Lalu pilih Template > Edit HTML
  3. Cari kode ]]></b:skin>
  4. Copy CSS di bawah ini dan paste di atas kode ]]></b:skin>
    .button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}
    .download{border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 30px !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;}
    .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}
    Keterangan : Untuk membuat tombol download berada di samping kiri ubah text-align:center;menjadi text-align:left; (di dalam .button)
  5. Kemudian simpan template. 
  6. Selanjutnya untuk penggunaannya di dalam postingan adalah tuliskan kode di bawah ini pada mode HTML :
    <div class="button">
    <a class="download" href="http://mtsn-witihama.blogspot.com">DOWNLOAD</a>
    </div>
    <div class="clear"></div>
  7. Masukan link download sobat, dengan mengganti di posisi warna merah
Selamat mencoba, semoga bermanfaat.
Comments
0 Comments

Tidak ada komentar :

Posting Komentar

Cari Blog Ini

News Populer

Wikipedia

Hasil penelusuran

=">