CINXE.COM

<!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="utf-8"> <title>Share Buttons for Email - AddToAny</title> <meta name="description" content="Get share buttons and social buttons for use in email and email newsletters."> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="/css/main.18.min.css" rel="stylesheet"> <script>!function(){var e;(e=document.documentElement).className+=e.className?" svg":"svg";}();</script> <style> @media (prefers-reduced-motion: no-preference) { @view-transition { navigation: auto; } } </style> <script type="module" src="/js/prefetch.1.min.js"></script> <script blocking="render" defer src="/js/transition.1.min.js"></script> <link rel="expect" href="#header .logo :first-child" blocking="render" /> <link rel="expect" href="#header a[href='/share']" blocking="render" /> <style> .notes{display:flex;justify-content:center;margin:25px auto;color:#333;padding:0 0 25px 0;} .notes_content{margin:10px} .notes div.add{margin-top:9px;color:#666} .notes ul{margin:2px 0 0;padding:2px 30px} .notes li{text-align:left;padding:2px} .center{text-align:center} .hide{display:none} .text_link{border:0;color:#0000FF;font-size:16px;text-decoration:underline;} .formerTable{width:540px;} .formerTable > div{display:flex;} .formerTable .tEmpty{padding:0} .formerTable .tCell{min-width:75%;text-align:left;padding:9px;vertical-align:middle} .formerTable .tCell:first-child{min-width:25%} @media (max-width:767px){ .formerTable{width:auto;} .formerTable > div{flex-wrap:wrap;} .formerTable .tCell{min-width:94%;} .formerTable .tCell:first-child{margin-left:7px} } .fieldNote{display:block;margin:7px} .textbox,select,.button,#code{font-size:16px;padding:6px;background:#F3F3F3;border:1px solid #CCC;border-radius:8px} .textbox,select{width:100%;margin-right:9px} .textbox:focus,select:focus{background:#FFF;} select{height:2em;width:100%} input[type="email"]:focus, input[type="url"]:focus{border-color:#0166ff;outline:0} #option_num_services{width:75px} #gen.button{background-color:#0166ff;border:1px solid #0166ff;color:#fff;cursor:pointer;font-size:18px;padding:12px} #gen.button:hover{background-color:#3988ff} #gen.button:active{border:1px solid #fff} #standalone_services_svg_option{display:block;padding:9px 0} .ata_button_choice img,.ata_button_choice .text_link{padding:9px 9px 9px 0} .more_expand:link,.more_expand:visited{vertical-align:middle;text-decoration:none} .more_expand:hover{text-decoration:underline} .a2a_default_style a{float:left;line-height:16px;padding:0 2px} .a2a_default_style a:hover .a2a_img, .a2a_default_style a:hover .a2a_svg{opacity:.7} .a2a_default_style .a2a_img, .a2a_default_style .a2a_svg{display:block;overflow:hidden} .a2a_default_style .a2a_img{height:16px;line-height:16px;width:16px} .a2a_default_style .a2a_svg{height:32px;line-height:32px;width:32px;border-radius:4px;} .a2a_default_style .a2a_img, .a2a_default_style .a2a_dd, .a2a_default_style .a2a_svg{float:left} .a2a_default_style .a2a_img_text{margin-right:4px} .a2a_default_style .a2a_divider{border-left:1px solid #000;display:inline;float:left;height:16px;line-height:16px;margin:0 5px} .a2a_default_style a:hover .a2a_img, .a2a_default_style a:hover .a2a_svg{opacity:1 !important} #standalone_services_svg_option{color:#00F;font-weight:normal} #standalone_services_svg_option input{margin-right:5px} .open_standalone_services_button{float:left} #open_standalone_services_svg_button{margin:8px 0 0 20px} #more_options_button{padding:14px 0 14px 14px} #more_buttons{display:block;margin:4px 0 0 21px} #more_buttons{display:none} #code{width:100%;height:200px;background:#FFF;font-size:16px;white-space:pre;word-wrap:normal} div.code_preview{display:block} #codebox,#test_area{margin-top:20px} #codebox div{margin:0 9px 9px} #test_area{text-align:center;display:flex;justify-content:center} .more_options > div{display:none} #platforms_small_intro{margin:42px 3px 0} .platforms_small{margin-top:9px;} .platforms_small a{display:block;text-decoration:none;padding:9px} .platforms_small a .picon{background-repeat:no-repeat;background-size:100%;border-radius:50%;width:24px;height:24px;margin:-1px 8px 0 0;} .platforms_small span{float:left} .platforms_small .platforms_small_column{float:left;margin-right:22px} .parent_standalone_services_option input,.parent_standalone_services_option label{float:left} .float_examples{float:left;text-align:left} .float_examples div{margin:9px 0 25px} .right_padding{padding-right:50px} .ff_floatholder{display:inline} .color_red{color:#FF4136} .color_yellow{color:#CCCC00} .color_blue{color:#0074D9} .color_green{color:#2ECC40} .color_pink{color:#F012BE} .color_purple{color:#B10DC9} #publisher_email_address, #linkurl{transition: box-shadow 1s} #publisher_email_address:invalid, #linkurl:invalid{box-shadow:0px 2px 0px 2px #ff1a01} html.js .ata_feed_button, html.js .ata_page_button{display:none} .ui-dialog{ border:2px solid #CCC; border-radius:4px; z-index: 2; } .ui-dialog iframe{border:0} .ui-dialog-titlebar{display:none} .ui-widget-overlay { position: fixed; top:0; right:0; bottom:0; left:0; background-color:#000; opacity: 0.75; z-index: 1; } </style> <script>var platform_icons=function(e){if(e&&3===e.length){var t=window,n=!(!t.document.createElementNS||!t.document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||window.opera&&-1===navigator.userAgent.indexOf("Chrome")),o=function(o){var r=t.document.createElement("link"),a=t.document.getElementsByTagName("script")[0],href=e[o&&n?0:o?1:2],sheets=t.document.styleSheets;r.rel="stylesheet",r.href=href,r.media="only x",a.parentNode.insertBefore(r,a);function toggleMedia(){var defined;for(var i=0;i<sheets.length;i++){if(sheets[i].href&&sheets[i].href.indexOf(href)>-1){defined=true;}} if(defined){r.media="all";} else{setTimeout(toggleMedia);}} toggleMedia();},r=new t.Image;r.onerror=function(){o(!1)},r.onload=function(){o(1===r.width&&1===r.height)},r.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="}}; platform_icons([ "https://static.addtoany.com/css/picons.2.svg.css", "https://static.addtoany.com/css/picons.2.png.css", "https://static.addtoany.com/css/picons.2.old.css" ]);</script> <noscript><link href="https://static.addtoany.com/css/picons.2.old.css" rel="stylesheet"></noscript><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script> (function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement); $(function(){ types(); no_script_options(); // Full size dialog var size_iframe_dialog = function(){ // Resize dialog $('#dialog').dialog('option', 'width', $(window).width()-90).dialog('option', 'height', $(window).height()-60); // Resize iFrame $('.ui-dialog:first div iframe:first').width( $(window).width() - 90 ).height( $(window).height() - 60 ); }; $('<div id="dialog"><iframe src="javascript:\'\';"/></div>').dialog({ width: $(window).width()-90, height: $(window).height()-60, resizable: false, draggable: false, autoOpen: false, modal: true, open: function(){ // Set fixed; 26px accounts for 2px border $('.ui-dialog').css({'position':'fixed', 'top':'26px'}); // Size iFrame size_iframe_dialog(); // Unbind anti-event measures //$(document).unbind($.ui.dialog.overlay.events); $('.ui-widget-overlay:first').click(function(){ $('#dialog').dialog('close') }); } }); $(window).resize(function(){ size_iframe_dialog() }); $('#more_buttons').click(function(e){ e.preventDefault(); $(this).hide(); $('#buttons .ata_'+type+'_button').fadeIn(); }); $('#standalone_services_svg_option').click(function(e){ $('#open_standalone_services_svg_button').fadeIn(); }); $('#more_options_button').click(function(e){ e.preventDefault(); $('.more_options > div').fadeIn(); $(this).hide(); }); $('#publisher_email_address').focus(function(){ $(this).attr('placeholder', 'me@example.com'); }); $('#linkname').focus(function(){ $(this).attr('placeholder', 'Example Page'); }); $('#linkurl').focus(function(){ $(this).attr('placeholder', 'https://www.example.com/'); }); }); window.addtoany_for_website = true; var type, vars_from_gen_page, drop_down_color_vars='', standalone_services_var='', standalone_services_array=['facebook','mastodon','email']; function gEl(e){return document.getElementById(e);}; function getByClass(c){ ems=new Array();e=document.getElementsByTagName('*');pattern=new RegExp('\\b'+c+'\\b'); for(i=0,j=0;i<e.length;i++)if(pattern.test(e[i].className)){ems[j]=e[i];j++;} return ems; }; function htmlEntities(str) { return String(str).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"'); } function types(){ t=gEl('t'); type=t.options[t.selectedIndex].value; gEl('t1').innerHTML=type.charAt(0).toUpperCase()+type.substr(1).toLowerCase(); gEl('t2').innerHTML=type.charAt(0).toUpperCase()+type.substr(1).toLowerCase(); var buttons = $('.ata_button_choice'); buttons.show() .not('.ata_'+type+'_button').hide() if ($('#more_buttons').is(':visible')) buttons.not('.ata_button_default').hide(); buttons.filter('.ata_button_default:visible').eq(0).find('input').eq(0).prop('checked', true); } function openServiceChooser(which){ vars_from_gen_page = createHTML(true); if(vars_from_gen_page!==false){ $('#dialog').one('dialogclose', function(){ $('.open_' + which + '_services_button:visible').animate({opacity: 1.0}, 99).effect("pulsate", {times:2}, 450); }); $('#dialog').dialog('open').find('iframe:first').attr('src', '/buttons/'+((type=='feed')?'subscribe':'share')+'/' + which +'_services'); } } function update_standalone_services_option(service_icon_names_array){ for(var i=0, icon_class_name, option_html=''; i < service_icon_names_array.length; i++) { option_html += ' <a><span class="a2a_svg a2a_s__default a2a_s_' + service_icon_names_array[i] + '"></span></a> '; } $('#standalone_services_svg_option_dummy').html(option_html); } function no_script_options(){ var a, b, no_script = true; if(no_script){a=true;b='hidden';} else{a=false;b='visible';} gEl('option_language').disabled=a; gEl('option_show_onclick').disabled=a; gEl('option_num_services').disabled=a; gEl('r_desc').innerHTML = no_script ? '<b>Required</b>' : 'Optional'; } function createServiceLinks(option_no_script){ var f = document.getElementById('configurator'), standalone_services_var = standalone_services_var || '\n<a class="a2a_button_facebook"></a>\n<a class="a2a_button_mastodon"></a>\n<a class="a2a_button_email"></a>', service_icon_names = window.service_icon_names || ['facebook', 'mastodon', 'email'], services_array = standalone_services_array, services_array_length = services_array.length, new_services_string = '', service_href, service_icon, linkname_value=f.linkname.value, linkurl_value=f.linkurl.value; for (var i=0; i < services_array_length; i++) { service_class = option_no_script ? '' : ' class="a2a_button_' + services_array[i] + '"'; service_href = option_no_script ? ' href="https://www.addtoany.com/add_to/' + services_array[i] + '?linkurl='+encodeURIComponent(linkurl_value)+'&linkname='+encodeURIComponent(linkname_value).replace(/'/g, '%27') + '"' : ''; service_icon = option_no_script ? '<img src="https://static.addtoany.com/buttons/' + service_icon_names[i] + '.svg" width="32" height="32" style="background-color:royalblue">' : ''; service_target = option_no_script ? ' target="_blank"' : ''; new_services_string += '<a' + service_class + service_href + service_target + '>' + service_icon + '</a>'; if (i < services_array_length - 1) new_services_string += '\n'; } return '\n' + new_services_string; } function createHTML(onlyReturnVars){ var f=document.getElementById('configurator'), option_no_script = true, drop_down_1='', drop_down_2='', drop_down_vars='', share_or_subscribe=(type=='feed')?'subscribe':'share', linkname_value=f.linkname.value, linkurl_value=f.linkurl.value; var code_html_kit_open = code_html_kit_open_additional_class = code_html_kit_data_atts = code_html_kit_services = code_html_link_open = code_html_link_inner = code_html_link_close = code_html_kit_close = code_js_script = code_js_external_script = ''; if (type=='page' && linkurl_value.trim()=='' && option_no_script) { alert('Please enter the URL to share.'); f.linkurl.focus(); return false; } if(type=='feed' && linkurl_value.trim()==''){ alert('Please enter the web address of your feed.'); f.linkurl.focus(); return false; } var publisher_email_address = $('#publisher_email_address').val(); if (publisher_email_address && publisher_email_address.length > 4 && publisher_email_address.indexOf('@') != -1) { $.post("/buttons/for/website?ajax=1", { email: publisher_email_address } ); } option_language=gEl('option_language'); language_locale=option_language.options[option_language.selectedIndex].value; language_locale=(language_locale=='en-US') ? '' : language_locale; var num_services=gEl('option_num_services'); var num_services_value=num_services.options[num_services.selectedIndex].value; code_html_link_open = '\n<a' + ( ! option_no_script ? ' class="a2a_dd"' : '') + ' href="https://www.addtoany.com/' + share_or_subscribe + ( option_no_script && linkurl_value.trim() != '' ? '#url=' + encodeURIComponent(linkurl_value) + '&title=' + encodeURIComponent(linkname_value).replace(/'/g, '%27') : '') + '"' + ( option_no_script ? ' target="_blank"' : '') + '>'; code_html_link_close = '</a>'; function buttonImage(button_values, alt) { button_values=button_values.split('|'); var file=button_values[0], x=button_values[1], y=button_values[2]; return '<img src="https://static.addtoany.com/buttons/'+file+'" width="'+x+'" height="'+y+'" border="0" alt="'+alt+'">'; } for(var i=0;i<f.r.length;i++){ var buttonsSelected=f.r[i]; if(buttonsSelected.checked){ if(buttonsSelected.value=='kit_share' || type=='feed') { if (buttonsSelected.value=='kit_share') { code_html_kit_open_additional_class += 'a2a_kit_size_32 '; code_html_link_inner += option_no_script && type=='page' ? '<img src="https://static.addtoany.com/buttons/a2a.svg" width="32" height="32" style="background-color:royalblue">' : ''; code_html_kit_services = ''; } code_html_link_inner += type=='feed' ? buttonImage(buttonsSelected.value, 'Subscribe') : ''; code_html_kit_open_additional_class += type=='feed' ? 'a2a_follow ' : ''; code_html_kit_data_atts += linkurl_value ? ' data-a2a-url="' + htmlEntities(linkurl_value) + '"' : ''; code_html_kit_data_atts += linkname_value ? ' data-a2a-title="' + htmlEntities(linkname_value) + '"' : ''; code_html_kit_open = option_no_script ? '\n<div>' : '\n<div class="a2a_kit ' + code_html_kit_open_additional_class + 'a2a_default_style"' + code_html_kit_data_atts +'>'; code_html_kit_services += type=='feed' ? '' : createServiceLinks(option_no_script); code_html_kit_close = '\n</div>'; } else if(buttonsSelected.value!='text_link'){ code_html_link_inner += buttonImage(buttonsSelected.value, type=='feed' ? 'Subscribe' : 'Share'); } else code_html_link_inner += ''+buttonsSelected.parentNode.getElementsByTagName('input')[1].value; break; } } var addtoany_code = '' + code_html_kit_open + code_html_link_open + code_html_link_inner + code_html_link_close + code_html_kit_services + code_html_kit_close + code_js_script + code_js_external_script + '\n'; f.code.value = addtoany_code; $('#codebox').fadeIn(function(){ var code = f.code code.focus(); code.select(); }); gEl('test_area').innerHTML = addtoany_code; a2a_onclick=false; a2a_find_text=false; a2a_num_services=false; a2a_fb_feedcount=false; eval( drop_down_vars ); window['a2a'+type+'_num_services']=(a2a_num_services) ? a2a_num_services : 8; a2a.init(type); return true; } function Blogger(){ if(createHTML()){ gEl('Blogger_code').value=gEl('code').value; gEl('Blogger').submit(); } } function TypePad(){ if(createHTML()){ gEl('TypePad_code').value=gEl('code').value; gEl('TypePad').submit(); } } </script> </head> <body> <div id="header"> <div class="header_content clearfix"> <div class="hdr_l"> <h2 class="logo"><a href="/" title="AddToAny Share Buttons">AddToAny</a></h2> </div> <div class="hdr_r"> <a class="hdr_link current_page" href="/buttons/" title="Get the share buttons">Get</a> <a class="hdr_link" href="/buttons/customize/" title="Customize the share buttons">Customize</a> <a class="hdr_link" href="/share" title="Share a link">Share</a> <a class="hdr_link" href="/buttons/faq/" title="Frequently asked questions and answers">FAQ</a> </div> </div> </div> <div id="page"> <div class="main"> <h2>Get the buttons code for email newsletters</h2> <div class="notes"> <div class="notes_content"> <form action="" id="configurator" name="configurator" onsubmit="return false"> <div class="t formerTable"> <div> <div class="tCell"><label for="t">Type</label></div> <div class="tCell"> <select id="t" name="t" onchange="types()"> <option value="page" title="For any web page">Share Buttons</option> <option value="feed" title="For any RSS feed">Subscribe Button</option> </select> </div> </div> <div> <div class="tCell"><label>Buttons</label></div> <div class="tCell" id="buttons"> <div class="a2a_default_style a2a_kit_size_32 parent_standalone_services_option"> <label class="ata_button_choice ata_page_button ata_button_default" id="standalone_services_svg_option"> <input name="r" type="radio" value="kit_share"/> <a><span class="a2a_svg a2a_s_a2a"></span></a> <span id="standalone_services_svg_option_dummy"> <a><span class="a2a_svg a2a_s_facebook"></span></a> <a><span class="a2a_svg a2a_s_mastodon"></span></a> <a><span class="a2a_svg a2a_s_email"></span></a> </span> <a id="open_standalone_services_svg_button" class="more_expand thickbox open_standalone_services_button" onclick="openServiceChooser('standalone');return false" href="#">Choose Services…</a> </label> <div class="cl"></div> </div> <div> <label class="ata_button_choice ata_feed_button ata_button_default"><input name="r" type="radio" value="subscribe_256_24.png|256|24"/> <img src="https://static.addtoany.com/buttons/subscribe_256_24.png" width="256" height="24" alt=""/></label> <a id="more_buttons" class="more_expand" href="#">More »</a> </div> <div> <label class="ata_button_choice ata_feed_button"><input name="r" type="radio" value="subscribe_106_16.gif|106|16"/> <img src="https://static.addtoany.com/buttons/subscribe_106_16.gif" width="106" height="16" alt=""/></label> <label class="ata_button_choice ata_feed_button"><input name="r" type="radio" value="favicon.png|16|16"/> <img src="https://static.addtoany.com/buttons/favicon.png" width="16" height="16" alt=""/></label> <label class="ata_button_choice ata_feed_button"><input name="r" type="radio" value="subscribe_16_16.gif|16|16"/> <img src="https://static.addtoany.com/buttons/subscribe_16_16.gif" width="16" height="16" alt=""/></label> </div> <div> <label class="ata_button_choice ata_page_button ata_button_default"><input name="r" type="radio" value="share_save_171_16.png|171|16"/> <img src="https://static.addtoany.com/buttons/share_save_171_16.png" srcset="https://static.addtoany.com/buttons/share_save_342_32.png 2x" width="171" height="16" alt=""/></label> <label class="ata_button_choice ata_feed_button"><input name="r" type="radio" value="subscribe_171_16.gif|171|16"/> <img src="https://static.addtoany.com/buttons/subscribe_171_16.gif" width="171" height="16" alt=""/></label> <label class="ata_button_choice ata_feed_button"><input name="r" type="radio" value="subscribe_120_16.gif|120|16"/> <img src="https://static.addtoany.com/buttons/subscribe_120_16.gif" width="120" height="16" alt=""/></label> </div> <div class="ata_button_choice ata_page_button ata_button_default"> <input name="r" type="radio" value="text_link"/> <input class="text_link" type="text" value="Share" onclick="this.parentNode.getElementsByTagName('input')[0].checked=true;this.focus()"/> </div> </div> </div> <div> <div class="tCell"><label for="publisher_email_address">Email address</label></div> <div class="tCell"><input class="textbox" id="publisher_email_address" name="publisher_email_address" type="email" maxlength="255"/> <span class="fieldNote lighten" title="Enter your email address for newsletter updates">Optional</span></div> </div> <div> <div class="tCell"><label for="linkname"><span id="t1">Page or feed</span> name</label></div> <div class="tCell"><input class="textbox" id="linkname" name="linkname" type="text" maxlength="1000"/> <span class="fieldNote lighten">Optional</span></div> </div> <div> <div class="tCell"><label for="linkurl"><span id="t2">Page or feed</span> url</label></div> <div class="tCell"><input class="textbox" id="linkurl" name="linkurl" type="url" maxlength="1000"/> <span id="r_desc" class="fieldNote lighten"><b>Required</b></span></div> </div> <div class="more_options"> <div class="tCell"><label for="option_language">Language</label></div> <div class="tCell"> <select id="option_language" name="option_language"> <option lang="ar" value="ar">العربية</option><option lang="id" value="id">Bahasa Indonesia</option><option lang="ms" value="ms">Bahasa Malaysia</option><option lang="bn" value="bn">বাংলা</option><option lang="bs" value="bs">Bosanski</option><option lang="bg" value="bg">Български</option><option lang="ca" value="ca">Català</option><option lang="ca-AD" value="ca-AD">Català (Andorra)</option><option lang="ca-ES" value="ca-ES">Català (Espanya)</option><option lang="cs" value="cs">Čeština</option><option lang="cy" value="cy">Cymraeg</option><option lang="da" value="da">Dansk</option><option lang="de" value="de">Deutsch</option><option lang="dv" value="dv">ދިވެހި</option><option lang="el" value="el">Ελληνικά</option><option lang="et" value="et">Eesti</option><option lang="es" value="es">Español</option><option lang="es-AR" value="es-AR">Español argentino</option><option lang="es-VE" value="es-VE">Español venezolano</option><option lang="eo" value="eo">Esperanto</option><option lang="en-US" value="en-US" selected="selected">English</option><option lang="eu" value="eu">Euskara</option><option lang="fa" value="fa">فارسی</option><option lang="fr" value="fr">Français</option><option lang="fr-CA" value="fr-CA">Français canadien</option><option lang="gd" value="gd">Gàidhlig</option><option lang="he" value="he">עברית</option><option lang="hi" value="hi">हिंदी</option><option lang="hr" value="hr">Hrvatski</option><option lang="hy" value="hy">հայերեն</option><option lang="is" value="is">Íslenska</option><option lang="it" value="it">Italiano</option><option lang="ja" value="ja">日本語</option><option lang="ko" value="ko">한국어</option><option lang="ku" value="ku">Kurdî</option><option lang="lv" value="lv">Latviešu Valoda</option><option lang="lt" value="lt">Lietuvių</option><option lang="li" value="li">Limburgs</option><option lang="hu" value="hu">Magyar</option><option lang="mk" value="mk">Makedonski</option><option lang="nl" value="nl">Nederlands</option><option lang="nn-NO" value="nn-NO">Norsk</option><option lang="pl" value="pl">Polski</option><option lang="pt" value="pt">Português (internacional)</option><option lang="pt-BR" value="pt-BR">Português Brasileiro</option><option lang="pt-PT" value="pt-PT">Português (Portugal)</option><option lang="ro" value="ro">Româna</option><option lang="ru" value="ru">Pyccĸий</option><option lang="sr" value="sr">Српски</option><option lang="fi" value="fi">Suomi</option><option lang="sk" value="sk">Slovenčina</option><option lang="sl" value="sl">Slovenščina</option><option lang="sv" value="sv">Svenska</option><option lang="sw" value="sw">Kiswahili</option><option lang="ta" value="ta">தமிழ்</option><option lang="tr" value="tr">Türkçe</option><option lang="te-IN" value="te-IN">తెలుగు</option><option lang="uk" value="uk">Українська</option><option lang="vi" value="vi">Tiếng Việt</option><option lang="zh-CN" value="zh-CN">中文</option><option lang="zh-TW" value="zh-TW">正體中文</option> </select> <a class="fieldNote lighten" href="/buttons/translate/" target="_blank">Help translate</a> </div> </div> <div class="more_options"> <div class="tCell"><label for="option_num_services"># of services displayed</label></div> <div class="tCell"> <select id="option_num_services" name="option_num_services" title=""> <option value="2">2</option> <option value="4">4</option> <option value="6">6</option> <option value="8" selected="selected">8</option> <option value="10">10</option> <option value="12">12</option> <option value="14">14</option> <option value="16">16</option> <option value="18">18</option> <option value="20">20</option> <option value="22">22</option> </select> </div> </div> <div class="more_options"> <div class="tCell tEmpty"> </div> <div class="tCell"> <input id="option_show_onclick" class="checkbox" type="checkbox"/><label for="option_show_onclick" title="Show drop-down menu only when the button is clicked"> Show menu only when button is clicked</label><br /> <input id="option_no_script" class="checkbox" type="checkbox" onclick="no_script_options()" onchange="no_script_options()"/><label for="option_no_script" title="No JavaScript"> No script (basic links)</label> </div> </div> <div> <div class="tCell tEmpty"> </div> <div class="tCell"> <input id="gen" class="button" type="button" onclick="createHTML()" value="Get Button Code"/> </div> </div> <div class="code_preview"> <div id="codebox" style="display:none"> <div class="lighten">Copy and paste into your page:</div> <textarea id="code" name="code" onclick="this.focus();this.select()" cols="" rows="" spellcheck="false"></textarea> </div> <div id="test_area"> </div> </div> </div> <noscript><p><b>The form above requires JavaScript to be enabled in your browser.<br/>If you prefer to leave JavaScript disabled, here is the AddToAny code that you can manually edit:</b><br/><br/><b>Share button</b>: <i><a href="https://www.addtoany.com/<b>share</b>?linkurl=<b>LINK-URL</b>&linkname=<b>LINK-TITLE</b>"><b>IMAGE-OR-TEXT-HERE</b></a></i><br/><br/><b>Subscribe button</b>: <i><a href="https://www.addtoany.com/<b>subscribe</b>?linkurl=<b>FEED-URL</b>&linkname=<b>FEED-TITLE</b>"><b>IMAGE-OR-TEXT-HERE</b></a></i></p></noscript> </form> </div> </div> <div class="cl"></div> <script> var a2a_config = a2a_config || {}; a2a_config.callbacks = a2a_config.callbacks || []; a2a_config.callbacks.push({ ready: function() { a2a.init('page'); a2a.init('feed'); a2a.svg_css(); } }); </script> <script defer src="https://static.addtoany.com/menu/page.js"></script> <form class="hide" id="Blogger" method="post" action="https://www.blogger.com/add-widget"> <input type="hidden" name="infoUrl" value="https://www.addtoany.com/"/> <input type="hidden" name="logoUrl" value="https://static.addtoany.com/images/addtoany-logo-32.png"/> <textarea id="Blogger_code" name="widget.content" cols="" rows=""></textarea> </form> <form class="hide" id="TypePad" method="post" action="https://www.typepad.com/t/app/weblog/design/widgets"> <input type="hidden" name="service_key" value="52616e646f6d4956a7b158327eb00269c9055a667da40139f138b4931556ad85afde1f6aee1c7100" /> <input type="hidden" name="service_name" value="AddToAny Widget" /> <input type="hidden" name="service_url" value="https://www.addtoany.com/" /> <input type="hidden" name="long_name" value="AddToAny Widget" /> <input type="hidden" name="short_name" value="add_to_any_bookmark" /> <textarea id="TypePad_code" name="content" cols="" rows=""></textarea> <input type="hidden" name="return_url" value="https://www.addtoany.com/" /> </form> </div> <div id="footer"> <div class="footer_cols"> <div> <h2>Features</h2> <a href="/buttons/customize/floating_share_buttons" title="Floating Share Bars that are responsive for mobile and desktop, and can show and hide on scroll">Floating Share Buttons</a> <a href="/buttons/customize/image_sharing" title="Share your images directly to Facebook, Pinterest, Tumblr, Houzz, and more">Image Share Buttons</a> <a href="/buttons/customize/share_counters" title="Show the share count next to your share buttons">Share Counts</a> <a href="/buttons/customize/share_count_recovery" title="Recover lost share counts after a change in URLs, a new domain, or a move to HTTPS from HTTP">Share Count Recovery</a> <a href="/buttons/customize/follow_buttons" title="Link to your Instagram, Snapchat, YouTube, and other social media and RSS feeds">Follow Buttons</a> <a href="/ext/google_analytics/" title="Sharing analytics in Google Analytics">Google Analytics</a> </div> <div> <h2>Plugins</h2> <a href="https://wordpress.org/plugins/add-to-any/" title="Share Buttons for WordPress, the most popular WordPress sharing plugin">WordPress Share Plugin</a> <a href="https://www.drupal.org/project/addtoany" title="Share Buttons for Drupal, the most popular Drupal sharing module">Drupal Share Module</a> <a href="/buttons/for/joomla" title="Share Buttons for Joomla, available as a plugin and a module in one extension">Joomla Share Extension</a> <a href="https://www.cloudflare.com/apps/addtoany" title="Share Buttons for Cloudflare sites">Cloudflare Share App</a> <a href="/buttons/" title="All share button plugins for WordPress.com, Blogger, Tumblr, and more platforms, websites and apps">Share Buttons for Sites</a> <a href="/buttons/for/email_newsletter" title="Get share buttons for use in email">Share Buttons for Email</a> </div> <div> <h2>Browser Tools</h2> <a href="https://addons.mozilla.org/en-US/firefox/addon/addtoany-share/" title="Share button for Mozilla Firefox">AddToAny for Firefox</a> <a href="https://chrome.google.com/webstore/detail/addtoany-share-anywhere/ffpgijchhhkhnokafdeklpllijgnbche" title="Share button for Google Chrome">AddToAny for Chrome</a> <a href="/users/bookmarklet" title="Share button for your browser's Bookmarks Bar">AddToAny Bookmarklet</a> <a href="/services/" title="Services directory and bookmarklets">Service Bookmarklets</a> <a href="/share" title="Share a page to any service">Share a URL</a> <a href="/share/preferences" title="Set your preferred services">Sharing Preferences</a> </div> <div> <h2>Resources</h2> <a href="/buttons/customize/" title="Customize your share buttons">Customize AddToAny</a> <a href="/services/" title="Services directory and share button codes">Service Codes</a> <a href="/buttons/api/" title="JavaScript API reference">JavaScript API</a> <a href="/buttons/faq/" title="Answers to frequently asked questions">Questions & Answers</a> <a href="/blog/" title="The AddToAny Blog">AddToAny News</a> <a href="/contact/" title="Contact AddToAny">Contact AddToAny</a> </div> </div> <div class="legal"> <span>© 2006–2025</span> <a href="/terms" title="Terms of Service">Terms</a> <a href="/privacy" title="Privacy Policy">Privacy</a> </div> </div> </div></body> </html>