Membuat Tombol Share Untuk Membuka Link Download

Cara/Tips Membuat Tombol Button Share Untuk Membuka Link Download di Blog - Untuk kesempatan ini saya akan membagikan sebuah Cara membuat tombol share to unlock link download dalam bahasa inggrisnya, karena dengan cara ini bukan hanya pihak kedua yang mendapatkan file download ( pembaca ) namun pihak pertama pun juga akan mendapatkan visitor berupa hasil share tadi ( Admin blog ). Dengan cara ini kita dapat membuat keuntungan dua kali lipat dari hasil sebelumnya Wow!!. 
( Baca Juga : Cara Mengamankan Gambar Agar Tidak Dapat di Ambil )

Mungkin rasanya berat memberikan pilihan kepada pembaca yang ingin berkeinginan mendownload files yang kita bagi eh... link nya baru ke buka kalau udah di share pusing lagi, maka dari itu pikir pikir lah dahulu untuk membuat kesepakatan seperti ini.

( Baca Juga : Tips Bagi Kalian Yang Ingin Masuk Search Engine )

Membuat Tombol Share Untuk Membuka Link Download

Langkah 1 : Pasang kode dibawah ini tepat diatas </head> 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

Pemasangan kode diatas cukup satu saja pada template.

Langkah 2 : Pasang kode dibawah ini tepat diatas ]]></b:skin> atau </style>

.secret {text-align:centerdisplay:none}

.secret-share {padding:20px;text-align:center;border:3px solid #ddd}

Langkah 3 : Pasang lagi kode dibawah ini diatas </body>

<script type='text/javascript'>

//<![CDATA[

/* Facebook */

(function(d, s, id){

     var js, fjs = d.getElementsByTagName(s)[0];

     if (d.getElementById(id)) {return;}

     js = d.createElement(s); js.id = id;

     js.src = "//connect.facebook.net/en_US/all.js";

     fjs.parentNode.insertBefore(js, fjs);

 }(document, 'script', 'facebook-jssdk'));

window.fbAsyncInit = function() {

    // init the FB JS SDK

    FB.init({

      status     : true,                                

      xfbml      : true                                  

    });

    FB.Event.subscribe('edge.create', function(href, widget) {

        $.event.trigger({

            type: "pageShared",

            url: href

        });    

    });

};

/* Twitter */

  window.twttr = (function (d,s,id) {

  var t, js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;

  js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);

  return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });

}(document, "script", "twitter-wjs"));

twttr.ready(function (twttr) {

    twttr.events.bind('tweet', function (event) {

        $.event.trigger({

            type: "pageShared",

            url: event.target.baseURI

        });

    });

});

/* Google Plus */

(function() {

    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

    po.src = 'https://apis.google.com/js/plusone.js';

    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

  })();

function plusOned(obj){

    console.log(obj);

    $.event.trigger({

        type: "pageShared",

        url: obj.href

    });

}

 

/* Listen for the pageShared event */

$(document).on('pageShared',function(e){

    if(e.url == window.location.href){

        $(".secret").show();

        $(".secret-share").hide();

    }

});

//]]> 

</script>

• Peringatan!!! apabila terdapat kode seperti diatas pada template sobat silahkan di hapus dan diganti dengan kode yang baru ( yang baru disini maksudnya kode yang diatas ). Agar tidak terjadi kesalahan silahkan dibackup dulu templatenya.

Penulisan Pada Postingan

Untuk memunculkan tombol like/tweet/google plus yang telah kita buat diatas pada setiap postingan maka dipasang dengan format seperti dibawah ini ( di tulis di mode HTML bukan Compose )

<div class="secret">

Link Yang Ingin Disembunyikan Ditempatkan Disini</div>

</div>

<div class="secret-share">

Bagikan Dulu Ke Facebook / Twitter / Google Plus Untuk Dapat Mendownload

<span class="fb-like" data-layout="button_count" data-send="false" data-show-faces="false" data-width="90" expr:data-href="data:post.url" style="margin-right: 25px;"></span><a class="twitter-share-button" data-count="horizontal" data-related="" data-via="kangismetdotnet" expr:data-text="data:post.title" expr:data-url="data:post.url" href="http://twitter.com/share">Tweet</a><span class="g-plusone" data-callback="plusOned" data-count="true" data-size="medium" expr:data-href="data:post.url"></span></div>

Script berwarna hijau diganti dengan kata kata anda
Script berwarna orange dapat diganti sesuai keinginan

Demikianlah Membuat Tombol Share Untuk Membuka Link Download mudah dan sulitnya tergantung pada kepahaman anda terhadap kode kode template, tetapi dengan cara diatas mungkin tidak sulit dilakukan.

Tweet

Postingan terkait:

— Friday, July 3, 2015 — 3 Comments — Tips Blogger