Memasang Label atau Kategori Blog di Bawah Posting Valid AMP Template

Memasang Label atau Kategori Blog di Bawah Posting Valid AMP Template

Memasang Label atau Kategori Blog di Bawah Posting Valid AMP Template


Bloggerntt.com - Memasang Label atau Kategori Blog di Bawah Posting Valid AMP Template, Label atau kategori merupakan satu hal yang cukup penting dilakukan ketika kita menulis artikel di blogger dengan memberikan label pada artikel yang kita tulis.

Fungsi Label untuk mengelompokan postingan di blog kita berdasarkan kategori-kategori tertentu. Jadi postingan blog tidak berantakan, dan terarah.

Secara default label setiap postingan akan ditampilkan di atas postingan atau di bawah postingan (tergantung template yang digunakan).

Kali ini saya akan menjelaskan kepada Anda, cara memasang label blog valid AMP di bawah postingan. Ikuti langkahnya di bawah ini :


Memasang Label atau Kategori Blog di Bawah Posting Valid AMP Template

  • Anda copy paste kode CSS dibawah ini lalu taruh  setelah <style amp-custom='amp-custom'> 

/* Label Post Bawah */
.footer-label{display:block;border-left:#eb4938;border-left-style:solid;max-width:713px;background-color:#7975ff;padding:15px;margin-left:-10px;margin-right:-1px}.footer-label a{color:#eb4938;font-weight:700;border-left:#eb4938;border-left-style:solid;padding:5px 15px 5px 5px;background-color:#34495E;margin:5px}@media screen and (max-width:800px){.footer-label{padding:5px 5px 5px 10px}.footer-label a{display:inline-block;margin:5px auto 0}}
  • Anda ganti kode yang saya mark di atas dengan kode warna tersendiri. Atau biarkan sajalah...
  • Untuk menyesuaikan dengan tema template blog, silahkan utak atik sendiri kode CSS di atas.
  • Berikutnya, copy paste kode HTML di bawah ini, lalu taruh di bawah kode   <data:post.body/> (Jika di template blog agan lebih dari 1 kode   <data:post.body/> , taruh di kode yang paling terakhir)
  • Nantinya akan seperti di bawah ini :

<data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='footer-label'> Label : <b:if cond='data:post.labels'>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>&amp;nbsp;</b:if>
          </b:loop>
        </b:if>
</span>
  • Terakhir, silahkan SAVE template Anda.
  • Semoga berhasil sob!
Nah, mudah kan sob? Terima kasih sudah membaca posting saya mengenai Memasang Label atau Kategori Blog di Bawah Posting Valid AMP Template. Semoga bermamfaat :)
Blogger
Disqus
Pilih Sistem Komentar

No comments

۝ Peraturan dalam berkomentar :

☛ UpsS,. Budayakan berkomentar sesudah membaca artikel sob.
☛ Dilarang Menghina, Promosi (Iklan), Menyelipkan Link Aktiv, dsb.
☛ Dilarang berkomentar berbau Porno, Spam, Sara, Politic, Profokasi.
☛ Berkomentarlah yang Sopan,Bijak, dan Sesuai Artikel (Dilarang OOT)
☛ Saya sangat berterima kasih atas semua yang mau berkomentar diblog saya.
☛ Saya PASTI akan berkunjung balik ke blog Sobat yang sudah mau berkomentar di sini.

Copyright © 2018 - Blogger NTT® Bloggerntt.com✓

Advertiser