HTML CODES — TIPS

Admin · 1 year ago
Share list HTML code
Share List HTML code 
  
</---(Share List)--->
<style type="text/css">
#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}
</style>
<div id="share-buttons">
<!-- Buffer -->
<a href="https://bufferapp.com/add?url=:VAR(URL);&text=:VAR(keyword); — :VAR(title);" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/buffer.png" alt="Buffer" />
</a>
<!-- Digg -->
<a href="http://www.digg.com/submit?url=:VAR(URL);" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/diggit.png" alt="Digg" />
</a>
<!-- Email -->
<a href="mailto:?Subject=:VAR(keyword); — :VAR(title);&Body=:VAR(keyword); — :VAR(title); :VAR(URL);">
<img src="https://simplesharebuttons.com/images/somacro/email.png" alt="Email" />
</a>
<!-- Facebook -->
<a href="http://www.facebook.com/sharer.php?u=:VAR(URL);" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" />
</a>
<!-- Google+ -->
<a href="https://plus.google.com/share?url=:VAR(URL);" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/google.png" alt="Google" />
</a>
<!-- LinkedIn -->
<a href="http://www.linkedin.com/shareArticle?mini=true&url=:VAR(URL);" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/linkedin.png" alt="LinkedIn" />
</a>
<!-- Pinterest -->
<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());">
<img src="https://simplesharebuttons.com/images/somacro/pinterest.png" alt="Pinterest" />
</a>
<!-- Print -->
<a href="javascript:;" onclick="window.print()">
<img src="https://simplesharebuttons.com/images/somacro/print.png" alt="Print" />
</a>
<!-- Reddit -->
<a href="http://reddit.com/submit?url=:VAR(URL);&title=:VAR(keyword); — :VAR(title);" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/reddit.png" alt="Reddit" />
</a>
<!-- StumbleUpon-->
<a href="http://www.stumbleupon.com/submit?url=:VAR(URL);&title=:VAR(keyword); — :VAR(title);" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/stumbleupon.png" alt="StumbleUpon" />
</a>
<!-- Tumblr-->
<a href="http://www.tumblr.com/share/link?url=:VAR(URL);&title=:VAR(keyword); — :VAR(title);" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/tumblr.png" alt="Tumblr" />
</a>
<!-- Twitter -->
<a href="https://twitter.com/share?url=:VAR(URL);&text=:VAR(keyword); — :VAR(title);&hashtags=:VAR(title);" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter" />
</a>
<!-- VK -->
<a href="http://vkontakte.ru/share.php?url=:VAR(URL);" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/vk.png" alt="VK" />
</a>
<!-- Yummly -->
<a href="http://www.yummly.com/urb/verify?url=:VAR(URL);&title=:VAR(keyword); — :VAR(title);" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/yummly.png" alt="Yummly" />
</a>
</div> 

Example: