By Hengky Okniel
on Friday, March 10, 2017 |
Add Comments!
Masih banyak orang yang masih belum tahu Cara Membuat Tombol Download/Demo pada Postingan di Blogger. Karena itu, pada kesempatan kali ini saya sempatkan membuat sebuah postingan yang sedang membahas tentang hal yang sama.Sebuah blog yang menjadi sebuah blog download pastinya memerlukan sebuah tombol download yang di gunakan untuk mengalihkan link ke tempat download file yang dituju. Web download kita tidak akan bisa terlihat profesional di mata pengunjung jika tidak memakai tombol untuk download file.
Blog yang membahas tentang download sendiri telah berkembang seiring waktu dan semakin banyak seiring waktu yang tetap berjalan. Karena itu, persaingannya pun akan terlihat sangat erat sekali. Maka dari itu, untuk meningkatkan user experiences dari blog download kita, blog kita pun harus terlihat profesional.
Jika sebuah blog terlihat profesional, tentunya akan mengundang pengunjung untuk kembali mengunjungi blog tersebut lagi. Sehingga terciptalah come back visitors. Karena itu, profesionalisme sebuah blog jugalah sangat penting untuk diperhatikan.
Baiklah, langsung saja tanpa berbasa basi lagi mari kita mulai tutorial kita kali ini tentang bagaimana Cara Membuat Tombol Download/Demo pada Postingan di Blogger.
CARA MEMBUAT TOMBOL DOWNLOAD/DEMO PADA POSTINGAN DI BLOG
Silahkan anda simak beberapa langkah dari saya di bawah ini. Beberapa langkah ini mungkin bisa membantu anda agar anda dapat membuat tombol download/demo pada postingan di blogger.- Pertama tama, silahkan anda login pada akun Google anda dan langsung saja anda menuju www.blogger.com
- Kemudian, bukalah pada Editor Pos yang ingin anda tambahkan tombol download/demo.
- Ubah menu Compose menjadi menu HTML.
- Kemudian masukkan script berikut ini :
<style type='text/css'>
.tombol{float:left;list-style:none;text-align:center;width:95%;margin:10px; padding:2px;font-size:14px;clear:both;}
.tombol ul {margin:0;padding:0}
.tombol li{display:inline;margin:5px;padding:0;list-style:none;}
.download {padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:'Open Sans',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;opacity:0.9;transition:all 0.3s ease-out;}
.download {background-color:#ff9e47;} .download:hover {background-color:#5a6269;color:#fff;opacity:1;}
.download:before {content:'f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;} </style>
<div style="text-align: center;">
<ul class="tombol">
<li><a class="download" href="http://hengkyokn.blogspot.com/hahahawkwkwkwk" target="_blank" title='Download'>Download</a></li>
</ul>
</div>
<div class="clear">
</div>
.tombol{float:left;list-style:none;text-align:center;width:95%;margin:10px; padding:2px;font-size:14px;clear:both;}
.tombol ul {margin:0;padding:0}
.tombol li{display:inline;margin:5px;padding:0;list-style:none;}
.download {padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:'Open Sans',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;opacity:0.9;transition:all 0.3s ease-out;}
.download {background-color:#ff9e47;} .download:hover {background-color:#5a6269;color:#fff;opacity:1;}
.download:before {content:'f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;} </style>
<div style="text-align: center;">
<ul class="tombol">
<li><a class="download" href="http://hengkyokn.blogspot.com/hahahawkwkwkwk" target="_blank" title='Download'>Download</a></li>
</ul>
</div>
<div class="clear">
</div>
- Ganti ynng berwarna merah dengan link tujuan dan ganti yang berwarna biru dengan tulisan yang anda inginkan di tombol.
- Kemudian Publish artikel anda.
Baiklah, mungkin cukup sampai disini. Demikian artikel tutorial saya kali ini yang sedang membahaskan tentang bagaimana Cara Membuat Tombol Download/Demo pada Postingan di Blogger. Semoga dapat bermanfaat dan dapat berguna untuk anda sekalian. Apabila anda memiliki pertanyaan atau komentar silahkan anda berkomentar melalui form yang ada di bawah.
Belum ada tanggapan untuk "Cara Membuat Tombol Download/Demo pada Postingan di Blogger"
Post a Comment
Terima kasih karena Anda telah membaca Artikel diatas dan mengunjungi Blog ini.
Silahkan anda berkomentar apabila Anda memiliki pertanyaan ataupun komentar. Tapi, sebelum itu ada beberapa syarat yang harus Anda penuhi dalam berkomentar.
Yaitu :
- Harap berkomentar dengan sopan.
- Jangan SPAM disini. Karena form ini dibuat untuk berkomentar, bukan SPAM.
- Jangan menyertakan SARA pada komentar Anda.
- Saya akan menjawab komentar Anda sebisa mungkin dan secepat mungkin