Advertisment

<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> 

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

أحدث أقدم