Cara Menciptakan Tombol Demo Dan Download Keren Di Blog
Hallo teman Duniakupedia, di kesempatan kali ini mimin mkan share tutorial lagi nih, kali ini yang akan mimin share ialah tutorial menciptakan tombol demo dan download
Tombol Demo dan Download punya banyak kegunaan pada dunia blog. Bagi setiap blogger, tombol ini dipakai untuk keperluan masing-masing. Kebanyakan, tombol ini dipakai untuk menampilkan halaman demonstrasi atau link download dari pokok bahasan yang sedang diulas disatu postingan.
Kebanyakan blogger mengulas pemasangan tombol ini dengan mengharuskan kita masuk ke halaman HTML. Kali ini kita akan memasang tombol Demo dan Download dengan cara mudah. Tombol yang akan kita buat tampilannya menyerupai dibawah ini :
*Cara Pemasangan
1. masuk ke akun blogspot
2. Pada Dashboard pilih hidangan Tema > Edit HTML carilah instruksi ]]></b:skin> atau </style> gunakan trik Ctrl+f supaya gampang mencari.
3. Kemudian copy instruksi dalam kotak berikut kemudian pasang sempurna di atas instruksi ]]></b:skin>
4. Jika sudah Simpan tema
* Selanjutnya cara memasang tombol di postingan anda
1. Buat Postingan gres atau edit, kemudian menciptakan baris gres dan pindahan mode Compose ke tab HTML.
2. Lalu copy dan paste instruksi dibawah pada tab HTML posts tersebut:
3. Ganti link demo dan link download dengan alamat tujuan anda.
4. Jika sudah klik Pratinjau dan Simpan.
Begitulah tutorial dari mimin semoga bermanfaat
Tombol Demo dan Download punya banyak kegunaan pada dunia blog. Bagi setiap blogger, tombol ini dipakai untuk keperluan masing-masing. Kebanyakan, tombol ini dipakai untuk menampilkan halaman demonstrasi atau link download dari pokok bahasan yang sedang diulas disatu postingan.
Kebanyakan blogger mengulas pemasangan tombol ini dengan mengharuskan kita masuk ke halaman HTML. Kali ini kita akan memasang tombol Demo dan Download dengan cara mudah. Tombol yang akan kita buat tampilannya menyerupai dibawah ini :
Baca Juga
• Tombol Demo dan Download Ala ArlinaDesign
1. masuk ke akun blogspot
2. Pada Dashboard pilih hidangan Tema > Edit HTML carilah instruksi ]]></b:skin> atau </style> gunakan trik Ctrl+f supaya gampang mencari.
3. Kemudian copy instruksi dalam kotak berikut kemudian pasang sempurna di atas instruksi ]]></b:skin>
> #wrap { margin: 20px auto; text-align: center; }.btn { display: inline-block; position: relative; font-weight: 700; background: #3cc091; padding: 9px 18px; margin: 0 3px; border-radius: 3px; opacity: 1; border: 0; text-transform: uppercase; transition: all .3s ease-out; }.btn:hover, .btn:active { background: #374760; } a.btn { color: rgba(255,255,255,1); }
4. Jika sudah Simpan tema
* Selanjutnya cara memasang tombol di postingan anda
1. Buat Postingan gres atau edit, kemudian menciptakan baris gres dan pindahan mode Compose ke tab HTML.
2. Lalu copy dan paste instruksi dibawah pada tab HTML posts tersebut:
<br />
<div style="text-align: center;">
<div id="wrap">
<a class="btn" href="Link/URL_Demo" rel="”nofollow”" target="_blank">Lihat Demo <i class="fa fa-paper-plane"></i></a>
<a class="btn" href="Link/url_Download" rel="”nofollow”" target="_blank">Download <i class="fa fa-download"></i></a>
</div>
<br />
<div style="text-align: center;">
<div id="wrap">
<a class="btn" href="Link/URL_Demo" rel="”nofollow”" target="_blank">Lihat Demo <i class="fa fa-paper-plane"></i></a>
<a class="btn" href="Link/url_Download" rel="”nofollow”" target="_blank">Download <i class="fa fa-download"></i></a>
</div>
<br />
3. Ganti link demo dan link download dengan alamat tujuan anda.
4. Jika sudah klik Pratinjau dan Simpan.
Begitulah tutorial dari mimin semoga bermanfaat
