Seperti pada umumnya untuk menampilkan tombol download dan demo ini ialah sebuah rancangan isyarat script html yang disisipkan ke dalam template blog atau dalam posting artikel langsung.
Namun apabila isyarat kode yang di masukan tersebut yang biasa dipakai dalam template blog Non AMP. sedangkan blog milik kita memakai template yang sudah AMP. maka di ketika melaksanakan uji coba Validasi akan di temukan laporan error alias halaman amp tidak Valid/syah, tentunya itu akan besar lengan berkuasa sekali dalam template blog Amp yang kita gunakan.
Salah satunya dalam menciptakan tombol klik download dan demo.
Untuk itu bagi anda yang memiliki blog AMP yang ingin membagikan file - file tertentu semoga sanggup dengan gampang di lihat dan di ambil oleh pengunjung, anda tidak perlu repot repot kalau tertarik Anda tinggal kopas sajah isyarat di bawah ini.
<div class="dd">
<a class="demo" href="Link Demo Anda" rel="nofollow" target="_blank" title="Cara Membuat Tombol Download Dan Demo Valid Amp"color: orange;">Isi judul">Demo Langsung</a><a class="download" href="Link Download Anda " rel="nofollow" target="_blank"title="Cara Membuat Tombol Download Dan Demo Valid Amp"color: orange;">Isi judul ">Download Disini</a>
</div>
Jangan lupa cssnya copy lagi. Contoh pemasangan: <Style> css </style>.
/* CSS TOMBOL DOWNLOAD/DEMO */
.demo{float:left;width:30%;
margin:0px 5px 0px 5px;
border:1px solid #ddd;
border-radius:17px;
padding:5px 10px;
background:#00ff7f;
color:#FFF;
text-align:center;text-shadow:0 0 1px rgba(0,0,0,0.3);transition:background-color 1s ease-out 0s;letter-spacing:1px;box-shadow:0 4px 4px 0 rgba(0,0,0,.14),0 5px 2px -2px rgba(0,0,0,.2),0 2px 8px 0 rgba(0,0,0,.12)}
.download{float:right;width:30%;
margin:0px 5px 0px 5px;border:1px solid #ddd;
border-radius:17px;
padding:5px 10px;
background:#0000cd;
color:#FFF;
text-align:center;text-shadow:0 0 1px rgba(0,0,0,0.3);
transition:background-color 1s ease-out 0s;letter-spacing:1px;box-shadow:0 4px 4px 0 rgba(0,0,0,.14),0 5px 2px -2px rgba(0,0,0,.2),0 2px 8px 0 rgba(0,0,0,.12)}
.demo:hover{background:#000;
text-shadow:0 0 1px #fff}
.download:hover{background:#000;
text-shadow:0 0 1px #fff}
Sebagai pertinjau langsungnya sanggup lihat gambar di bawah. Dan untuk warna, sanggup anda rubah sendiri sajah berdasarkan selera warna yang di inginkan.
Silahkan di coba dulu, sehabis berhasil di pasang jangan lupa cek apakah sanggup valid amp atau tidak. contohnya tidak, mending tidak usah,
Tapi kalau di blog AMP admin isyarat di atas sudah 100% valid Amp.
Demikian wacana Cara menciptakan Tombol Download Dan Demo Valid Amp. semoga sanggup Bermanfaat.