Menambahkan Icon Social Network

Trik menambahkan :

1. Buka Template -> Edit HTML -> cheklist expand widget
2. Cari kode dibawah ini, jika anda menggunakan Mozilla firefox

<p class='post-footer-line
post-footer-line-3'/>

3. Ganti dengan code dibawah ini:

<p class='post-footer-line post-footer-line-3'>


<div class='rsociales'>

Share this post with:

<ul>

<li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKNw23tTJTESlMTohVdibnkDqI426CzBf1aGuEDPzK-iXqZP70nMhGC2a_Y3ZAjvNwIYn8mA-dHvgY-MuBsLCmaWNCPrLEbb2nlGvKZJd0adowkzFqDq53SkOzBvCM5rX8FAiKY0AxZDc/s1600/technorati.gif'/></a></li>

<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9aGMJqc6m1HC5uyu7B69sTF0HTOtoPtKdCKVAbzNOYrb7ycV9w7M0uvIRwL6oPejYQa9h5TdSocQ_IdKSMk2Hm-thLIegVvGSPWj-VgWu-my4hsZ6_mLNRdjMKpMyHd7jadf1fPVkUKE/s1600/delicious.gif'/></a></li>

<li><a expr:href='"http://digg.com/submit?phase=2&amp;amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv_jvW2rNuFVncMH0OdVkXzVdyxCEC979DGOTfkON999yFO3SodB86fqG7KZSq1upFktE7N77pQnh27ztcU2WTkUSTE4o2stNJtVRn7TvmmlpyNwxG1LE4z4iilqINtYUANlRChfEy2pQ/s1600/digg.png'/></a></li>

<li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZZTIcq3qoU3Y9GBBX_kYWhD19fan7BlZoEOCQuxvNPYxMIlZ_lhRaa-cYGrLIlu8EgBqqSxN1Nokg5LcOlw7v6K_QM9AWyu4yTM9zPGDOB5uPhwFft57SwVrZgJHp_QOGG52Mr64bhZk/s1600/yahoo.png'/></a></li>

<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ7-hxXiPA7UvuWR5gY6AjwY3VakH6H9Txm026ZGg6ng0jgwoAM1rgIbvon72o6w_jVIuPU7DE_OVbmf4MOjunWkbainiMH7mvyNZTL9kgzxgFmi1Se75T6TacDRK6y5-Hvg85BwFZC9o/s1600/google.gif'/></a></li>

<li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg8_dAAC_ph63deF3mnluTqsKApjqmwpYaHsSQ4yLFUBETQ3FgdYJs1nx8ZNah1JP5U_L03vBuO21bddOSnOvX5XDFCgPFmGZv9KDplRshXU2MQ2sncyCQpR075dVjt_0A2SDINwUixYM/s1600/meneame.png'/></a></li>

<li><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMhjrucZ4gEx1fRZ0zd9I2fRJDIvMtWVQFe-Rh7BnfWZlxKrAsatVDmYnqlCDtlYD72Uy34JltmN4OfRG6Wtuuv4V4VjLzUqIP8druipQ45C3gr82PX1GImxFTJACRwRiIcitIMvDB9pk/s1600/furl.png'/></a></li>

<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrHX7Kec-JjLJmeZvUd-Z_FXVlrENg1_KOSXJpwc8N8BsY06JaOqWpgRCsHEe8VFN6wnAnb_s8idBomSxbeMk0jQffIy3vrnobpYyFbFutjU9VUQXvOOqAbjtJDGV7X8geX2I-JyyZGzw/s1600/reddit.gif '/></a></li>

<li><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtIVsdn75jBDRUA6AEOnZ7R-tfjPA6BHM6tZkvO_aRXqYpQo228TUeGFjs0VLMWEGP1GuFeERzjZwXaV1MB-RioHV1hcFfbu8RyPaFyBQFw9f7tRyi0wydm1yjw8ONnl7LtQxhj3D2APk/s1600/magnolia.gif'/></a></li>

<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_SlmGqNJc1JoUGdj_fQ2MWhwtdeu_3kb6-8jGxrXrLAzhhWm9MT3RGa4CTuYAwioyAbN4kcyO302k4foMyum7j6Yj0dBwJ3YU917RtjWm0OKuxGF_PhNUKfUl20pbtUBJodtW7Cqq8bU/s1600/blinklists.gif'/></a></li>

<li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvRAvyvY2Ajo1_p41AwcmrrECSp5AgyIE_ql5qBT-yG6NZOuabkJlP9IZn42tPPG3nwAP6zWEMgkY4rl54IMN9H_XB56WBqA8X3lud5t7GdGldFyXubWMyA376sPYwlH-1qk4oij0JpS8/s1600/blogmarks.gif'/></a></li>

</ul>

</div>

</p>

4. Selanjutnya cari kode dibawah ini:

]]></b:skin>

dan tambahkan CSS code dibawah ini:

.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;
}

Simpan modifikasi dan lihat hasil modifikasi anda. Sebelumnya back up dulu source code template anda.