Skip to content

Instantly share code, notes, and snippets.

@bgoonz
Last active January 30, 2021 03:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bgoonz/3191ef7c4240cb0a606e8a461abeb80e to your computer and use it in GitHub Desktop.
Save bgoonz/3191ef7c4240cb0a606e8a461abeb80e to your computer and use it in GitHub Desktop.
add-to-any-share-buttons
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* Hide AddToAny vertical share bar when screen is less than 980 pixels wide */
@media screen and (max-width: 980px) {
.a2a_floating_style.a2a_vertical_style { display: none; }
}
</style>
</head>
<body>
<a class="bookmarklet_button" href="javascript:(function(){f='https://www.addtoany.com/share#url='+encodeURIComponent(window.location.href)+'&amp;title='+encodeURIComponent(document.title);a=function(){if(!window.open(f,'addtoany','width=800,height=600,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes'))location.href=f+'jump=yes'};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})()" title="AddToAny" onclick="alert('Drag this link onto your toolbar to add the AddToAny Bookmarklet');return false">AddToAny</a>
<div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style" style="left:0px; top:150px;">
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_pinterest"></a>
<a class="a2a_dd" href="https://www.addtoany.com/share"></a>
</div>
<script async src="https://static.addtoany.com/menu/page.js"></script>
<div class="example_parent_element" style="margin:0 auto; width:900px;">
<div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style" style="margin-left:-100px; top:150px;">
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_pinterest"></a>
<a class="a2a_dd" href="https://www.addtoany.com/share"></a>
</div>
<script async src="https://static.addtoany.com/menu/page.js"></script>
<div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_default_style" style="bottom:0px; left:50%; transform:translateX(-50%);">
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_pinterest"></a>
<a class="a2a_dd" href="https://www.addtoany.com/share"></a>
</div>
<script async src="https://static.addtoany.com/menu/page.js"></script>
</div>
<div id="a2apage_cols_container" class="a2a_cols_container"><div class="a2a_col1" id="a2apage_col1"></div><div id="a2apage_2_col1" style="display:none"><a rel="nofollow noopener" class="a2a_i" href="/#email" target="_blank"><span class="a2a_svg a2a_s__default a2a_s_email" style="background-color: rgb(1, 102, 255);"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#FFF" d="M26 21.25v-9s-9.1 6.35-9.984 6.68C15.144 18.616 6 12.25 6 12.25v9c0 1.25.266 1.5 1.5 1.5h17c1.266 0 1.5-.22 1.5-1.5zm-.015-10.765c0-.91-.265-1.235-1.485-1.235h-17c-1.255 0-1.5.39-1.5 1.3l.015.14s9.035 6.22 10 6.56c1.02-.395 9.985-6.7 9.985-6.7l-.015-.065z"></path></svg></span>Email </a><a rel="nofollow noopener" class="a2a_i" href="/#google_gmail" target="_blank"><span class="a2a_svg a2a_s__default a2a_s_gmail" style="background-color: rgb(221, 83, 71);"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#fff" opacity=".25" d="M4.958 6.569h22.338V25.43H4.958z"></path><path d="M28.709 7.321a1.7 1.7 0 0 0-1.409-.752h-.077l-1.1.8-.082.06-9.952 7.271L5.961 7.3l-1-.733H4.7A1.7 1.7 0 0 0 3 8.273v15.454a1.676 1.676 0 0 0 .069.481A1.7 1.7 0 0 0 4.7 25.431h1.261V11.36l7.35 5.368 2.416 1.764.445.326 2.778-2.029 7.088-5.177v13.819H27.3a1.7 1.7 0 0 0 1.634-1.223 1.675 1.675 0 0 0 .066-.481V8.273a1.7 1.7 0 0 0-.291-.952z" fill="#fff"></path></svg></span>Gmail </a><a rel="nofollow noopener" class="a2a_i" href="/#aol_mail" target="_blank"><span class="a2a_svg a2a_s__default a2a_s_aol" style="background-color: rgb(42, 42, 42);"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M17.334 13.26c-2.315 0-4.067 1.8-4.067 4.027 0 2.35 1.824 4.03 4.067 4.03 2.243 0 4.062-1.68 4.062-4.03 0-2.228-1.744-4.027-4.062-4.027zm0 2.127c1-.007 1.82.847 1.82 1.9 0 1.048-.82 1.9-1.82 1.9s-1.818-.853-1.818-1.9c0-1.053.817-1.9 1.818-1.9zm11.59 4.518c0 .778-.63 1.412-1.41 1.412a1.41 1.41 0 1 1 1.41-1.412zm-4.104 1.418h-2.216v-10.28h2.216v10.28zM9.33 11.04s2.585 6.79 3.862 10.13c.015.037.028.078.047.132-.06.006-.106.01-.15.01-.83.002-1.665-.003-2.498.004-.12.002-.17-.04-.204-.156-.116-.385-.247-.766-.365-1.147-.032-.11-.074-.153-.193-.153-1.066.006-2.132.006-3.2 0-.1 0-.142.03-.173.13-.127.405-.26.81-.39 1.21-.02.076-.05.117-.136.117-.873-.006-1.75-.004-2.623-.004-.016 0-.036-.005-.07-.012.023-.06.04-.115.064-.17 1.287-3.306 3.91-10.085 3.91-10.085h2.12zm-.023 6.674c-.343-1.147-.68-2.274-1.02-3.4h-.03l-1.017 3.4h2.067z" fill="#FFF"></path></svg></span>AOL Mail </a><a rel="nofollow noopener" class="a2a_i" href="/#outlook_com" target="_blank"><span class="a2a_svg a2a_s__default a2a_s_outlook_com" style="background-color: rgb(0, 114, 198);"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g fill="#FFF"><path d="M19.52 8.29v5.5l1.92 1.208a.474.474 0 0 0 .212 0l8.27-5.574c0-.66-.613-1.134-.962-1.134h-9.44z"></path><path d="M19.52 15.84l1.755 1.204c.246.183.543 0 .543 0-.297.183 8.104-5.397 8.104-5.397V21.75c0 1.102-.704 1.562-1.496 1.562H19.52V15.84zm-9.075-2.535c-.6 0-1.073.282-1.426.842-.357.56-.53 1.305-.53 2.23 0 .936.173 1.677.53 2.22.345.546.81.82 1.38.82.59 0 1.053-.266 1.4-.795.342-.53.515-1.266.515-2.206 0-.984-.17-1.744-.502-2.288-.333-.55-.79-.823-1.37-.823z"></path><path d="M2.123 5.5v21.51l16.362 3.428V2.33L2.123 5.5zm10.95 14.387c-.693.91-1.594 1.367-2.706 1.367-1.082 0-1.967-.442-2.65-1.324-.68-.88-1.02-2.03-1.02-3.448 0-1.496.343-2.707 1.037-3.63.693-.926 1.614-1.388 2.754-1.388 1.08 0 1.955.438 2.62 1.324.667.885 1 2.05 1 3.495.004 1.496-.345 2.695-1.034 3.604z"></path></g></svg></span>Outlook.com </a><a rel="nofollow noopener" class="a2a_i" href="/#yahoo_mail" target="_blank"><span class="a2a_svg a2a_s__default a2a_s_yahoo" style="background-color: rgb(64, 0, 144);"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#FFF" d="M21.495 6.097c1.09.31 2.213.28 3.304 0l-7.42 12.09v9.91a4.366 4.366 0 0 0-1.37-.22c-.47 0-.937.065-1.404.22v-9.91L7.19 6.097c1.09.28 2.213.31 3.304 0l5.516 8.788 5.483-8.787z"></path></svg></span>Yahoo Mail </a></div><div class="a2a_clear"></div></div>
<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
<a class="a2a_button_email"></a>
<a class="a2a_button_facebook"></a>
<a class="a2a_button_sms"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_whatsapp"></a>
</div>
<script>
var a2a_config = a2a_config || {};
a2a_config.templates = a2a_config.templates || {};
a2a_config.templates.email = {
subject: "Check this out: ${title}",
body: "Click the link:\n${link}"
};
a2a_config.templates.facebook = {
app_id: "5303202981",
redirect_uri: "https://static.addtoany.com/menu/thanks.html"
};
a2a_config.templates.sms = {
body: "Check this out: ${title} ${link}"
};
a2a_config.templates.twitter = {
text: "Reading: ${title} ${link}",
related: "AddToAny,Twitter"
};
a2a_config.templates.whatsapp = {
phone: "15551234567",
text: "I'm interested in ${title} posted here: ${link}"
};
</script>
<script async src="https://static.addtoany.com/menu/page.js"></script>
<a class="bookmarklet_button" href="javascript:(function(){f='https://www.addtoany.com/share#url='+encodeURIComponent(window.location.href)+'&amp;title='+encodeURIComponent(document.title);a=function(){if(!window.open(f,'addtoany','width=800,height=600,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes'))location.href=f+'jump=yes'};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})()" title="AddToAny" onclick="alert('Drag this link onto your toolbar to add the AddToAny Bookmarklet');return false">Drag to Bookmarks to add to Bookmarks!</a>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment