ReedyBear's Blog

Fix for Shark Toast Button showing attribution twice

I previously posted Shark Toast Button, which has a snippet of code to add attribution to the footer of your blog. On paid blogs, the attribution text would display twice because there is an extra <footer> node when you upgrade.

The OLD attribution code was:

/** attribution **/  
footer::before {  
    display: block;  
    content: "Shark Toast icons by Puckung on Flaticon";  
}  

The NEW (fixed) attribution code is:

/** attribution **/  
body > footer::before {  
    display: block;  
    content: "Shark Toast icons by Puckung on Flaticon";  
}  

This CSS goes in your blog's theme. You can either remove the old attribution code & copy+paste the new one or simply add body > in front of the footer::before code.

Better Attribution for Paid Blogs:
NOTE: If you have a paid blog, you can add the attribution as HTML in your footer directive.

On your Dashboard, go to Settings -> Header & footer directives then paste this into Footer directive::

<span>Shark Toast icons by <a href="https://www.flaticon.com/packs/shark-14520784?word=shark">Puckung on Flaticon</a></span>  

You would then also want to remove the attribution css code from your blog's theme.


Bearblog Tools\Tips

#bearblog