{"id":20694,"date":"2015-02-12T10:00:08","date_gmt":"2015-02-12T15:00:08","guid":{"rendered":"https:\/\/blog.shareaholic.com\/?p=20694"},"modified":"2016-01-04T10:12:00","modified_gmt":"2016-01-04T15:12:00","slug":"add-shareaholic-to-wordpress-blogger-sidebar","status":"publish","type":"post","link":"https:\/\/www.shareaholic.com\/blog\/add-shareaholic-to-wordpress-blogger-sidebar\/","title":{"rendered":"How to add Shareaholic to your WordPress or Blogger Sidebar"},"content":{"rendered":"<p>You can already install Shareaholic in several standard locations on your website or blog using our WordPress plugin or app code at Shareaholic.com. However, we want to give you the flexibility\u00a0to install our applications anywhere\u00a0you want on your website. And by understanding a few easy-to-follow steps, you can take our tools even further, allowing them to shine\u00a0from within your site&#8217;s\u00a0sidebar.<\/p>\n<p>There are multiple ways to install our tools into your website. The simplest way of installing them into your sidebar, is creating a widget (in WordPress) or a gadget (in Blogger) for them. This allows you to place the application\u00a0in a desired location easily, and\u00a0without the hassle of having to manually insert it into your website\u2019s code template.<\/p>\n<h3>How to Install Shareaholic in your WordPress or Blogger Sidebar<\/h3>\n<p>Regardless of what platform you&#8217;re using, the first step will be the same and you&#8217;ll want to make sure you&#8217;re logged in to your <a title=\"shareaholic login\" href=\"shareaholic.com\/login\" target=\"_blank\">Shareaholic account<\/a> in order to create the app code that you&#8217;ll install on your site.<\/p>\n<h3>Step One: Create Your Code<\/h3>\n<p>1.)\u00a0<a href=\"https:\/\/www.shareaholic.com\/login\">Sign-In<\/a> to your Shareaholic account.<\/p>\n<p>2.) In the <strong>Site Tools<\/strong> section, click the <strong>Add App Location<\/strong> dropdown menu.<\/p>\n<p>3.) Select <strong><a title=\"shareaholic share buttons\" href=\"https:\/\/shareaholic.com\/publishers\/sharing\" target=\"_blank\">Share Buttons<\/a>, <a title=\"shareaholic recommendations related content\" href=\"https:\/\/shareaholic.com\/publishers\/recommendations\" target=\"_blank\">Related Content<\/a>,<\/strong>\u00a0or<strong>\u00a0<a title=\"shareaholic follow buttons\" href=\"https:\/\/www.shareaholic.com\/blog\/introducing-follow-buttons\/\" target=\"_blank\">Follow Buttons<\/a>.<\/strong><\/p>\n<p><a href=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.44.59-PM.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-20718 size-full aligncenter\" src=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.44.59-PM.png\" alt=\"Screen Shot 2015-02-10 at 3.44.59 PM\" width=\"471\" height=\"550\" srcset=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.44.59-PM.png 471w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.44.59-PM-343x400.png 343w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.44.59-PM-257x300.png 257w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.44.59-PM-300x350.png 300w\" sizes=\"(max-width: 471px) 100vw, 471px\" \/><\/a><\/p>\n<p>4.) Enter the name of the location where the tool will appear (e.g. Right Sidebar).<\/p>\n<p>5.) Next, customize the app\u00a0to best fit\u00a0your website&#8217;s theme by clicking on the <strong>Settings<\/strong> icon.<\/p>\n<p>6.) Once your customizations are complete, click <strong>Save Settings<\/strong>. This will redirect you back to <strong>Your Applications<\/strong>\u00a0page. The app\u00a0you created will appear under <strong>Locations <\/strong>(e.g. Right Sidebar).<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/support.shareaholic.com\/hc\/en-us\/article_attachments\/200951953\/Screen_Shot_2014-07-09_at_1.21.55_PM.png\" alt=\"\" width=\"548\" height=\"119\" \/><\/p>\n<p>7.) On the right, click the &#8216;<strong>&lt;\/&gt;&#8217;<\/strong> button and copy the app code to your clipboard.<\/p>\n<p><a href=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.37.38-PM-e1423600970740.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-20716 size-full aligncenter\" src=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.37.38-PM-e1423600970740.png\" alt=\"Screen Shot 2015-02-10 at 3.37.38 PM\" width=\"506\" height=\"77\" srcset=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.37.38-PM-e1423600970740.png 506w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.37.38-PM-e1423600970740-300x46.png 300w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.37.38-PM-e1423600970740-400x61.png 400w\" sizes=\"(max-width: 506px) 100vw, 506px\" \/><\/a><\/p>\n<h3>Step Two: Create your Application Widget\/Gadget<\/h3>\n<p><strong>WordPress Instructions<\/strong><\/p>\n<p>1.) Click on <strong>Appearance &gt; Widgets <\/strong><\/p>\n<p>2.) Edit an existing <strong>Text widget<\/strong> or drag and drop a new <strong>Text widget<\/strong> wherever you want the Share Buttons, Related Content or any other App to appear.<\/p>\n<p>3.) Paste the Shareaholic shortcode directly into the widget <strong>Content box<\/strong> and click <strong>Save<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-22506\" src=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/widgets.png\" alt=\"widgets\" width=\"550\" height=\"275\" srcset=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/widgets.png 1599w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/widgets-700x350.png 700w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/widgets-300x150.png 300w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/widgets-768x384.png 768w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/widgets-1024x512.png 1024w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/widgets-400x200.png 400w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><strong>Blogger Instructions<\/strong><\/p>\n<p>1.)\u00a0Return to your Blogger admin page<\/p>\n<p>2.) Click on <strong>Layout<\/strong> in the lefthand menu<\/p>\n<p>3.) Click <strong>Add a Gadget<\/strong>\u00a0wherever you want to place the application.<\/p>\n<p><a href=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.05.45-PM.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-20710 aligncenter\" src=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.05.45-PM.png\" alt=\"Screen Shot 2015-02-10 at 3.05.45 PM\" width=\"550\" height=\"286\" srcset=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.05.45-PM.png 981w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.05.45-PM-700x364.png 700w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.05.45-PM-300x156.png 300w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.05.45-PM-768x399.png 768w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.05.45-PM-400x208.png 400w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>4.) Select <strong>HTML\/JavaScript<\/strong> from the list of gadgets<\/p>\n<p><a href=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.05.29-PM.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-20709 size-full aligncenter\" src=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.05.29-PM.png\" alt=\"Screen Shot 2015-02-10 at 3.05.29 PM\" width=\"451\" height=\"108\" srcset=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.05.29-PM.png 451w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.05.29-PM-300x72.png 300w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.05.29-PM-400x96.png 400w\" sizes=\"(max-width: 451px) 100vw, 451px\" \/><\/a><\/p>\n<p>5.) Give the gadget a title (this will display on your site) if you&#8217;d like, and paste the Shareaholic code into the <strong>Content<\/strong> section<\/p>\n<p><a href=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.03.31-PM.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-20708 aligncenter\" src=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.03.31-PM.png\" alt=\"Screen Shot 2015-02-10 at 3.03.31 PM\" width=\"550\" height=\"551\" srcset=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.03.31-PM.png 540w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.03.31-PM-399x400.png 399w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.03.31-PM-300x301.png 300w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2015\/02\/Screen-Shot-2015-02-10-at-3.03.31-PM-299x300.png 299w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>6.) Click <strong>Save<\/strong> and your widget, displaying the application you created a code for,\u00a0should now be activated on your site!<\/p>\n<p>Remember to check out our Publisher Support and Information pages here: <a href=\"https:\/\/shareaholic.com\/publishers\" target=\"_blank\">https:\/\/shareaholic.com\/publishers<\/a><\/p>\n<p>As always, if you have questions, leave a note in the comments section, visit our helpdesk or drop us a line at support@shareaholic.com. We\u2019re excited to hear what you think!<\/p>\n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>You can already install Shareaholic in several standard locations on your website or blog using our WordPress plugin or app code at Shareaholic.com. However, we&hellip;&nbsp;<br \/><a class=\"continue-reading\" href=\"https:\/\/www.shareaholic.com\/blog\/add-shareaholic-to-wordpress-blogger-sidebar\/\">Continue Reading<\/a><\/p>\n","protected":false},"author":79,"featured_media":20729,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[525],"tags":[253,158],"_links":{"self":[{"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/posts\/20694"}],"collection":[{"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/users\/79"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/comments?post=20694"}],"version-history":[{"count":0,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/posts\/20694\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/media\/20729"}],"wp:attachment":[{"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/media?parent=20694"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/categories?post=20694"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/tags?post=20694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}