Emoji Support

Emoji can be enabled in a Hugo project in a number of ways.

Markdown Syntax Guide

This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.

Placeholder Text

Lorem est tota propiore conpellat pectoribus de pectora summo.

Home -- CSS -- HTML -- Add Related Post AMP Blogger

Add Related Post AMP Blogger

Frist Learn

Add before tag /head

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

HTML Widget

<div id='related-post'>
<h4 class='relate'>Related Posts</h4>
&lt;amp-iframe src=&#39;https://cdn.rawgit.com/hafidm93/HTML/0a97af9b/relatedalinux.html?labels=<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&amp;num=6&amp;url=https://www.amp-blogger.com&amp;pos=<data:post.url.canonical/>&#39; frameborder=&#39;0&#39; height=&#39;420&#39; layout=&#39;fixed-height&#39; sandbox=&#39;allow-scripts allow-same-origin allow-popups&#39;&gt;&lt;/amp-iframe&gt;
</div>

CSS

.relate {
    font-size: 20px;
    padding-top: 15px;
    border-bottom: solid 3px #019688;
    width: 23%;
    position: relative;
    margin: 0 0 10px;
    color: #444;
    font-weight: 500;
    letter-spacing: 1px;
}

Good luck

Disqus Comment

Show Disqus