Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #27873

    Hi Guys,

    Thanks for creating an amazing template!! Quick question – How can I add “AddThis” social share into the header? Presently using Header with Social Icons and bottom.

    Thanks!

    Marin1804

    #135671

    Hi,

    You need to register an account here: http://www.addthis.com/

    After you register go to Account Options > Profiles then get the profile id. It will look like this “ra-51de3s5b7e09a8f5”. Go to your WP Dashboard > Settings > Addthis Share then paste the profile id on “AddThis Profile ID” field. Save changes.

    Go back to the addthis account website then click “Get the code” > Share Buttons. Copy the social button codes, it will look like this:

    Edit header.php, find this code:

    <div  id='header_main' class='container_wrap container_wrap_logo'>

    <?php
    /*
    * Hook that can be used for plugins and theme extensions (currently: the woocommerce shopping cart)
    */
    do_action('ava_main_header');

    ?>

    <div class='container'>

    Paste the addthis social button code below:

    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style ">
    <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
    <a class="addthis_button_tweet"></a>
    <a class="addthis_button_pinterest_pinit"></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-51de2d2b7e09a8f5"></script>
    <!-- AddThis Button END -->

    Regards,

    Ismael

    #135672

    Thank you so much!!

    #135673

    Hey,

    Glad we could help. :)

    Cheers,

    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘placing AddThis social icons into the header’ is closed to new replies.