Cara Membuat Share to Download di Blog

Cara Lengkap dan Mudah Membuat Share to Download di Blog - Mau blognya lebih dikenal gan ? agar blognya agan bisa lebih terkenal ada cara yang lebih simple gan bagi para blogger yang sering share link download. Selain membuat link agan lebih terproteksi, bisa juga membuat akun kita semakin populer. Apakah ini melanggar prosedur ? tidak gan.

Fungsi seperti ini juga digunakan agar tidak ada orang yang sembarangan datang download dan pergi tanpa memberikan sedikit rasa terimakasih pada admin. Karena memang budaya komentar sangat sulit di tuturkan, mungkin dengan Share to Download maka bisa menutupi budaya komentar nya.

Screenshot

 Tutorial Pemasangan

Pertama agan harus memasang framework jQuery pada template blog. Fungsi utama dari jQuery disini untuk memunculkan dan menyembunyikan suatu objek. Pasang script dibawah ini tepat diatas kode </head>

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

Kedua pasang script css nya. Script css bisa agan edit sewaktu - waktu ingin mencoba merubah tampilannya. Seperti border ingin dibuat lonjong atau apalah. Pasang tepat diatas ]]></b:skin>

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

Ketiga agan perlu memasang script tampilannya. Untuk menampilkan script css tersebut harus menggunakan script yang ini. Pasang 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>

Keempat agan tinggal menaruh script dibawah ini pada postingan blog agan. Setiap ingin membuat Share to Download agan harus selalu menyertakan script dibawah ini. Maka dari itu admin sarankan untuk save scriptnya di notepad.

<div class="secret">
Link Download yang Disembunyikan</div>
</div>
<div class="secret-share">
Bagikan melalui Facebook, Twitter, atau Google Plus untuk Download
<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>

Sekian adalah cara simple dan cepat untuk membuat Share to Download. Jika agan memiliki kendala silahkan berkomentar. Secepatnya akan admin bantu. Terimakasih