Followers

Awesome Social Share Buttons with Count for Blog/Site

Awesome Social Share Buttons with Count for Blog/Site

12:43:00 AM

Social media are computer-mediated tools that allow people to create, share or exchange information, ideas, and pictures/videos in virtual communities and networks. Social media is defined as "a group of Internet-based applications that build on the ideological and technological foundations of Web 2.0, and that allow the creation and exchange of user-generated content." Furthermore, social media depend on mobile and web-based technologies to create highly interactive platforms through which individuals and communities share, co-create, discuss, and modify user-generated content. They introduce substantial and pervasive changes to communication between businesses,organizations, communities, and individuals. These changes are the focus of the emerging field of technoself studies. Social media differ from traditional or industrial media in many ways, including quality, reach, frequency, usability, immediacy and permanence. Social media operates in a dialogic transmission system, (many sources to many receivers). This is in contrast to traditional media that operates under a monologic transmission model (one source to many receivers).
Social media has been broadly defined to refer to 'the many relatively inexpensive and widely accessible electronic tools that enable anyone to publish and access information, collaborate on a common effort, or build relationships
Social media is playing very important role for website's popularity. Today, everyone is on some kind of social network like Facebook, Twitter, Google Plus, etc. The importance of sharing on social media is that users will found your blog's post easily. It will increase your blog's stat, popularity and some earning too.

Here i designed a Social Share Buttons with Count for Blog and Site. The look is very simple but very attractive. Secondly, it also reveals total share counts for all popular social sites. The script is also very simple and without any CSS.

How to add widget?

#1: We need to add Ajax JQuery 1.11.1. Copy below codes and add them in <head> tag. If JQuery Script already existed in your site then no need to add it again.
Javascript
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

#2: Now its time to add Main Script. Copy below script and paste it in <head> tag below JQuery Script.
Javascript
<script type="text/javascript" src="http://hsinghhira.github.io/DesignDevta/HSH_Social_Share/js/hsh_socialbutton.js"></script>

#3: Below codes are the codes to show buttons on your site. Add then in <body> tag where you want to display social share buttons.
HTML
<div class="HSH_Social_Share"></div>
<script type="text/javascript">
    $('.HSH_Social_Share').HSHSocialButton(['facebook', 'twitter', 'gplus', 'feedly', 'pocket', 'github', 'addit'], {
        url: 'http://designdevta.blogspot.com/', // Share URL
        githubRepo: 'HSinghHira/DesignDevta', // Github Repository
        feedUrl: 'http://feeds.feedburner.com/DesignDev' // Feedburner URL
    });
</script>

About

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Next
« Prev Post
Previous
Next Post »
Subscribe to: Post Comments (Atom)