How to Install Share This Post

How to Install Share This Post . Many of the SEO tricks that can we use blogs to our blog or page to be popular and indexed by search engines ( search engines) . One trick to easily we can do is to installShare This Post on a page or a blog post belong to us.

By installing the tool is a page or a post we published on the social bookmarking site chosen by visitors, such as Digg, Delicious,Facebook , Google , Stumble, Technorati and Twitter . With terpublikasinya pages of our blog posts then expected to increase visitor traffic on our blog.

If visitors are interested in installing these tools, Tips and Tricks Blog will address how to set it up.

Here are the steps to install Share This Post is. First , log into your account each blogger to enter Dashboard>> Draft>> Edit HTMLSecondly , do not forget to check the " Expand Widget Templates "Third , look for the code ]]>></ b : skin> Keempa t, copy the scriptbelow in the above code ]]>></ b: skin> it.


div.sociable {margin: 16px 0;}
span.sociable_tagline {position: relative;}
span.sociable_tagline span {display: none; width: 14em;}
span.sociable_tagline: hover span {
position: absolute;
display: block;
top: -5em;
background: # FFE;
border: 1px solid # ccc;
color: black;
line-height: 1.25em;
}
. Sociable span {
display: block;
}
. Sociable ul {
display: inline;
margin: 0! important;
padding: 0! important;
}
. Sociable ul li {
background: # f5f5f5;
display: inline! important;
list-style-type: none;
margin: 0;
padding: 2px;
}
. Sociable ul li: before {content: " ";}
. Sociable img {
float: none; border: 0; margin: 0; padding: 0; } . Sociable-hovers {opacity: 0.4; -moz-opacity: 0.4; filter: alpha (opacity = 40); } . Sociable-hovers: hover { opacity: 1; -moz-opacity: 1; filter: alpha (opacity = 100); }






Fifth , then look for the code <data:post.body/>

If you already use blogs readmore function, there will be two code and select the second or the last code so as not to appear on the main page.

Sixth , copy the script below and place it under <data:post.body/>

<b:if cond='data:blog.pageType == "item"'> 
<div class='sociable'> 
<div class='sociable_tagline'> 
<img alt = 'maspeypah' src = 'http://4 .bp.blogspot.com/_KgIhfKU4BcE/SwfOTb1pF1I/AAAAAAAAAuI/M-fC8ABhw6c/s1600/share.jpg 'title =' Share This Article '/> 
</ div> 
<ul> 
<li> <a expr: href = '" http://digg.com/submit?phase=2&url = "+ data: post.url +" & title = "+ data: post.title 'target =' _blank '> <img alt =' Digg 'class =' Sociable -hovers 'src =' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-EW5wFbY5FqvFEA26ZtRgCTtY_K4ssNrTzHRIw_zxEemL5j80kiGTrRseBQUf72Syx-694eB0coIp5BT8HJx2DI0BFV6Kymum0RdobsEG4K10rGnFyYzF22mZjaMvuSOyX1y-T_Xh_69h/s400/digg.png 'title =' Digg'/></ a> </ li> 
<li> <a expr:href='"http://del.icio.us/post?url=" data:post.url + + + "&title=" data:post.title' target='_blank'> <img alt = 'del.icio.us' class =' Sociable-hovers' src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaIXN20JXAIABwgk6v2haWBcToMegokIrn2TzWsSUxRmAUPvSRRWUgJrGG05NiGm_tw1sHcjIqZ9zaHk_fGTq_trV2SZb7laFSuGxiPYcNQgtS7khfmIvRNsbfj0TPy6wIAMnecx3CpBki/s400/delicious.png' title = 'del.icio . us'/></ a> </ li> 
<li> <a expr: href = '"http://www.facebook.com/sharer.php?u =" + data: post.url + "& title = "+ data: post.title 'target =' _blank '> <img alt =' Facebook 'class =' Sociable-hovers' title = 'Facebook'/></ a> </ li> 
<li> <a expr: href = '"http://www.google.com/bookmarks/mark?op=edit&bkmk =" + data: post. url + "& title =" + data: post.title 'target =' _blank '> <img alt =' Google 'class =' Sociable-hovers' title = 'Google'/></ a> </ li> 
<li> <a expr: href = '"http://www.stumbleupon.com/submit?url =" + data: post.url + "& title = "+ data: post.title 'target =' _blank '> <img alt =' StumbleUpon 'class =' Sociable-hovers 'src =' http://3.bp.blogspot.com/_KgIhfKU4BcE/SwfObF-toHI/ AAAAAAAAAuQ/SwO1_vXBHWg/s400/stumbleupon.png 'title =' StumbleUpon'/></ a> </ li> 
<li> <a expr: href = '"http://technorati.com/faves?add =" + data: post.url + "& title =" + data: post.title 'target =' _blank '> <img alt =' Technorati 'class =' Sociable-hovers 'src =' http://4.bp.blogspot. com/_KgIhfKU4BcE/SwfOoNe2fWI/AAAAAAAAAuY/cxTxqKCpVYE/s400/technorati.png 'title =' Technorati'/></ a> </ li> 
<li> <a expr: href = '"http://twitter.com/ home? status = "+ data: post.url +" & title = "+ data: post.title 'target =' _blank '> <img alt =' TwitThis 'class =' Sociable-hovers 'src =' http:// 2.bp.blogspot.com/_KgIhfKU4BcE/SwfOswiRsWI/AAAAAAAAAug/cllKpvLIDi4/s400/twitter.gif 'title =' TwitThis'/></ a> </ li> 
</ ul> 
</ div> 
</ b: if >

Seventh , save the template. Eighth , refresh our blog and make sure the tool is already "present" in every post that we have made.