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 offline
It is currently off working hours and most of us aren't around

Rest assured that we will get back to you as soon as the day starts tomorrow!
  Support is offline

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