Cara Menciptakan Tombol Download Dan Demo Valid Amp

Baca Juga

Bagi sahabat sahabat blogger yang mungkin sajah ingin menciptakan blog download dengan memakai template blog yang sudah valid amp. pastinya di dalam template blog tersebut akan menemukan perbedaan dalam cara menyisipkan gambar, menyisipkan instruksi html dan lainya pada artikel yang kita buat.

Seperti pada umumnya untuk menampilkan tombol download dan demo ini yakni sebuah rancangan instruksi script html yang disisipkan ke dalam template blog atau dalam posting artikel langsung.

Namun apabila instruksi kode yang di masukan tersebut yang biasa dipakai dalam template blog Non AMP. sedangkan blog milik kita memakai template yang sudah AMP. maka di dikala melaksanakan uji coba Validasi akan di temukan laporan error alias halaman amp tidak Valid/syah, tentunya itu akan kuat 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 biar sanggup dengan gampang di lihat dan di ambil oleh pengunjung, anda tidak perlu repot repot kalau tertarik Anda tinggal kopas sajah instruksi 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 instruksi di atas sudah 100% valid Amp.

Demikian perihal Cara menciptakan Tombol Download Dan Demo Valid Amp. semoga sanggup Bermanfaat.