Membuat Tombol Share Sosial Media Di Drupal Tanpa Module

Tombol sharing sosial media pada sebuah website memliki sebuah peranan yang sangat penting, sebab dengan adanya tombol sharing/berbagi ke sosial media tersebut sanggup membuat situs dikenal secara lebih luas, memang itu sebetulnya tujuan utamanya.

Teknik paling praktis membuat tombol berbagi/share sosial media di drupal ialah dengan memakai module – module yang memang dirancang khusus untuk membuat tombol share, ada banyak modul social sharing yang sanggup Anda temukan di drupal, spesialuntuk tinggal instal aktifkan lalu konfigurasi penempatannya, maka nanti tombol share akan secara otomatis muncul pada situs drupal Anda.

Walau memang Drupal sudah menyediakan module share social media, tapi terkadang saya langsung lebih menyukai untuk membuat tombol sharing sosial media secara manual, sebab saya pikir kalau spesialuntuk sekedar tombol share, rasanya tidak perlu bergantung pada module atau menginstal module share.

Disini saya ingin sedikit mengembangkan wacana bagaiman tata cara membuat tombol share di drupal tanpa memakai module. “How to create share button social media in drupal without module?” Lalu bagaimana membuat tombol share sosial media tanpa memakai module ?

Perlu diperhatikan bahwa dalam teladan kali ini Saya memakai template bootstrap, dimana saya sudah membuat subtheme untuk template tersebut. Didalam Template subtheme sudah saya menambahkan beberapa file, salah satunya ialah file node.tpl.php, dan file tersebutlah yang nantinya akan menjadi sasaran untuk diedit atau dimenambahkan tombol share. Jika belum memahami wacana ini silahkan lihat artikel Instalasi dan Konfigurasi Template Bootstrap Pada Drupal 7

File node.tpl.php yang saya menambahkan ke file Template subtheme ialah file yang secara default mengatur tata letak atau isi artikel, sehingga bila seandainya ingin menambahkan tombol share di dalam artikel, maka perlu menambahkannya ke file node.tpl.php

Membuat Tombol Share Sosial Media di Drupal Tanpa Module

1. Pertama menambahkan terlebih lampau isyarat CSS untuk tombol sharing sosial media ke file custom style yang terdapat pada template. Kalau tidak mau repot silahkan pakai style CSS yang pernah saya buat pada artikel “Membuat Tombol Share Pop-up di Blogspot ”
2. Selanjutnya buka file node.tpl.php yang terdapat pada bootstrap_subtheme\templates\. Kurang lebih nanti anda akan melihat isyarat – isyarat ibarat diberikut
   
3. Pada cuilan atas <?php print render($content['comments']); ?> menambahkan isyarat diberikut untuk membuat tombol share sosial media
   
   

        <div class="shareroot"> <div class='sh-title'>  <strong>SHARE THIS</strong>  </div>  <a class="facebook" href="http://www.facebook.com/sharer.php?u=<?php global $base_root; print $base_root . $node_url; ?>" onClick="window.open(this.href, 'mywin', 'left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i class="fa fa-facebook color-facebook"></i></a> <a class="twitter" href="https://twitter.com/intent/tweet?text=<?php print $title; ?>&amp;url=<?php global $base_root; print $base_root . $node_url; ?>&amp;via=MXBLOG" onClick="window.open(this.href, 'mywin', 'left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i class="fa fa-twitter color-twitter"></i></a> <a class="googleplus" href="http://plus.google.com/share?url=<?php global $base_root; print $base_root . $node_url; ?>" onClick="window.open(this.href, 'mywin', 'left=50,top=50,width=600,height=350,toolbar=0'); return false;"><i class="fa fa-google-plus color-google"></i></a> </div>

4. Perhatikan pada cuilan isyarat url=<?php global $base_root; print $base_root . $node_url; ?>
   
   global $base_root ialah isyarat untuk memanggil fungsi global root domain situs anda (domian utama), global $base_root sanggup saja spesialuntuk dimenambahkan satu kali saja pada cuilan pertama isyarat sharing, dan isyarat share selanjutnya tidak perlu menambahkan isyarat global $base_root; sebab isyarat kedua dan ketiga akan mengambil data dari global $base root yang pertama. Hal tersebut tidak akan berlaku jikalau contohnya global $base_root ditaruh dibagian akhir, maka isyarat sharing yang kedua dan pertama tidak akan sanggup mengambil data dari global $base_root yang ditaruh di isyarat sharing terakhir.
   
   Dalam teladan kasus ini saya menambahkan isyarat global $base_root; pada setiap isyarat sharing, baik facebook, twitter, maupun google+
   Kode $base_root akan mencetak nilai root domain pada address bar
   kode $node_url akan mencetak nila content type dan url dari artikel

Sampai disini proses pembuatan tombol share sosial media di drupal tanpa module sudah selesai. Jika salah satu tombol share di klik, contohnya tombol twitter, maka jadinya akan terlihat ibarat diberikut

Teknik penambahan tombol share diatas tidak akan berlaku untuk jenis content type yang contohnya sudah dimenambahkan fungsi / module ibarat Display Suite, maka metodenya pun nanti akan sedikit tidak sama.

Baca juga :

• Menambahkan Tombol Share ke Display Suite Drupal Secara Manual
• Teknik Membuat Tombol Share WhatsApp di Drupal

Share :