Berikut langkah-langkah memasang Share This Post tersebut.
Pertama, login ke akun blogger masing-masing hingga masuk Dasbor >> Rancangan >> Edit HTML
Kedua, jangan lupa centangi “Expand Templates Widget”
Ketiga, cari kode ]]>></b:skin>
Keempat, copy script di bawah ini di atas kode ]]>></b:skin> tersebut.
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);
}
Kelima, kemudian cari kode <data:post.body/>
Keenam, copy script di bawah ini dan letakkan di bawah <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='sociable'>
<div class='sociable_tagline'>
<img alt='maspeypah' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXxWA8Zn4hS2iPLjro_DF8u8G5B0MZ9aS-Og5j3a776VYdYg_b4sg_uCb4uvpFwQCaIQoc_RUHoySOOgsG0k0J1CtP-WplhyphenhyphencBlRw4kA1vltXQX3ajug3eZAhTB2WVYmDfxNHkj-zBgERQ/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQVrfjKSbai6KKRwl0i88JJJCisMLh2HKoCC4-CErpdTPh67WEwDiK9X72oC3SD9PpSamQsQc20QXsNTEnn-kpW7652DlRNmJMDbF10q1p-Uhw0GFwhEnrM0U8uOZtvMU7Yk50l_PGbXCY/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/AVvXsEiOdhhJbYBjFRoAdDAF50qytFoRLxG1k6aZdw7g6UrNx-RnvrqDQr35-f_UBKjg3k90-rY82aHwwjZBzG9hj5TyNTcnoRGL3q99yTXwFdEUH5GGHYKLgJqV998mpdpadhXS7W1ny94XTLCN/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0LG9KariXByLPfhKKsH4NucjP1rWWIio8BkvyB7LbkUdhxHXubDFH7_W16okBdfAtF_XZ6_8mDTUDUQSJroc-j5yr19i4dQDSmRlLgpTH15_tUmxH4BTp5KgoS5YpYXqaJBlZClB2f7S/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyCrPxCDrVKdWX7Ct_NzxsxZp0EwyeGPirQ7HLyMrVW4IweRfe2HmQ0LFV5YOrirMj4t9G_Xcj6Z4tldr43KkA0liYifuhx1Z4GDh__KKc-yVUYwAO3tX39e2AkYclkDvjQOai77t7Yy5G/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnQiXnPEE52xGhkz6p9OHC5YEtIgo5DNHCJRXFvzi5GUvXOqQo_lTXrxX0ftoaQTMuSlElCZ634UaXFneC2SXb_c9iNdmONgu0YhrM9Dq5y9CXCO5KzfTCbANE7hI3AzUVO0GdxAtS_8xE/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjBqxeRuLW4oLwKnXqYH6SYTL6mfpK3zHvxmUOe4S1Ob9P63aRlSN1YGW-nRWWsvwP475fvwMb829Ev4UV8WngSrMCh4vc6PBtZXV4rxTxXgtxqkonwTcw7lFERiKI3Che_T0fQzmZs0Mz/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9oj1rtAt8-O7uZF5IZJGdJ2zckk-RmcfWibSqwaQMu5QDOoQ-14qLCDVyrpYO9LmEOo2MYtgX4RWENqG25xkrjaITekQgxajIdPjq9pyNHPS-flW0vsug6zcrENLkZbMyiDM0rqWPqZbX/s400/twitter.gif' title='TwitThis'/></a></li>
</ul>
</div>
</b:if>
Ketujuh, simpan template.
Kedelapan, refresh blog kita dan pastikan tool tersebut sudah “hadir” dalam setiap postingan yang telah kita buat.
Selamat ber-SEO ria.
Description: Cara Memasang Share This Post Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Memasang Share This Post
{ 0 comments... read them below or add one }
Post a Comment