 |
| contoh tombol download |
Kali ini saya akan coba membagikan tutorial membuat tombol download yang terlihat lebih menarik. sayangnya blogger.com belum memiliki fasilitas yang memudahkan kita untuk membuat download button (tombol unduh). Blogger.com hanya memberi fasilitas untuk membuat link. Nah, kali ini temen-temen bisa mengganti link download dengan tombol yang terlihat lebih menarik.
Langsung saja ke tahap-tahap pembuatannya.
1. masuk ke jendela create new post (membuat kiriman baru / klik icon pensil)
2. Klik icon "HTML"
3. Salin kode HTML di bawah
<------start------->
<a href="
http://www.facebook.com/adhe.nurhamsah" style="clear:
right; margin-bottom: 1em; margin-left: auto; margin-right: auto;" target="_blank"><img border="
0" height="
143" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4rejggmWmwMU2QFxCTYwcw_ofmN7b7LBbnhwf2CIFT7jfcNaAqsIctFMJuByQwD6d0IkaQZyGMmmzzsgT41zAb7rS6OEYkSRX_8imNVpBtPkEvbw_Akyh2nYBNL9PbGJcYulvykUXvgGM/s320/8.jpeg" width="
320" /></a>
<------end------->
4. Ubah kode berwarna di atas sesuai kebutuhan anda.
- merah = link download anda
- orange = alignment, contoh: right, left, center.
- kuning = ketebalan garis tepi, jika 0 berarti tidak ada.
- hijau = tinggi tombol
- biru = lebar tombol
- pink = link gambar tombol, anda bisa mengubah dengan pilihan gambar tombol di bawah, atau anda bisa membuat sendiri, kemudian upload untuk mendapatkan link gambar tombolnya.
5. setelah itu anda kembali klik icon "compose" untuk melihat hasilnya. Menarik bukan?
Contoh macam-macam tombol download:
 |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBCp4McwYFlUMX7n67bPI-roy4uFtKkSCRS0ZDvBcbKnotlbw-nMlhJUFwrTvP5Zfp4wMisi-YeeRnEMsT_1vK1ctUrMT94LhzslS0A-7BXsbqmB8B-vXw-bKYWN3F7NfirITbiWdSv8tw/s1600/1.jpg |
 |
| http://torrentz.eu/img/dl300.gif |
 |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4rejggmWmwMU2QFxCTYwcw_ofmN7b7LBbnhwf2CIFT7jfcNaAqsIctFMJuByQwD6d0IkaQZyGMmmzzsgT41zAb7rS6OEYkSRX_8imNVpBtPkEvbw_Akyh2nYBNL9PbGJcYulvykUXvgGM/s1600/8.jpeg |
 |
| http://t0.gstatic.com/images?q=tbn:ANd9GcSWZEO7VgupoKJv40gc8IdPzN4BqMwe2k4VFlkd1CGVAMxw0qYXpoIwFkRs |
 |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-JW7PCKqm2EJuGTDeMwBScP5s3MuGTxOsFQSlgzW47IOarO1LWPC61HUMNKSfFijestNbRTfhthqcBJ8-XdjKugG10jjV3D47vpR2ezWUWzKQiYjJJ0gyVjzNnuYvu3Zysu_qR9wRb6U/s1600/download_button.jpg |
 |
| http://binaryexpert.com/wp-content/uploads/2011/08/free-download-button20.jpg |
 |
| https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT1oFuDlVrImohJ1a-HJ0nBuh1bbe60KEAtLEZykMGLaCQROcuib4NXU7syL5CgZWgRQJ_JSNNDuHTiSbuwWNghQdMvm3U7ZZmyN26iaB_XwYMKTb6Zhz4rHJDBhlSPy9eKkk1jmM-8ZJy/s200/button_download_mp3.png |
 |
| http://3.bp.blogspot.com/_SY8Nehd5hbs/Sm5vBwDw-VI/AAAAAAAAARg/DKvFd8tY24Y/download%20button%5B4%5D.png |
 |
| http://4.bp.blogspot.com/-rugdLn44hzU/Tj9d7bdTc-I/AAAAAAAAAfo/kjcvQqTWEq8/s1600/Download-button121.png |
 |
| http://4.bp.blogspot.com/-prAxJ7r0KU8/TXohHb3ak-I/AAAAAAAABaA/8LOUXLHvTS4/s320/download%2Bbutton.png |
1. masuk ke jendela create new post (membuat kiriman baru / klik icon pensil)
0 comments:
Post a Comment