Widget blogger share postingan ke social networking

---

Mungkin anda sudah sering menjumpai widget-widget share postingan yang akan memudahkan pembaca blog mempromosikan postingan anda ke situs-situs social networking seperti facebook. Jumlahnya biasanya lebih dari 5 icon, tiap-tiap icon mewakili situs-situs social networking ataupun situs semacam URL submission. Simak uraian selengkapnya :D



Widget ini saya buat sendiri, setelah berguru dari beberapa sumber di internet :D Saya cuma sertakan 3 list situs social networking yang menurut saya paling populer di indonesia serta paling banyak digunakan. Sebenarnya bisa ditambahkan lebih banyak lagi, namun menurut saya akan menjadi mubazir. Kedepannya ada rencana untuk menambahkan 1 icon lagi yaitu google+ :D Tapi itu harus menunggu hingga google+ open public dan bisa share postingan kesana layaknya facebok share.

Ilustrasi widget share post

Umumnya widget share postingan yang saya temui menggunakan javascript. Namun widget saya ini murni tidak menggunakan javascript. Hanya menggunakan anchor tag dan icon. Icon kalau mau anda ganti jadi teks juga bisa. Widget ini bebas anda modifikasi.

Jadi bisa dikatakan widget ini tidak akan menambah berat loading blog anda.



Silakan copas kode dibawah ini untuk mulai menggunakannya. Paste saja di tempat mana anda ingin widget ini keluar. Disarankan untuk meletakkannya tepat dibawah postingan.

Cara pemasangan:

- Buka edit HTML template

- Centang expand widget template

- Cari data:post.body

- Paste script berikut tepat dibawah data:post.body

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b>SHARE THIS POST:</b>

<br/>

<a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Lintasberita' height='32px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-zgHgrdJPmivleXN8pEcNZVh6LcJLvsOhSaui5xFduuJebR4vt6tSB-3hEGES-qUmF6PziDj7Ge-mmEmCQIq8f-yagM7SXF4AJ_nzQUKmbM_sX3GghVM5lVrJGJQgztgBrOoxc9eOC9g/s400/lintasberita-32x32.gif' title='kirimkan ke lintasberita' width='32px'/></a>



<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='FB Share' height='32px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZ5upp9cQC9o1E9JD1gn8QVpOXIrHHH9XbQCocHNUN9txguq9H84p_mq4V1O78XfDGtqikTN61HP324z7rwNgbvkTl_ynx78f0XUKmAl3e7AJQahUWmyXcVeHDPk3g8dAgS2jXomcgwk/s1600/facebook.png' title='bagikan ke facebook' width='32px'/></a>



<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:blog.pageName + &quot;:&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Twitter Share' height='32px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUkFByF5x9kC2CicwmESQY63CB7fZm9iOV_psEvz7Kn3xeF2g_C8-MTeVifXTP31r8F5NjvRvP3UbPLXA0gOGAJqfIiSdnuRN-tqia4GPg3dUpoXxozTLAPSf-_zei6lAWnKmksCjy84A/s1600/twitter.png' title='publikasikan ke twitter' width='32px'/></a>

</b:if>

- Save template anda



Widget telah terpasang dengan manis diakhir semua postingan anda :D

SHARE THIS POST:

Untuk langsung menjalankan kode-kode HTML atau javascript, anda bisa menggunakan TryIt editor.

Click to open

Kunjungi juga blog saya yang lain di Online tutorial