Membuat Button Menuju ke Google Play

Kali ini saya akan membagikan tutorial membuat tombol download yang menuju google play store.

Bila blog anda menampilkan aplikasi-aplikasi yang banyak download dari google play store saya rasa tips ini cocok untuk memperindah tampilan pada blog anda.

Berikut caranya

1. Login Blogger

2. Template - Edit HTML

3. Simpan kode di bawah ini sebelum kode </style>

#download {list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:-webkit-inline-box;text-decoration:none!important;color:#FFF!important}
.btn ul {margin:0;padding:0}
.btn li{display:inline;margin:5px;padding:0;list-style:none;}
.googlep,.download{padding:12px 15px!important;color:#fff!important;font-weight:600;font-size:13px;font-family:Open Sans;text-align:center;border-radius:3px;border:0;transition:all .2s ease-out;margin-right:10px;}
.googlep {background-color:#2D9E3B;}
.download {background-color:#1A66BC;}
.googlep:hover {background-color:#35BA45; opacity:1;}
.download:hover {background-color:#2073D2;opacity:1;}
.googlep:before {content:'\f04b';display:inline-block;font-weight:normal;vertical-align:top;margin-right:5px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:5px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.main h3 {  width: auto;margin-top: 10px;}}

4. Simpan

Gunakan kode pemanggil pada mode HTML di bawah ini untuk blog anda

<div style="text-align: center;">
<ul id="download">
<li><a class="googlep" href="#" target="_blank">Get it from Google Play</a></li>
<li><a class="download" href="#" target="_blank">Direct Download</a></li>
</ul>
</div>
</div>

Ganti tanda # dengan link tujuan anda

Sekian semoga bermanfaat