Cara Buat Widget Social Sharing 'All in One' yang Menarik

Media sosial menjadi salah satu alat yang tidak mampu dianggap enteng dalam menjaring visitor blog. Justru tidak sedikit blog menjadi populer alasannya yaitu sebelumnya menjadi viral di kalangan nitizen. Maka hadirnya fitur ibarat widget yang terkait media umum juga menjadi sangat penting.

Untuk itulah, kali ini saya akan membagikan script untuk membuat widget yang berisi kumpulan media umum yang menarik. Lihat contohnya pada gambar thumbnail postingan ini.

Cara membuatnya sangatlah mudah. Hanya menempatkan script ke dalam layout blog. Simak selengkapnya berikut ini.

Cara membuat widget social sharing yang menarik

1. Silakan menuju ke dasboard blogger.

2. Pilih menu Layout, lalu klik Add new gadget.
3. Lalu pilih HTML/Javascript. Masukkan arahan di bawah ini ke dalam kotak HTML tersebut.

<div class="bloggerauthorityOldSocial"> <ul> <li class="bloggerauthorityrss"><a href="http://feedburner.com/">RSS</a></li> <li class="bloggerauthoritymail"><a href="http://feedburner.google.com/fb/a/mailverify?uri=username" >Email</a></li> <li class="bloggerauthoritytwitter"><a href="http://twitter.com/owen_paijo">Twitter</a></li> <li class="bloggerauthorityfacebook"><a href="http://facebook.com/username">Facebook</a></li> </ul> </div> <div id="bloggerauthorityEmailsub"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=username', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="bloggerauthorityEmailform"> <input type="hidden" value="username" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" value="Enter your email..." name="email" class="emailText" /> <input type="submit" class="emailButton" value="SignUp" title='' /> </form> </div>  

4. Ganti semua kata "username" sesuai dengan nama akun yang dimiliki dalam akun media sosial.

Akhiri dengan Save. Selesai.

Kini blog sobat telah terdapat widget gres yang menarik. Pastikan penempatan posisi widget yang sempurna semoga menambah desain blog yang lebih bagus.

Artikel pilihan Kumpulan Artikel Tips, Trik dan Cara Membuat Blog.

Demikian ulasan cara membuat widget social sharing yang mampu saya sampaikan. Semoga bermanfaat dan selamat mencoba.

Share :