{"id":44905,"date":"2018-09-21T12:26:00","date_gmt":"2018-09-21T16:26:00","guid":{"rendered":"https:\/\/www.usefulblogging.com\/?p=44905"},"modified":"2025-02-18T00:42:00","modified_gmt":"2025-02-17T18:42:00","slug":"add-mix-share-badge-jetpack-sharing","status":"publish","type":"post","link":"https:\/\/www.usefulblogging.com\/add-mix-share-badge-jetpack-sharing\/","title":{"rendered":"How to Add Mix.com Badge with Jetpack Sharing Buttons?"},"content":{"rendered":"\n<p>You already know that StumbleUpon is closed, and moved to Mix.com!<\/p>\n\n\n\n<p>Most of the people asking me about how to add mix share button to their WordPress blog or website. I said that, i will post a short tutorial about it. Actually, i was too busy on my clients projects, and finally got a chance to write about adding mix.com badge to your WordPress blog.<\/p>\n\n\n\n<p>If you&#8217;re WordPress user then must know about Jetpack plugin which allowing huge features in one solution. It has a great feature to add sharing buttons in WordPress websites. But there missing Mix share button which is really a big problem. If you&#8217;re using any other <a href=\"https:\/\/www.usefulblogging.com\/best-social-counter-wordpress-plugins\/\">social sharing plugin<\/a> except Jetpack then most of them already adding mix share button. But Jetpack sharing not updated with mix badge.<\/p>\n\n\n\n<p>So it&#8217;s much better if you reduce using another plugin for that specific thing. That&#8217;s why I suggest that sharing buttons included with Jetpack so why you use others?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-add-mix-com-badge-with-jetpack-sharing\">Add Mix.com Badge with Jetpack Sharing:<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>If you&#8217;ve little knowledge on WordPress then I don&#8217;t think that following step will be complicated for you. Just follow the step by step and get it done!<\/p>\n\n\n\n<p>1. <strong>Download<\/strong> an icon for Mix.<\/p>\n\n\n\n<p>16&#215;16:<br><img decoding=\"async\" class=\"alignnone size-full wp-image-44908\" src=\"https:\/\/www.usefulblogging.com\/wp-content\/uploads\/2018\/09\/logomix-18x18.png\" alt=\"\" width=\"18\" height=\"18\"><\/p>\n\n\n\n<p>30&#215;30:<br><img decoding=\"async\" class=\"alignnone size-full wp-image-44907\" src=\"https:\/\/www.usefulblogging.com\/wp-content\/uploads\/2018\/09\/logomix-30x30.png\" alt=\"\" width=\"31\" height=\"31\"><\/p>\n\n\n\n<p>2. From your WordPress&nbsp;dashboard, click <strong>Media &gt; Add New<\/strong>.<\/p>\n\n\n\n<p>3. Upload the icon and copy that media URL.<\/p>\n\n\n\n<p>4. Now, got to <strong>Dashboard<\/strong> &gt; <strong>Settings &gt; Sharing<\/strong>. You should now see a page similar to this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"584\" height=\"288\" src=\"https:\/\/www.usefulblogging.com\/wp-content\/uploads\/2015\/12\/Add-StumbleUpon-Button-to-Jetpack.png\" alt=\"Add StumbleUpon Button to Jetpack\" class=\"wp-image-24588\" srcset=\"https:\/\/www.usefulblogging.com\/wp-content\/uploads\/2015\/12\/Add-StumbleUpon-Button-to-Jetpack.png 584w, https:\/\/www.usefulblogging.com\/wp-content\/uploads\/2015\/12\/Add-StumbleUpon-Button-to-Jetpack-96x47.png 96w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/figure>\n<\/div>\n\n\n<p>5. Click on <strong>Add a new service<\/strong>. You will see a dialog box like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"813\" height=\"569\" src=\"https:\/\/www.usefulblogging.com\/wp-content\/uploads\/2018\/09\/Add-new-service.png\" alt=\"\" class=\"wp-image-44909\" srcset=\"https:\/\/www.usefulblogging.com\/wp-content\/uploads\/2018\/09\/Add-new-service.png 813w, https:\/\/www.usefulblogging.com\/wp-content\/uploads\/2018\/09\/Add-new-service-96x67.png 96w\" sizes=\"(max-width: 813px) 100vw, 813px\" \/><\/figure>\n\n\n\n<p>6. Input the Service name: <strong>Mix<br><\/strong><\/p>\n\n\n\n<p>7. Copy and Past the Sharing URL:<\/p>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/ataulghani\/6eeb389e6f1274f4ac171527c4749939.js\"><\/script><\/p>\n\n\n\n<p>8. Paste Mix icon URL &#8211; this is the one you should have copied earlier. (Although, it&#8217;s saying 16x16x icon. Still you can use 18&#215;18 icon i added on top)<\/p>\n\n\n\n<p>9. Click on <strong>Create Share Button<\/strong>. This will close the dialog box and return you to the settings page.<\/p>\n\n\n\n<p>10. Drag and drop the new Mix share button from the <em>Available Services<\/em> section down to <em>Enabled Services<\/em>.<\/p>\n\n\n\n<p>11. Scroll to the bottom of the Jetpack Sharing Settings page and click <strong>Save Changes<\/strong>.<\/p>\n\n\n\n<p>Great! You&#8217;ve added the mix share button to Jetpack.<\/p>\n\n\n\n<p>Btw, Still you&#8217;ve issue on adding mix share badge?<\/p>\n\n\n\n<p>Don&#8217;t worry! I will help you to add it on your website. Just drop a comment about your issue, i will get back to you.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h3>\n\n\n\n<p>I hope you&#8217;re happy now to have mix share badge on your website. It will be really good to inspire me, if you share this tutorial to mix and other social networks.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You already know that StumbleUpon is closed, and moved to Mix.com! Most of the people asking me about how to &#8230; <a title=\"How to Add Mix.com Badge with Jetpack Sharing Buttons?\" class=\"read-more\" href=\"https:\/\/www.usefulblogging.com\/add-mix-share-badge-jetpack-sharing\/\" aria-label=\"Read more about How to Add Mix.com Badge with Jetpack Sharing Buttons?\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":44910,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[127],"tags":[2666,10],"class_list":["post-44905","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-social-sharing","tag-wordpress","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/www.usefulblogging.com\/wp-json\/wp\/v2\/posts\/44905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.usefulblogging.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.usefulblogging.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.usefulblogging.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.usefulblogging.com\/wp-json\/wp\/v2\/comments?post=44905"}],"version-history":[{"count":0,"href":"https:\/\/www.usefulblogging.com\/wp-json\/wp\/v2\/posts\/44905\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.usefulblogging.com\/wp-json\/wp\/v2\/media\/44910"}],"wp:attachment":[{"href":"https:\/\/www.usefulblogging.com\/wp-json\/wp\/v2\/media?parent=44905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.usefulblogging.com\/wp-json\/wp\/v2\/categories?post=44905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.usefulblogging.com\/wp-json\/wp\/v2\/tags?post=44905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}