Sunday, June 30, 2013

How to Create Share Button Below Blog Post

As time seems now social networking as a whole 'almost' can depose position telephone and sms, social networking developers article always brings something invoasi or buzz-buzz new order while maintaining consistency in an increasingly digital era, we take examples like social networking twitter, facebook, WeChat, line, and whatsapp, almost every individual of the social networking features and interseting its own. In addition to now position telephone sms 'paid' (providers) also appears to decrease due to the presence of free service call (free telephone) that we can use only with an internet connection without the need for additional pulse, like for example skype, talk of cocoa, and the line, which makes the more interesting again to the kind of messenger application that is because they can create a group to discuss and free call / video call as I stressed earlier.

We go straight to the principal pembahasanya, yes, from that little story I mentioned above, that does not rule out the possibility of social networking will be one of the means to bring traffic than most blog search engines, the article is now 'almost' all the Indonesian people to know that name of social networking, even kepelosok-corners of this nation, let alone the most familiar social networking is 'facebook', certainly is not foreign to our ears instead.

In accordance with our topic this time now I will return to discuss about blogger tutorial, especially about how to make the sharing buttons below the blog post, as I mentioned earlier above already, by posting this widget means you will 'add' popularity of your blog, because with this widget visitors will be easier to recommend or merefrensikan article or relatives who might need it, because at times it seems that the more complex people are increasingly hungry for information technology and global appeal.

1. Log in to Blogger.

2. Select Template.

3. Click the Edit HTML> Continue.

4. Tick ​​the box 'Expand Widget Templates'.

5. Search <data:post.body/> code using CTRL + F, and if you have installed automatic read more, pick the 2nd code.

6. Then place the following code just below the code which 2nd <data:post.body/> earlier.
 
<style>
/*--------Social Sharing Widget Below Blog Post ------*/
.sharebelow a {
display:block;
height:48px;
width:48px;
padding:0 4px;
float:left;
background:transparent url(http://3.bp.blogspot.com/-vslV5wtB7Hc/T_iYKWWojFI/AAAAAAAAAKc/IBi91mIC0b8/s1600/sharebelow.png) no-repeat;
}
.sharebelow a.googleplus {
background-position: 0px -348px;
}
.sharebelow a.googleplus:hover {
background-position: 0px -406px;
}
.sharebelow a.pinterest {
background-position: 0px -464px;
}
.sharebelow a.pinterest:hover {
background-position: 0px -522px;
}
.sharebelow a.delicious {
background-position: 0px 0px;
}
.sharebelow a.delicious:hover {
background-position: 0px -58px;
}
.sharebelow a.digg {
background-position: 0px -116px;
}
.sharebelow a.digg:hover {
background-position: 0px -174px;
}
.sharebelow a.stumbleupon {
background-position: 0px -812px;
}
.sharebelow a.stumbleupon:hover {
background-position: 0px -870px;
}
.sharebelow a.technorati {
background-position: 0px -928px;
}
.sharebelow a.technorati:hover {
background-position: 0px -406px;
}
.sharebelow a.twitter {
background-position: 0px -928px;
}
.sharebelow a.twitter:hover {
background-position: 0px -986px;
}
.sharebelow a.facebook {
background-position: 0px -232px;
}
.sharebelow a.facebook:hover {
background-position: 0px -290px;
}
.sharebelow a.reddit {
background-position: 0px -580px;
}
.sharebelow a.reddit:hover {
background-position: 0px -638px;
}
.sharebelow a.rss {
background-position: 0px -696px;
}
.sharebelow a.rss:hover {
background-position: 0px -754px;
}
.shareandbookmark{
margin:10px 0px;
color:#333333;
font-weight:bold;
font-size:18px;
font-family:sans-serif;
}
</style>
<div class='sharebelow'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="shareandbookmark">
Kindly Bookmark and Share it:</div>
<!--Facebook-->
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/>
<!--Google Plus-->
<a class='googleplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='+1 it :&gt;'/>
<!-- Twitter -->
<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>
<!-- Pinterest -->
<a class='pinterest' href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :&gt;'/>
<!-- Delicious -->
<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/>
<!--Stumble-->
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/>
<!--DIGG-->
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/>
<!-- Reddit -->
<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :&gt;'/>
<!--RSS -->
<a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='Bookmark :&gt;'/>
</b:if></div>
<div style="clear:both"/>
7. Click 'save template', and finishes.

How? not easy to make a share button on your blog so that your blog more popular and widely known.

Thank you for review artikel

Blogger

Author: Sendi Karlita Location: Pangkalpinang, Bangka Belitung

Article How to Create Share Button Below Blog Post, Published by Sendi Karlita on the day Sunday, June 30, 2013. Hopefully this article can add your insights. Sendi Karlita a is a writer who wants to be successful in the virtual world. Try, and keep trying. May God give consent. regards

0 comments:

Post a Comment

Enter your email address:

Delivered by FeedBurner

 

© 2013 BLOG AMAZONE ZONA - Designed by Mukund | ToS | Privacy Policy | Sitemap

About Us | Contact Us | Write For Us