Install share this post into blogger

On Sunday, November 13, 2011 0 comments
How to Install Share This Post. Many SEO tricks that we can 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 install Share 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 social bookmarking sites selected by the visitor, such as Digg, Delicious, Facebook, Google, Stumble, Technorati and Twitter. With our blog post pages terpublikasinya 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 the Share This Post.

1.  Login to your account each blogger to enter Dashboard >> Design >> Edit HTML

2. Do not forget to check the "Expand Widget Templates"

3. Find the code ]]>></ b: skin>

4. Copy the script below the above code ]]>></ b: skin>
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);
}

5. Then look for the code <data:post.body/>

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

6. 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 Artikel'/>
</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='http://4.bp.blogspot.com/_KgIhfKU4BcE/SwfN_PyGWsI/AAAAAAAAAtw/HUcVDlUpfwg/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='http://1.bp.blogspot.com/_KgIhfKU4BcE/SwfN5pqFA4I/AAAAAAAAAto/HFYS5rLHaIo/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' src='http://2.bp.blogspot.com/_KgIhfKU4BcE/SwfOGlfWg6I/AAAAAAAAAt4/1NpvgqnynAg/s400/facebook_002.png' 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' src='http://3.bp.blogspot.com/_KgIhfKU4BcE/SwfOL1O6pFI/AAAAAAAAAuA/fCpnpHg87yg/s400/googlebookmark.png' 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>
7. Save the template.

8. Refresh our blog and make sure the tool is already "present" in every post we have made.

That's how to install share this post into blogger

More Article:

0 comments:

Post a Comment