Untuk
memodifikasi tampilan blog agar terlihat lebih menarik bayak cara
dilakukan termasuk membuat link download dengan menggunakan gambar.
Biasanya link downlod dibuat hanya dengan huruf biasa yg di beri warna
atau huruf tebal saja untuk membedakan tulisan yg berisi link dengan
tulisan biasa,tp pada postingan kali ini saya akan berikan tutorial
bagai mana cara link download yg biasa itu menjadi terlihat menarik dan
elegan.
Banyak postingan yang membahas hal yang serupa bertebaran di
mana-mana,namun pada postingan ini saya bukan cuma akan memberikan
skripnya saja tapi juga lengkap dengan gambar yang berformat PNG juga
berupa file potoshop dengan format PSD supaya sobat dumay semuanya bisa
memodifikasi sesuai dengan selera masing masing.
Baiklah langsung saja pada pokok nya,pertama-tama :
- Silahkan buka akun Blogger sobat.
- Klik "Entri Baru"
- Selanjutnya silahkan agan klik mode "HTML"
- Kemudian copy paste kode dibawah ini kedalam postingan sobat.
Maka hasilnya akan tanpak seperti ini :
Maka hasilnya akan tanpak seperti ini :
<a href="http://abizahra07.blogspot.co.id/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGtplx69AX407fNhHZTUrRWijQvMh2FzB7va9Hs_Qyp2R2FRK8nYp7bVP0xr6ex9OgF2F18wSWun1sn2tQByucIC7pAtdIbDwqJa_j-w8FVgAfEZuEMdc-Q5hT04zJNqCd03efofD-PLO7/s200/download+1.png" width="100" /></a></div>
<a href="http://alamantautandownloadsobat.com" title="Download"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs-CFZ_42WcdmwtWzbBe3RVhDmIH0PH3FzBKc-yXewXsFuYLdTzPaXeJIzCFJ-ouK_K8st9VoPkbIfcVDrU_etUoYDWZ-jr-0btVmZisWgTXcw0t9uxVuMaIDXX4A9_W6gSYu04F_6cOc/w1274-h428-o-k/download+button+ungu+.png" width="216" height="74" alt="download[4]" /></a>
Tampilan belum di modifiksi
Download Via Tusfiles
Klik tombol di atas untuk downlod Icon | zip file 59 Kb
Tampilan sesudah di modifikasi menggunakan photoshop
Download Via Tusfiles
Klik tombol di atas untuk downlod file photoshop | zip file 1,25MB
<center>
<a href="http://miniblogger28.blogspot.com/2014/12/cara-memasang-tombol-download-di-blog.html"><img src="http://3.bp.blogspot.com/-svgNdpQizN0/VD8fxNi9-EI/AAAAAAAAAVo/ZqI88vVSBa0/s1600/Cara%2Bmembuat%2Blink%2Bdownload.png" height="106" width="200" /></a></center>
Hasilnya seperti ini :
Atau bisa juga menggunakan kode seperti :
<button onclick="window.location='http://miniblogger28.blogspot.com/2014/12/cara-memasang-tombol-download-di-blog.html '"><b>Download</b></button>
<a href=”http://www.4shared.com/rar/-Z5BCwMT/Adobe_Photoshop_CS4.html” style=”background-color: white; border: 0px; clear: left; color: steelblue; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 1em; margin-right: 1em; margin-top: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;”><img height=”69″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlRJ9mqEtWrBS01MLxjk2tWQCKimR2tQTRrz_Po-xTVdlHoMbNH2Rhip3idFnnObjvIzWrRYlGZFC9hdX4uQ-jUyvSfNH6yrlmG__pdW0W_sDRWXhn9RmmQG2lugKP2rUdEmnqt6-K88Q/s320/download-785680.png” style=”background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;” width=”320″ /></a><span style=”font-family: ‘MS UI Gothic’, sans-serif; font-size: 14pt; line-height: 17.35pt;”></span>
<a href=”http://how-yourblog.blogspot.com/” title=”Download”><img alt=”download[4]” height=”74″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS00TueUXOPnURxADI6pM5zIBxTQU8bdX0WtUujk60FQrnNDamUHCAaIvo0CDEh9YGZoLoIs5I4IfLwzG9DjVNfSa2dKy-id3oTzK4-OulEBIt_qYM9ZICahvZyoEjcrhrzIcTDW8zk7YJ/s1600/download+oke+1.jpg” width=”216″ /></a>
<a href=”http://how-yourblog.blogspot.com/” title=”Download”><img alt=”download[4]” height=”74″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuAq8XCb3R1EBvt8K-dqAZS9Y1qzJPBH3JSPp-ZwNOb1-SjMmd-4fBzjsQ1h6o540za6Vc14WZzBQxsxzHuCEkPaCRo6A-O-r4qOKfR0x25GQcpeRnPEUCJtdAIVhI_QxnS4HNebyf3wBB/s1600/download+oke+2.jpg” width=”216″ /></a>Keterangan :
- Tulisan yang berwarna Merah ganti dengan link download sobat
- Tulisan warna Biru adalah alamat icon yang ingin di tampilkan,tidak di ganti pun juga tidak apa-apa
Untuk Logo pada gambar di atas boleh juga teman kreasi sendiri.
Nah mudahkan? selamat mencoba smoga berhasil.😊😊😊😊😊😊😊😊😊😊
Post a Comment