Cara Menambah Share This With Short URL Support AMP Template

Membuat URL yang sebelumnya panjang menjadi pendek sering kali dilakukan ketika akan membagikan link posting sebuah halaman blog sehingga penulisannya menjadi lebih mudah dan gampang diingat.

Short URL yang saya bagikan ini bisa diletakkan dibagian bawah posting, sehingga pengunjung yang ingin membagikan link halaman posting tidak perlu copy paste link halaman ke situs shotener online untuk menghasilkan link pendek, karena Short URL ini akan berjalan secara otomatis ketika pengunjung membuka halaman blog.

Satu lagi kelebihan dari Short URL ini adalah sudah support template AMP, sehingga penempatan pada template AMP tidak akan merusak kwalitas AMP dan pastinya akan medapatkan lambang petir hijau.

Sebelum menerapkan Share This With Short URL pada blog, terlebih dahulu harus letakkan javascript dibawah ini tepat dibawah </style> posting blog atau sebelum ]]></b:skin>.

<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>

kemudian masukkan CSS/style dibawah ini sebelum ]]></b:skin> atau </style>, silahkan dicoba salah satunya.

.shortener-box .shorten-text{vertical-align:10px}

.shortener-box {margin-bottom:10px;}

@media screen and (max-width:1024px){

.shortener-box amp-iframe{height:30px}

}

@media screen and (max-width:414px){

.shortener-box amp-iframe{height:45px}

}

@media screen and (max-width:375px){

.shortener-box amp-iframe{height:60px}

}

Letakkan kode dibawah ini pada kerangka template dibagian bawah posting atau sebelum related post.

<div class='shortener-box'>

<span class='shorten-text'>Share this with short URL:</span> <amp-iframe expr:src='&quot;https://cdn.rawgit.com/ardezign/js/master/Shorta.html?url=&quot; + data:blog.canonicalUrl' frameborder='0' height='30' layout='fixed' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='200'>

</amp-iframe>

<div class='clear'/>

</div>

Pada teks box Share this with short URL bisa di ganti sesuai keinginan anda.

Kemudian SAVE template dan anda bisa lihat hasilnya dengan membuka salah satu posting anda pada blog, selamat mencoba.

Silahkan anda memberikan masukan berupa saran, kritik dan ungkapan atas isi blog ini, kerena dengan begitu berarti keberadaan saya sudah dianggap bagian dari teman-teman semua, terima kasih.