Cara Pasang Share Widget Sederhana

By Unknown

Kamis, 15 Maret 2012

Widget ini sebenarnya kurang lebih sama dengan, social share lainnya. Bentuknya sederhana dan cukup menarik untuk dipasang di blog anda. Baiklah, gak usah banyak basa basi, langsung saja kita bahas cara pasang social share widget sederhana, ikuti langkah berikut. Sebelumnya lihat dulu tampilan di bawah ini. Silahkan klik salah satu gambar.




Log in ke blog
Klik Rancangan
Klik Tambah Gadget
Pilih HTML/JavaScript
Masukkan kode berikut ke dalamnya

<a href="http://facebook.com/USERNAME" target="_blank" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAVc2Rb5Mi72BFQkeHlBOg1fesrBVf2xA3U2TZMbywH8lHyErqnshrQWzyeOay_7Oco6as2r4GGeYzvYKd4nd5BP18M0eAYYjPxN2KK0xyfBGAWFHx9pqDCCoDR7xRqIshZtU-65nvbj0/s1600/facebook-30x43.png" /></a><a href="http://twitter.com/USERNAME" target="_blank" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQI84TAiPHULKc2JAAhgK6-87W8hO5DDoNXlQ496SOMgGGcpXrrSuG671-p4nUeKUEooh9GvST-SWhgfGbrDQ06LtMf02CrLrcBEdUhEveNMTgRGXQBnKIFAv1qtva0W_d6EMPezQzP0/s1600/twitter-30x43.png" /></a><a href="https://plus.google.com/#107364748346710480266/posts" target="_blank" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQTQxyJ8jtuWMjiWyPMOuL9BM8vgjzkg37PIsQmx9E-qqmYbFul73xQ-AMKf53hAAI3tX-SqzMs8_zCtauVNkcQhdksaDBbFLZI_5rAYqZUfkrSK1NaKf7kJApRBqctgbHf5sE5vlcq9Y/s1600/googleplus-30x43.png" /></a><a href="http://feeds.feedburner.com/USERNAME" target="_blank"  imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9OIQXH5E1Ce4Nv8mrZ1iHM233HM610jnaPPUfUozHs8-oSx8DSJEvPTwOrx97Ju0qq0NJy9iKbEp2yGgf4tWm7XUGblGaXU1PYvepNWSoa5qu_F3oYMAB6GtiCT5pXLEZk4srY84Ul-A/s1600/rss-30x43.png" /></a>

Ganti USERNAME dengan username kepunyaan anda. Klik Simpan dan lihat hasilnya.
Kalau ingin memasukkannya dalam template, silahkan masukkan kode berikut di bawah atau sesudah kode  <data:post.body/>. Jika menggunakan read more, maka akan ada dua kode tersebut. Masukkan saja di atas atau sebelum kode <data:post.body/> yang pertama. Ini kodenya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href="http://facebook.com/USERNAME" target="_blank" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAVc2Rb5Mi72BFQkeHlBOg1fesrBVf2xA3U2TZMbywH8lHyErqnshrQWzyeOay_7Oco6as2r4GGeYzvYKd4nd5BP18M0eAYYjPxN2KK0xyfBGAWFHx9pqDCCoDR7xRqIshZtU-65nvbj0/s1600/facebook-30x43.png" /></a><a href="http://twitter.com/USERNAME" target="_blank" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQI84TAiPHULKc2JAAhgK6-87W8hO5DDoNXlQ496SOMgGGcpXrrSuG671-p4nUeKUEooh9GvST-SWhgfGbrDQ06LtMf02CrLrcBEdUhEveNMTgRGXQBnKIFAv1qtva0W_d6EMPezQzP0/s1600/twitter-30x43.png" /></a><a href="https://plus.google.com/#107364748346710480266/posts" target="_blank" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQTQxyJ8jtuWMjiWyPMOuL9BM8vgjzkg37PIsQmx9E-qqmYbFul73xQ-AMKf53hAAI3tX-SqzMs8_zCtauVNkcQhdksaDBbFLZI_5rAYqZUfkrSK1NaKf7kJApRBqctgbHf5sE5vlcq9Y/s1600/googleplus-30x43.png" /></a><a href="http://feeds.feedburner.com/USERNAME" target="_blank"  imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9OIQXH5E1Ce4Nv8mrZ1iHM233HM610jnaPPUfUozHs8-oSx8DSJEvPTwOrx97Ju0qq0NJy9iKbEp2yGgf4tWm7XUGblGaXU1PYvepNWSoa5qu_F3oYMAB6GtiCT5pXLEZk4srY84Ul-A/s1600/rss-30x43.png" /></a>
</b:if>

Catatan: Kode di atas juga dapat dimasukkan di bawah kode <div class='post-header-line-1'/>. Selanjutnya klik Simpan Template dan lihat hasilnya.

Demikian tutorial cara pasang social share widget sederhana, semoga bermanfaat bagi semua. Amin.  Selamat mencoba dan sukses selalu.

"keep spirits and do the best"

Share :

Facebook Twitter Google+