Tips Membuat Tombol Share ke Sosial Media

Seiring dengan perkembangan teknologi yang terus berinovasi dan percepatannya yang kian pesat membuat para programmer khususnya para website developer dituntut harus mampu beradaptasi terhadap perkembangan yang ada.

Dalam pembuatan website, salah satu yang cukup penting agar informasi tentang website yang kita buat bisa cepat dikenal adalah menambahkan tombol icon share pada beberapa media sosial, seperti ke Linkedin, Whatsapp, Path, Pinterest, Line dan Instagram. Pada kali ini akan mengupas cara membuat button share ke media sosial yang disebut diatas.

Script untuk membuat beberapa button share sebagai berikut:

1. Jika mendalami persis perkembangan program aplikasi telephone selular atau selalu mengikuti perkembangan aplikasi dari jvm hingga android dan iOS maka sebetulnya tombol share pada desain website tidak dibutuhkan lagi.
   
   Semua aplikasi bawaan dari telephone selular berbasis android dan iOS atau yang disebut smartphone sudah memasang aplikasi button share auto.



2. Namun hal yang wajar jika kita menambahkan fitur atau icon share pada desain websitenya, selain mempercantik juga menambah ilmu baru bagi para pengembang website, yang terpenting mengenal script code sebagai kode perintah antarmuka.






3. Button share linkedin bisa dilihat plugin langsung di linknya disini, atau bisa mengunjungi link ini.



4. Button share Whatsapp, bisa mengikuti caranya dibawah ini:
   
   
   
   
   • Silahkan copy paste skrip dibawah ini:
     
     
     <script type="text/javascript">if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="http://techwar24.googlecode.com/svn/whatsapp-button.js";h.appendChild(s);} </script>
   
   
   
   • Pasang kode dibawah ini dimana saja menurut yang ingin dipasang, bisa dibawah artikel atau dibawah judul
     
     
     <a class="wa_btn wa_btn_s" expr:data-href="data:post.url" expr:data-text="data:post.title" href="whatsapp://send" style="display: none;">Share via Whatsapp</a>
     
     
     Jika ingin tampil maka kode display dirubah nilainya menjadi "block".



5. Button share untuk Line bisa dilihat dibawah ini;
   
   
   <script src="// media.line.me/js/line-button.js? v=20140411" type="text/javascript"></script> <a href="http://line.me/R/msg/text/?LINE%20it%21%0d%0ahttp%3a%2f%2fline%2enaver%2ejp%2f"><img alt="LINE it!" height="[height of Button]" src="[URL of Button image]" width="[width of Button]" /></a>



6. Button share untuk Instagram silahkan mengunjungi link ini. Selanjutnya tinggal dimodifikasi ( customize ) sesuai dengan desain tampilan website.



7. Dan yang paling mudah membuat kode any add, yang skripnya bisa langsung ke semua media sosial. Untuk yang seperti ini bisa didowload disini, ini adalah plugin buatan wordpress. Dan selanjutnya tinggal dimodifikasi ( customize ) sesuai dengan tampilan website.

Semoga bermanfaat.