Cara Memasang Share This Post

Cara Memasang Share This Post. Banyak trik SEO yang dapat kita gunakan agar blog atau halaman blog kita menjadi populer dan diindeks oleh mesin pencari (search engine). Salah satu trik yang dengan dengan mudah dapat kita lakukan adalah dengan cara memasang Share This Post pada halaman atau postingan blog milik kita.

Dengan memasang tool tersebut adalah halaman atau postingan kita dipublikasikan pada situs social bookmark yang dipilih oleh pengunjung, antara lain Digg, Delicious, Facebook, Google, Stumble, Technorati dan Twitter. Dengan terpublikasinya halaman postingan blog kita maka diharapkan akan dapat meningkatkan traffic pengunjung pada blog kita.

Jika pengunjung tertarik untuk memasang tool tersebut, Tips dan Trik Blog akan mengetengahkan cara untuk memasangnya.

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> (agar mempermudah klik f3/ctrl+f, lalu ketik tersebut)

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/>

Jika blog kita sudah menggunakan fungsi readmore maka akan terdapat dua kode tersebut dan pilih kode yang kedua atau terakhir agar tidak tampak pada halaman utama.

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/AVvXsEhOQVKdTlaryrNWC4TNElG7pt1KjU_SONg1aaLIuA8Y4t3tJ2pjpAlGlLUcgtSaOJ3qaUtnmm24VhEQD9cyAL2jLpQGgEy4inoTub7ZW0vqfebD3u2UjXILeIx9SBCWtlZPCtqwWMm9H-Ee/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/AVvXsEiDrhp2yrLMlLiiFUCHnSPEzhdZGNi5WsYDEwk1aokroQV5EgeDMZ4x3-GqfTJIC_wkoC0s1CDUD46OwLGwipkZfG7p2ucZn9XFG4QjVPkccKgOYqmqOA118gMBMb-4cmBgq0DXLGjslI-o/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/AVvXsEjfJXcMaBAzJab5c3Q5lO5mEIBg8buYItNC20AiMNS4ftH2augWXFxQiojcuUZXxrsP0Vw5AxSH4Q-9fZ0KtMxf_oPGgejv4LxBvsTViPeXj9WuLTx7YyDIIGMO_3e5ECt9KEKegHXqDDBz/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/AVvXsEhhjobaN5lPMF46hBBTx-b_VfmuXHAyjwydykYJlZKVABztIk3ChfAVcQOsViHwVM7tyHEMf0rGdEEwcsPuKvFL56cPlmlKTN2mwIJ9rlp3CmNjm6P4-tzobIoluBZXWRDhvKEWT1MpoJWm/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/AVvXsEhR7HlOneSucbmEUdlgrPJAxdJ39_srlsZlWOmY9PuKH1S_vG7tcP1785-hwwRwlDfwyF1vjaCUQWPLth7CF4CEW8fnCSrBDtKrPjhlQDN1JOZO8tddeQZQudsSXcvKfCS5X-l9sRhpLmGc/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/AVvXsEhB4L3jczX-3nKHu1fNjPrfj1Qxg2sKBQ-SDh0HPl2o2m3XWXeTFHMKSReTTewOqOLoxE4yTR5ZXttjOGWXxj61PGSPUQEt_Nun8mGme_jzZrBbkc89qLNwTUkct8Lfcy2Iuy2eYNZpOf9Y/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/AVvXsEjpYpCLfXzll2IsN4hUcOmUFbXBeTkNdKL_A6EGD-m3fz3jO3baepk3O_mCRBf1xAgO_bF0E_3IdOMLrUElF_ptPaFVPFIlI40Hv41JNsbr4MD6rHmv6SPrfKIFcPZff3ugcfB2r_aP6orH/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/AVvXsEgMy-REAhASNupECN7hbyP6PjSIXNMl5f_DgO8VH1zSJKSHKRL5cMn_r96_C1HRAoeE8_j1PQ34rQFmMb31aPPs0EIqzFFVme6vwzinaJ42KWuOY6rdDJ3kcMyfBbePtx8eSL0oyQsS0hKm/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.