Ada 5 jenis button yang bisa diterapkan pada postingan blog ataupun laman statis.
Untuk pemasangan Download Card Button, kalian dapat mengikuti syntax dibawah ini.
- Download Card
- Default Button
- Outline Button
- Button With SVG Icon
- External Link
Download Card
<div class='dlBox'>
<!--[ Change data-text='...' atribute to add new file type ]-->
<span class='fT' data-text='PDF'></span>
<div class='fN'>
<!--[ File name ]-->
<span>Puisi Cermin</span>
<span class='fS'>1.4mb</span>
</div>
<!--[ Download link (change href='...' atribute to add link download) ]-->
<a class='button' aria-label='Download' href='https://docs.google.com/uc?export=download&id=1fSW0QCDTRzUrhw5b67SuY2E4XtnJ_yY7'>
<svg class='line' viewBox='0 0 24 24' stroke-miterlimit='10'><path d='M9.31995 11.6799L11.8799 14.2399L14.4399 11.6799'/><path d='M11.88 4V14.17'/><path d='M20 12.1799C20 16.5999 17 20.1799 12 20.1799C7 20.1799 4 16.5999 4 12.1799'/></svg>
</a>
</div>
Default Button
<a class='button' href='#'>Default Button</a>
Outline Button
<a class='button ln' href='#'>Outline Button</a>
Button With SVG Icon
<a class='button' href='#'> <svg class='line' viewBox='0 0 24 24' stroke-miterlimit='10'><path d='M9.31995 11.6799L11.8799 14.2399L14.4399 11.6799'/><path d='M11.88 4V14.17'/><path d='M20 12.1799C20 16.5999 17 20.1799 12 20.1799C7 20.1799 4 16.5999 4 12.1799'/></svg>
External Link
<a class='extL' href='https://alyaghazi.blogspot.com/' rel='noreferrer' target='_blank'>Sample_external_link</a> <a class='extL alt' href='https://alyaghazi.blogspot.com/' rel='noreferrer' target='_blank'>Sample_link_alt</a>
