Update: Sorry guys this widget doesn't work any more as Mashare changed their backend code/api. Thanks for stopping by any way. You can checkout other widgets published by BloggingeHow.
Mashable is one of the most popular social media / Technology blogs out there read by millions. They web designers are always a step forward when it comes to their blog's user experience. Mashable social media sharing widget's are always popular we published them before on the blog too as below.- Mashable Sharing Widget With Google+ Add To Circles / Search Bar
- How to Add Mashable Header Social Subscription Widget to Blogger
Mashshare Mashable social sharing widget is with out one of the best widgets we have released so far. This social media sharing widget includes Facebook, Twitter, Google+, LinkedIn and StumbleUpon.
Follow the steps below to add the social sharing widget to your blog may that be Blogger.comm (Blogspot).
Installation:
Navigate to Blogger Dashboard >> Template >> Edit Template >> and Search by using CTRL +F
Find the following code:
post-header-line-1
Once you get to find it, simply paste the following code beneath it and hit save template.
Share To Unclock Code
[lock]
[<link rel='stylesheet' id='stylesheet-css' href='http://www.mashshare.net/wp-content/themes/inovado/style.css?ver=1' type='text/css' media='all' /> <link rel='stylesheet' id='mashsharer_network_style-css' href='http://www.mashshare.net/wp-content/plugins/mashshare-networks/assets/mash-network.css?ver=3.9.1' type='text/css' media='all' /> <link rel='stylesheet' id='mashsharer_style-css' href='http://www.mashshare.net/wp-content/plugins/mashsharer/assets/mashsharer.css?ver=3.9.1' type='text/css' media='all' /> <script type='text/javascript' src='http://www.mashshare.net/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script> <script type='text/javascript' src='http://www.mashshare.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script> <script type='text/javascript' src='http://www.mashshare.net/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.50.0-2014.02.05'></script> <script type='text/javascript' src='http://www.mashshare.net/wp-content/plugins/mashshare-networks/assets/mash-network.js?ver=1.1'></script> <div class="mashsharer-buttons"> <!-- Facebook --> <a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'>Share on Facebook</a> <a class='twitter' expr:href='"https://twitter.com/intent/tweet?url=" + data:post.url + "&text=" + data:post.title' rel='nofollow' target='_blank' title='Tweet This'>Tweet on Twitter</a> </div> <div class="onoffswitch"> <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked='true'> <label class="onoffswitch-label" for="myonoffswitch"> <div class="onoffswitch-inner"></div> <!--<div class="onoffswitch-switch"></div>--> </label> </div> <div class="mashshare-extra-buttons">[/lock]
<link rel='stylesheet' id='stylesheet-css' href='http://www.mashshare.net/wp-content/themes/inovado/style.css?ver=1' type='text/css' media='all' />
<link rel='stylesheet' id='mashsharer_network_style-css' href='http://www.mashshare.net/wp-content/plugins/mashshare-networks/assets/mash-network.css?ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='mashsharer_style-css' href='http://www.mashshare.net/wp-content/plugins/mashsharer/assets/mashsharer.css?ver=3.9.1' type='text/css' media='all' />
<script type='text/javascript' src='http://www.mashshare.net/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
<script type='text/javascript' src='http://www.mashshare.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://www.mashshare.net/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.50.0-2014.02.05'></script>
<script type='text/javascript' src='http://www.mashshare.net/wp-content/plugins/mashshare-networks/assets/mash-network.js?ver=1.1'></script>
<div class="mashsharer-buttons">
<!-- Facebook -->
<a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'>Share on Facebook</a>
<a class='twitter' expr:href='"https://twitter.com/intent/tweet?url=" + data:post.url + "&text=" + data:post.title' rel='nofollow' target='_blank' title='Tweet This'>Tweet on Twitter</a>
</div>
<div class="onoffswitch">
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked='true'>
<label class="onoffswitch-label" for="myonoffswitch">
<div class="onoffswitch-inner"></div>
<!--<div class="onoffswitch-switch"></div>-->
</label>
</div>
<div class="mashshare-extra-buttons">
<div style='padding-top:5px'>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-504abce20a0f7fba' type='text/javascript'/>
<div class='addthis_sharing_toolbox'/>
</div>
</div>
<div style="clear:both;:"></div><div style="clear:both;:"></div>]
I'm very glad to bring this Mashable sharing widget to you and I hope you'd love it too. Do let me know if you're facing any problems in Installation. Though the widget is tested on Blogger blogs.
Cheers!
Credits: Widget Bloggerized by BloggingeHow. Original Widget by Mashable and Mashshare.
SEE ALSO:
