UPDATES EasyBlog 6.0.11 Released! Update to the latest version now!

Helpdesk

Your Time
Our Time
Response Time
24 — 48 hours
We strive to provide the fastest ever response possible. However, we are not super beings.

Allow at least 24 — 48 hours
  Support is online
Our support specialists is available now. We will attend to you as soon as we can.
  Support is online

EB tutorial add footer on amp articles

Chaon · ·
5:20 PM Tuesday, 28 November 2017
None
Hello,
after trying to customize amp articles i made some radical changes. I added an advertise right after the title, google matched content at the end of the article with some ads + related articles, included my website logo instead of the sites name, added social icons etc

One more change i did was adding a footer that matched my template colors so the google amp articles will show more elegant. Default amp style articles are ending with the comments bar so this will add a footer right after it with some nagivation.

1. Edit the file com_easyblog/themes/wireframe/blogs/entry/amp.php and right before the </body> tag add this code:

<footer>
<a href="http://www.mywebsite.com">Home</a> - <a href="https://www.mywebsite.com/contact-us">Contact us</a><br>© Mywebsite.com - This is my awsome website
</footer>


2. Edit the style page com_easyblog/themes/wireframe/blogs/entry/amp.stylesheets.php and add this:

footer {
background-color: #000;
color: #fff;
padding: 5px;
position: relative;
text-decoration: none;
font-size: 15px;
line-height: 2;
}

footer a {
color: #fff;
text-decoration: none;
font-size: 18px;
}


Of course you can modify the colors as you like
The replies under this section are restricted to logged in users or users with an active subscription with us