Hampir di setiap blog atau website yang saya kunjungi sekarang ini sudah dapat dipastikan sudah memasang Tool Media share Sosial, tentu hal tersebut sangat membantu nantinya untuk mempromosikan blog kepada pembaca dan mendatangkan trafik dari Media Sosial khususnya. Media sosial sekarang ini sangat berperan aktif dan penting dalam pemasaran suatu Produk terlebih bagi kita para Blogger hal ini tentu sangat menguntungkan dan membantu supaya Blog yang di posting dapat di segera diketahui dan pengunjung pun dapat mencari isu yang diharapkan secepatnya.
Nah di postingan kali ini terkait dengan Media Sosial akan di bahas Cara Membuat Popup Link Share Media Sosial di Blog, disini saya anggap sahabat sudah memasang Tool Media Share Sosial ini di Blog atau Websitenya, bagi yang belum memasangnya dapat dilihat DISINI.
Anggap sahabat sudah memasangnya dengan cara mengcustome social media Tools-nya dan biasanya kebanyakan ketika ada pengunjung yang mengklik tombol share salah satu media umum yang ada tampilannya akan membuka Tab browser gres dan terbuka halaman penuh, ada merasa agak kurang pas dilihatnya ada juga yang menganggapnya biasa saja, namun kalau saya eksklusif jikalau membuka link share di blog orang lain dengan tampilan buka tab gres dan halaman penuh saya sebagai pengunjung agak risih juga dan ribet, nah berawal dari pengalaman tersebut muncullah ilham Cara Membuat Popup Link Share Media Sosial di Blog.
Bagi sahabat yang mau mencobanya yuk mari kita simak bersama, dan arahan ini sedikit ada modifikasi supaya nanti ketika pop-upnya muncul pas ditengah
Ini sebagai pola saja link share yang awal
<a href="//www.facebook.com/shareArticle?mini=true&url=https://justandmyguys.blogspot.com/" target="_blank" title="Share This On Facebook">Share This On Facebook</a>Itu diatas pola yang bukan Pop-up, untuk membuat Pop-up pada link share yang ada di blog maka silahkan tambahkan arahan Javascript dibawah ini kemudian letakkan sempurna di atas arahan </body>
<script> //<![CDATA[ var postEl=document.getElementsByClassName("social-popup"),postCount=postEl.length;for(i=0;i<postCount;i++)postEl[i].addEventListener("click",function(e){var t=this.getAttribute("href"),o=screen.width/2-250,s=screen.height/2-250;window.open(t,"popUpWindow","width=500,height=500,left="+o+",top="+s+",resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes")}); //]]> </script>Setelah itu silahkan sahabat tambahkan kembali arahan class="social-popup" di link sosial share-nya jadi tampilannya pada kodenya nanti akan menyerupai ini
<a class="social-popup" href="//www.facebook.com/shareArticle?mini=true&url=https://justandmyguys.blogspot.com/" target="_blank" title="Share This On Facebook">Share This On Facebook</a>Lakukan juga hal yang sama pada setiap link sosial share yang sahabat pasang di blog-nya, kemudian Save dan Selesai, Selamat Mencoba.
Comments