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, Label atau kategori merupakan satu hal yang cukup penting dilakukan dikala kita menulis artikel di blogger dengan memperlihatkan label pada artikel yang kita tulis.

Fungsi Label untuk mengelompokan postingan di blog kita menurut kategori-kategori tertentu. Makara 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 aba-aba CSS dibawah ini kemudian taruh  sesudah <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 aba-aba yang saya mark di atas dengan aba-aba warna tersendiri. Atau biarkan sajalah...
• Untuk menyesuaikan dengan tema template blog, silahkan utak atik sendiri aba-aba CSS di atas.
• Berikutnya, copy paste aba-aba HTML di bawah ini, kemudian taruh di bawah aba-aba   <data:post.body/> (Jika di template blog agan lebih dari 1 aba-aba   <data:post.body/> , taruh di aba-aba yang paling terakhir)
• Nantinya akan ibarat 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, gampang kan sob? Terima kasih sudah membaca posting saya mengenai Memasang Label atau Kategori Blog di Bawah Posting Valid AMP Template. Semoga bermamfaat :)