How to Customise Image and Title in AddThis Sharing Button

If you want to share your site information on many social networking site you use one of the best social networking sharing facilities provided by AddThis.com and its working nice .It retrieves default  image, title and description from your site to share on different social site but if you want to change image, title and description to share on social site.
Then follows these following steps :

  • First of all add meta tag before <title> tag
<meta property="og:title" content="WRITE YOUR TITLE" />
<meta property="og:description" content="WRITE YOUR DESCRIPTION" />
<meta property="og:image" content="ADD YOUR IMAGE LINK" />
  • Then add below code where you want to show AddThis button
<div class="addthis_toolbox addthis_default_style" addthis:url="WRITE YOUR POST URL"
    addthis:title="WRITE YOUR TITLE"
    addthis:description="WRITE YOUR DESCRIPTION">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit" pi:pinit:media="ADD YOUR IMAGE LINK" pi:pinit:layout="horizontal"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f6557883501563d"></script>
<!-- AddThis Button END -->
        </div>
0 Comments
Disqus
Fb Comments
Comments :

0 comments:

Post a Comment