{"id":30008,"date":"2017-05-17T21:01:59","date_gmt":"2017-05-17T13:01:59","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=30008"},"modified":"2018-03-29T21:22:27","modified_gmt":"2018-03-29T13:22:27","slug":"responsive-social-sharing-buttons","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/","title":{"rendered":"Add Responsive Social Buttons to Websites Easily with RRSSB"},"content":{"rendered":"<p><strong>Social sharing buttons<\/strong> are still incredibly powerful at driving traffic and bringing attention to your site. You can always use <strong>custom count badges<\/strong> but they\u2019re not always easy to set up.<\/p>\n<p>The newest and simplest way to go is <strong>RRSSB<\/strong>, Ridiculously Responsive Social Sharing Buttons (what an acronym!).<\/p>\n<p class=\"note\"> <strong>Recommended Reading:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/optimizing-social-button\/\">5 Ways to Optimise Your Social (Count) Buttons<\/a><\/p>\n<p>Every button comes with an <strong>SVG logo of the social media site<\/strong>, along with a <strong>unique color<\/strong> to match the branding. These buttons are really simple to set up and they work for absolutely any layout.<\/p>\n<p>The beauty of RRSSB badges lies in <strong>customization<\/strong>. You can choose which badges keep the labels, which ones use logos, and how many to include.<\/p>\n<p>Just by looking at the \u201cAll sites\u201d page, you\u2019ll find <strong>14 social networks<\/strong> for sharing links, along with defaults such as <strong>email & print<\/strong>. Currently, the following social networks are supported:<\/p>\n<ul>\n<li>Facebook<\/li>\n<li>Twitter<\/li>\n<li>Instagram<\/li>\n<li>Tumblr<\/li>\n<li>LinkedIn<\/li>\n<li>Reddit<\/li>\n<li>VK<\/li>\n<li>Google Plus<\/li>\n<li>YouTube<\/li>\n<li>Pocket<\/li>\n<li>Hacker News<\/li>\n<li>Pinterest<\/li>\n<li>Github<\/li>\n<li>WhatsApp<\/li>\n<\/ul>\n<p>Of course, you don\u2019t need to include all networks, so you can whittle down your favorites.<\/p>\n<p>You can also find <strong>active code snippets<\/strong> <a href=\"https:\/\/github.com\/kni-labs\/rrssb\" target=\"_blank\">on GitHub<\/a> that you can copy\/paste into your site. Best of all, RRSSB comes with a <strong>free <a href=\"https:\/\/wordpress.org\/plugins\/rrssb\/\" target=\"_blank\">WordPress plugin<\/a><\/strong> to automatically install these badges for every page on your WordPress blog.<\/p>\n<figure><a href=\"https:\/\/wordpress.org\/plugins\/rrssb\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/responsive-social-sharing-buttons\/02-rrssb-plugin-feature.jpg\" alt=\"rrssb plugins\" width=\"1000\" height=\"250\"><\/a><\/figure>\n<p>Note this library <strong>does require SVG support<\/strong> for the best experience. It can <strong>use a JavaScript fallback<\/strong> but this will take longer to load.<\/p>\n<p>Ultimately, I really like this plugin because it\u2019s clean and it just works. Amazing resource for social sharing and it comes at the incredible price tag of free!<\/p>\n<p class=\"note\"> <strong>Recommended Reading:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/wordpress-speed-optimization-social-sharing-icons\/\">WordPress Speed Optimization with Custom Social Sharing Icons<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Social sharing buttons are still incredibly powerful at driving traffic and bringing attention to your site. You can always use custom count badges but they\u2019re not always easy to set up. The newest and simplest way to go is RRSSB, Ridiculously Responsive Social Sharing Buttons (what an acronym!). Recommended Reading: 5 Ways to Optimise Your&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3409],"tags":[2066],"topic":[4523],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Add Responsive Social Buttons to Websites Easily with RRSSB - Hongkiat<\/title>\n<meta name=\"description\" content=\"Social sharing buttons are still incredibly powerful at driving traffic and bringing attention to your site. You can always use custom count badges but\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Responsive Social Buttons to Websites Easily with RRSSB\" \/>\n<meta property=\"og:description\" content=\"Social sharing buttons are still incredibly powerful at driving traffic and bringing attention to your site. You can always use custom count badges but\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-17T13:01:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-03-29T13:22:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/responsive-social-sharing-buttons\/02-rrssb-plugin-feature.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Add Responsive Social Buttons to Websites Easily with RRSSB\",\"datePublished\":\"2017-05-17T13:01:59+00:00\",\"dateModified\":\"2018-03-29T13:22:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/\"},\"wordCount\":294,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/responsive-social-sharing-buttons\\\/02-rrssb-plugin-feature.jpg\",\"keywords\":[\"Responsive Web Design\"],\"articleSection\":[\"Social Media\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/\",\"name\":\"Add Responsive Social Buttons to Websites Easily with RRSSB - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/responsive-social-sharing-buttons\\\/02-rrssb-plugin-feature.jpg\",\"datePublished\":\"2017-05-17T13:01:59+00:00\",\"dateModified\":\"2018-03-29T13:22:27+00:00\",\"description\":\"Social sharing buttons are still incredibly powerful at driving traffic and bringing attention to your site. You can always use custom count badges but\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/responsive-social-sharing-buttons\\\/02-rrssb-plugin-feature.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/responsive-social-sharing-buttons\\\/02-rrssb-plugin-feature.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-social-sharing-buttons\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Responsive Social Buttons to Websites Easily with RRSSB\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Add Responsive Social Buttons to Websites Easily with RRSSB - Hongkiat","description":"Social sharing buttons are still incredibly powerful at driving traffic and bringing attention to your site. You can always use custom count badges but","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/","og_locale":"en_US","og_type":"article","og_title":"Add Responsive Social Buttons to Websites Easily with RRSSB","og_description":"Social sharing buttons are still incredibly powerful at driving traffic and bringing attention to your site. You can always use custom count badges but","og_url":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-05-17T13:01:59+00:00","article_modified_time":"2018-03-29T13:22:27+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/responsive-social-sharing-buttons\/02-rrssb-plugin-feature.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Add Responsive Social Buttons to Websites Easily with RRSSB","datePublished":"2017-05-17T13:01:59+00:00","dateModified":"2018-03-29T13:22:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/"},"wordCount":294,"commentCount":1,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/responsive-social-sharing-buttons\/02-rrssb-plugin-feature.jpg","keywords":["Responsive Web Design"],"articleSection":["Social Media"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/","url":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/","name":"Add Responsive Social Buttons to Websites Easily with RRSSB - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/responsive-social-sharing-buttons\/02-rrssb-plugin-feature.jpg","datePublished":"2017-05-17T13:01:59+00:00","dateModified":"2018-03-29T13:22:27+00:00","description":"Social sharing buttons are still incredibly powerful at driving traffic and bringing attention to your site. You can always use custom count badges but","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/responsive-social-sharing-buttons\/02-rrssb-plugin-feature.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/responsive-social-sharing-buttons\/02-rrssb-plugin-feature.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/responsive-social-sharing-buttons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Add Responsive Social Buttons to Websites Easily with RRSSB"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-7O0","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=30008"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30008\/revisions"}],"predecessor-version":[{"id":43458,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30008\/revisions\/43458"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=30008"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=30008"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=30008"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=30008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}