<head>
<title> Your Title Here </title>
<script async src="https://static.addtoany.com/menu/page.js"></script>
</head>
HTML Code: Share Button With Counter
<div class='a2a_kit a2a_kit_size_32 a2a_default_style' style='display: flex; justify-content: center;margin-top: 15px;'>
<a class='a2a_button_facebook a2a_counter'/>
<a class='a2a_button_pinterest a2a_counter'/>
<a class='a2a_button_tumblr a2a_counter'/>
<a class='a2a_button_reddit a2a_counter'/>
<a class='a2a_dd a2a_counter' href='https://www.addtoany.com/share'/>
</div>
Preview:
HTML Code: Right Side Vertical Share Button
<div class='a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style' data-a2a-scroll-show='520,8500' style='right:-10px; top:150px;'>
<a class='a2a_button_facebook'/>
<a class='a2a_button_facebook_messenger'/>
<a class='a2a_dd' href='https://www.addtoany.com/share'/>
</div>
<a class='a2a_button_facebook'/>
<a class='a2a_button_facebook_messenger'/>
<a class='a2a_dd' href='https://www.addtoany.com/share'/>
</div>
Preview:
Bottom Fixed Share Button (Only Appear On Desktop User)
HTML Code:
<div class='a2a_kit a2a_kit_size_32 a2a_floating_style a2a_default_style' style='bottom:20px; left:50%; transform:translateX(-50%);'>
<div style='background: #888;color: white;text-align: center;border-radius: 5px;'>Share And Send To Your Friends</div>
<a class='a2a_button_facebook'/>
<a class='a2a_button_facebook_messenger'/>
<a class='a2a_button_pinterest'/>
<a class='a2a_button_tumblr'/>
<a class='a2a_button_reddit'/>
<a class='a2a_dd' href='https://www.addtoany.com/share'/>
</div>
CSS Code:
/* Hide AddToAny vertical share bar when screen is less than 980 pixels wide */
@media screen and (max-width: 980px) {
.a2a_floating_style.a2a_default_style { display: none; }
}
Post a Comment