Memberikan Informasi Download Link Pada Template Median UI
Informasi tentang file yang akan di download tentu bermanfaat bagi pengunjung sebuah website atau blog download. Baik itu download software, game, template blog atau yang lainnya.
Bagi kalian pengguna template blog Media UI dari jagodesain. Maka sudah disediakan panduan sebenarnya ya, untuk melakukan penulisan dan apapun sudah disediakan di sana.
Demikian panduan untuk Memberikan Informasi Download Link pada Template Median UI.
Informasi berguna untuk memberitahukan seberapa besar file yang akan mereka download. Tentunya juga nama file dan format file yang akan di download.
Bagi yang belum atau malas membaca satu persatu, maka di sini akan saya bagikan.
<div class='dlBox'> <!--[ Change data-text='...' atribute to add new file type ]--> <span class='fT' data-text='zip'></span> <div class='fN'> <!--[ File name ]--> <span>file_name.zip</span> <span class='fS'>200kb</span> </div> <!--[ Download link (change href='...' atribute to add link download) ]--> <a class='button' aria-label='Download' href='url_is_here' rel='noreferrer' target='_blank'><i class='icon dl'></i></a> </div>
Silahkan ganti tulisan yang telah di blok warna ungu dengan keterangan yang diperlukan. Kemudian warna biru adalah url link download.
Maka nanti hasilnya akan seperti ini
Selain cara di atas, ada satu lagi cara yang kurang lebih sama, namun perbedaannya akan ada semacam background. Seperti ini
Kodenya html nya di bawah ini
<div class='dlBox'> <!--[ Change data-text='...' atribute to add new file type ]--> <span class='fT lazy' data-text='zip' data-style='background-image: url(//3.bp.blogspot.com/.../title.png)'></span> <div class='fN'> <!--[ File name ]--> <span>about_me.png</span> <span class='fS'>10kb</span> </div> <!--[ Download link (change href='...' atribute to add link download) ]--> <a class='button' aria-label='Download' href='url_is_here' rel='noreferrer' target='_blank'><i class='icon dl'></i></a> </div>
Terimakasih sudah berkunjung.
Sumber : jagodesain.com
Join the conversation