Sering kali kita lihat beberapa template blogger tidak memiliki sosial bookmark. Pada postingan ini saya mencoba memberikan sedikit trik menambah sosial bookmark di template blogger. Mungkin sudah ada postingan menambah sosial bookmark yang pernah teman-teman baca, jadi postingan ini sekedar mengingatkan triknya.

Sebelumnya saya mulai tentu ada teman-teman yang bertanya apasih sosial bookmark ? Sosial bookmark adalah salah satu cara mempopulerkan web atau blog kita melalui situs penyedia sosial bookmark.

Ok, kembali ke cara menambahkan sosial bookmark ke template blogger. Bukalah template yang sudah di download melalui Wordpad atau notepad, kemudian carilah didalam deretan script tulisan ]]><'/b:skin> (klik Edit fine ]]><'/b:skin>). Bila sudah ditemukan insert script berikut ini sebelum tulisan ]]><'/b:skin>.

/* ----- Bookmarking ----- */

.book {
margin-top:5px;
background:#fdfdfd;
padding:2px 2px 2px 2px;
border:1px solid #f0f0f0;
}

.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}


Langkah selanjutnya carilah tulisan <'p class="post-footer-line post-footer-line-2">. Selanjutnya insert script berikut ini sebelum <'p class="post-footer-line post-footer-line-2">.

<'div align="left"><'div class="book">
<'div class="rsociales">
<'span class="blogk">
<'ul>

<'li><'a href="data:post.emailPostUrl" target="_blank" title="Enviar por Email"><'img class="rsociales-sobre" src="http://i257.photobucket.com/albums/hh221/jusardinha/Mail2.png" /><'/a><'/li>
<'li><'a href="http://www.blogger.com/'" url=" + data:post.url + " title="+ data:post.title' target=" title="Incluir no del.icio.us"><'img class="rsociales-sobre" src="http://i257.photobucket.com/albums/hh221/jusardinha/delicious.png" /><'/a><'/li>
<'li><'a href="http://www.blogger.com/'" phase="3&url=" target="_blank" title="Incluir no Digg"><'img class="rsociales-sobre" src="http://i257.photobucket.com/albums/hh221/jusardinha/digg.png" /><'/a><'/li>
<'li><'a href="http://www.blogger.com/'" botao="enviar&url=" titulo=" + data:post.title' target=" title="Incluir no diHITT"><'img class="rsociales-sobre" src="http://i257.photobucket.com/albums/hh221/jusardinha/dihitt.png" /><'/a><'/li>
<'li><'a href="http://www.blogger.com/'" url=" + data:post.url + " title="+ data:post.title' target=" title="Incluir no LinkK"><'img class="rsociales-sobre" src="http://i257.photobucket.com/albums/hh221/jusardinha/linkk.png" /><'/a><'/li>
<'li><'a href="http://www.blogger.com/'" url=" + data:post.url + " titulo=" + data:post.title' target=" title="Incluir no Rec6"><'img class="rsociales-sobre" src="http://i257.photobucket.com/albums/hh221/jusardinha/rec6.png" /><'/a><'/li>
<'li><'a href="http://www.blogger.com/'" url=" + data:post.url + " titulo=" + data:post.title' target=" title="Incluir no Uêba"><'img class="rsociales-sobre" src="http://i257.photobucket.com/albums/hh221/jusardinha/ueba.png" /><'/a><'/li>
<'li><'a href="http://feeds.feedburner.com/NgetikDiBlogspot/"><'img alt="Ngetik di Blogspot" class="rsociales-sobre" src="http://img27.picoodle.com/img/img27/5/11/16/f_feediconm_d7f6717.gif" /><'/a><'/li>
<'li><'a href="http://www.blogger.com/'" add=" + data:post.url + " title="+ data:post.title' target="><'img alt="Agregar a Technorati" class="rsociales-sobre" src="http://bp1.blogger.com/_Zuzii37VUO4/Rjl62eMBQ0I/AAAAAAAAAto/zkas68GmVFk/s1600/technorati.gif" /><'/a><'/li>
<'li><'a href="http://www.blogger.com/'" op="edit&output=" bkmk="" title="+ data:post.title' target="><'img alt="Agregar a Google" class="rsociales-sobre" src="http://bp3.blogger.com/_Zuzii37VUO4/Rjl6z-MBQzI/AAAAAAAAAtg/-13NieAS3J8/s1600/google.gif" /><'/a><'/li>
<'li><'a href="http://www.blogger.com/'" u=" + data:post.url + " title="+ data:post.title' target="><'img alt="Agregar a Yahoo!" class="rsociales-sobre" src="http://bp1.blogger.com/_Zuzii37VUO4/RjlZLeMBQtI/AAAAAAAAAsw/bNmkgSj_jj0/s1600/yahoo.png" /><'/a><'/li>
<'li><'a href="http://www.blogger.com/'" mini="1&simple=" url="" title="+ data:post.title' target="><'img alt="Agregar a Blogmarks" class="rsociales-sobre" src="http://bp0.blogger.com/_Zuzii37VUO4/RjlQzOMBQoI/AAAAAAAAAsI/qt5x09fQvNo/s1600/blogmarks.gif" /><'/a><'/li>

<'/ul>
<'/span>
<'/div>
<'/div>
<'/div>

Setelah selesai simpan template dan siap untuk dipakai. Sebelum mengganti template, download terlebih dahulu template yang telah dipakai.

Script ini bukanlah buatan saya, namun didapat dari template-template yang pernah saya download. Bila ada kekurangan silahkan kirim komentarnya, semoga bermanfaat.


NB : silahkan copy paste, namun hilangkan tanda ' di setiap <' karena dalam posting ini masih dianggap script oleh Blogger dan maaf scriptnya tidak sempat saya rapikan alias acak-acakan.