Cara Posting: Tambah Foto dan Video di Artikel Template Blog AMP

Cara Posting: Tambah Foto dan Video di Artikel Template Blog AMP
Salah satu keunggulan dan kelebihan template blog AMP dibandingkan template blogger biasa ialah kecepatan.

Selain Fast Loading, template AMP memiliki fitur SEO yang lebih Gress, dan punya lambang / logo petir di hasil pencarian penelusuran (SERPs).

Masalahnya adalah template blogger jenis Accelerated Mobile Pages (AMP) ini tidak cocok dipakai blogger awam (Junior / Newbie Class) karena perlu ekstra kerja keras ketika membuat atau menulis posting blog.

Baca Juga: Cara Membuat Daftar Isi Blog Aman dari Sisipan Link

Berawal dari situ, barangkali ada beberapa teman yang ingin mencoba karena iseng. Silahkaaannn...

Cara Posting: Tambah Foto dan Video di Artikel Template Blog AMP


#1. Membuat dan Memasang Logo Blog

URL image logonya seperti kode dibawah ini:

<b:includable id='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><amp-img alt='Logo' expr:title='data:title' height='30' src='URL LOGO' width='30'/> <data:title/></span></a>
</b:includable>

Pastikan logo berukuran 30px x 30px.

#2. Memasang Thumbnail Image

Untuk pemasangan thumbnail image, kita harus menggunakan kode ini:

<div class="thumb-post">
<noscript><img src="URL THUMBNAIL IMAGE" width="650" height="350" alt="Curabitur placerat est sem"/></noscript>
</div>

#3. Menyisipkan Gambar di Dalam Posting Blog

<amp-img
alt="Curabitur placerat est sem"
height="350"
layout="responsive"
on="tap:lightbox1"
role="button"
src="URL GAMBAR SISIPAN"
tabindex="0"
width="650"></amp-img>

#4. Menyisipkan Video Youtube

Gunakan kode ini:

<amp-youtube
data-videoid="ID VIDEO YOUTUBE"
height="270"
layout="responsive"
width="480"></amp-youtube>

Bisa dibilang ini merupakan kerugian menggunakan template blog AMP. Namun sisi positifnya ialah apabila sudah memahami bagaimana menggunakan template AMP ini, kita akan menguasai ranking SERPs dengan mudah.

Baca Juga: Cara Membuat Gambar Header Blog Keren

Untuk keterangan lebih lanjut, silahkan masuk ke situs Adhy Suryadi dibawah ini yang menjelaskan bagaimana menggunakan template blogger AMP secara lengkap dan detail:

http://www.kompiajaib.com/2016/09/kompi-design-blogger-template-with.html

Labels: Desain Blogger

Thanks for reading Cara Posting: Tambah Foto dan Video di Artikel Template Blog AMP. Please share this article.
0 Komentar untuk "Cara Posting: Tambah Foto dan Video di Artikel Template Blog AMP"

Situs sedang dalam masa pengembangan; banyak gambar yang error. Jika ada yang ingin ditanyakan, jangan ragu bertanya. OOT? Siyap!

SEO Kraken Premium Blogger Template