Fungsi dan kebergunan artikel terkait atau biasa disebut related post. Widget yang satu ini sanggup membantu dan mempermudah pembaca blog semoga mengetahui artikel postingan lainya yang terkait dengan satu pembahasan dengan artikel yang sedang di baca. Dan tentunya anda sudah mengenal dengan yang namanya template blog Amp akselerated mobile page, yang sanggup memuat situs atau blog dengan cepat walau dalam keadaaan jaringan yang lembek.
Dalam penggunaan template blog tersebut tentu lain dengan template yang non amp.
Nah, bagi anda yang mempunyai blog dengan tema Amp, dan ingin menciptakan widget artikel postingan terkait masih bingung.
Tingal anda coba sajah dengan mencopy tag html di bawah ini untuk di sisipkan di template blog amp milik anda.
Cara Membuat Artikel Terkait Keren di Blog Amp
Pasang di bawah tag artikel postingan blog amp anda, ganti yang dikasih warna merah dengan nama alamat blog anda.<b:if cond='data:blog.pageType == "item"'> <b:if cond="data:post.labels"> <b:loop index="x" values="data:post.labels" var="label"> <b:if cond="data:x==0"> <div id="related-posts"> <h3> Artikel Terkait</h3> <amp-iframe expr:src=""https://cdn.rawgit.com/MuhAkram/Blog/master/related-post.html?url=Alamat Blog Anda&colortitle=000000&colordesc=000000&back=ffffff&item=both&style=thumbnail&label=" + data:label.name" frameborder="0" height="420" layout="fixed-height" sandbox="allow-scripts allow-same-origin allow-modals allow-popups"> </amp-iframe> </div> </b:if></b:loop> <div class="clear"> </div> </b:if></b:if>Jangan lupa CSS nya pasang juga.
/* CSS ARTIKEL TERKAIT */ #related-posts {background:#fff;font-size:20px;margin:0;padding:20px;} #related-posts h3 {text-align:left;font-size:140%;color:#666;margin:0;padding:0}Untuk warna dan ukuran abjad tinggal di rubah sajah sesuai impian anda sendiri. Jangan hawatir instruksi tag html ini sudah valid amp sebab sudah Admin uji sebelumnya.
Demikian sedikit ulasan perihal Cara Membuat Artikel Terkait Keren di Blog Amp. Semoga sanggup membantu.
