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);
}
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/AVvXsEi5ZatiuwteG5PZZldfYRpa1vqJsP_gVTbcLlZRBd4OuAuHWkU-cxVEf3G5-dhxLQEPYWolVMCj-ot2k6dwGxyUbcQntQ1CnqQEe4ouN5H2Dx4TIMLXFGzp-_JHJgT4AArJgBnuiiFDK-Ej/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/AVvXsEhqzs5NnQb7GjGwzMZ0vdZPHPKGgiKBjxtC6WUPfhY2vnlHnFyT636x6ndhafRbk3nWwQ_nUHnRF4vga_lt-dHG3N9aLtis8yKYXr6T_JYDeNP6Hb_loP65KYjwNPT2UqEcjlpI6qIxJj1l/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/AVvXsEi7sb4NgOV1e6_p0Y0c7uVsmmGgUr3iOUH3lUoojDgpoH6CQ_vCtiopR8xj_NXN7ZlEoZXpv2am1dXBSskbTA_HUgrBlL87DMfotLKcjBzKH379TXkh83GdmVSdUj3guBPQixJG7_jyq5tG/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/AVvXsEi8WOLgQQD_Mqg5C6OJDe9-5GHyNja_mIoH3ZO4N0oXQnGLOBFKA37blBh4-Vx5UqhiQZmC4qcNBOI5o2Oz4gsZQk0YX8GnXxVSPmkdWkVF5OctR_xG7QrCbiFER1UgcvYJH_79l_TM4FhR/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/AVvXsEiRkaV22mqDqwfg8TkHfnFc-lM4fYD3b_UE7H_WA1sJzlIh0cqGFdhEHIFGFFuIgq3mBEMXhISYmb_OzDlC17js-6pOAEe6EQOVjhXuovcI76a6Mtn-91U-fKbfKRaenejx7QaSfLi8apTh/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/AVvXsEhHJp9K7RBzF_dez6UjsfgxX9rhgdz8BDSuiRkVUC9louVcAQUoCQXBlAnocKJUUwAHtuQMHIV4Nwa2aPiPOCWaftVNhl079UQ7P2Gt_N_36_fFkF-wnXaJDqR0JnnVDs7Wjfqzu833fxcr/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/AVvXsEiCalOyYNSjd7vqhmXpm676PzQhIuPTvBIFkX1zHWDC87GscD1rZnQSakoi1Onny-5T-aH2q0k9L_J8Ifn2GdPSUus2yV9sM_Zv4DWayeh78kletoPrY9RhqQsNpWHd2Q_RZfXAnD5tLSKR/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/AVvXsEiib7BQzkgSN87rdRuiidjJEkkRf6-aDax2SwccmPB2zdP_B0-fd4wGI7A7U38J-xhmKEWBcZJVwSwJZOJEIBzl4dz_eRxMwsJ-vzTPVshexHs8yS6SaXAU8vgv2jW8fK5Z6dVTgwo67TXo/s400/twitter.gif' title='TwitThis'/></a></li>
</ul>
</div>
</b:if>
<div class='sociable'>
<div class='sociable_tagline'>
<img alt='maspeypah' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ZatiuwteG5PZZldfYRpa1vqJsP_gVTbcLlZRBd4OuAuHWkU-cxVEf3G5-dhxLQEPYWolVMCj-ot2k6dwGxyUbcQntQ1CnqQEe4ouN5H2Dx4TIMLXFGzp-_JHJgT4AArJgBnuiiFDK-Ej/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/AVvXsEhqzs5NnQb7GjGwzMZ0vdZPHPKGgiKBjxtC6WUPfhY2vnlHnFyT636x6ndhafRbk3nWwQ_nUHnRF4vga_lt-dHG3N9aLtis8yKYXr6T_JYDeNP6Hb_loP65KYjwNPT2UqEcjlpI6qIxJj1l/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/AVvXsEi7sb4NgOV1e6_p0Y0c7uVsmmGgUr3iOUH3lUoojDgpoH6CQ_vCtiopR8xj_NXN7ZlEoZXpv2am1dXBSskbTA_HUgrBlL87DMfotLKcjBzKH379TXkh83GdmVSdUj3guBPQixJG7_jyq5tG/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/AVvXsEi8WOLgQQD_Mqg5C6OJDe9-5GHyNja_mIoH3ZO4N0oXQnGLOBFKA37blBh4-Vx5UqhiQZmC4qcNBOI5o2Oz4gsZQk0YX8GnXxVSPmkdWkVF5OctR_xG7QrCbiFER1UgcvYJH_79l_TM4FhR/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/AVvXsEiRkaV22mqDqwfg8TkHfnFc-lM4fYD3b_UE7H_WA1sJzlIh0cqGFdhEHIFGFFuIgq3mBEMXhISYmb_OzDlC17js-6pOAEe6EQOVjhXuovcI76a6Mtn-91U-fKbfKRaenejx7QaSfLi8apTh/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/AVvXsEhHJp9K7RBzF_dez6UjsfgxX9rhgdz8BDSuiRkVUC9louVcAQUoCQXBlAnocKJUUwAHtuQMHIV4Nwa2aPiPOCWaftVNhl079UQ7P2Gt_N_36_fFkF-wnXaJDqR0JnnVDs7Wjfqzu833fxcr/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/AVvXsEiCalOyYNSjd7vqhmXpm676PzQhIuPTvBIFkX1zHWDC87GscD1rZnQSakoi1Onny-5T-aH2q0k9L_J8Ifn2GdPSUus2yV9sM_Zv4DWayeh78kletoPrY9RhqQsNpWHd2Q_RZfXAnD5tLSKR/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/AVvXsEiib7BQzkgSN87rdRuiidjJEkkRf6-aDax2SwccmPB2zdP_B0-fd4wGI7A7U38J-xhmKEWBcZJVwSwJZOJEIBzl4dz_eRxMwsJ-vzTPVshexHs8yS6SaXAU8vgv2jW8fK5Z6dVTgwo67TXo/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.
sumber: http://tips-trik-blog.blogspot.com/
Tidak ada komentar:
Posting Komentar