Cara Membuat Share to Unlock The Download Button

 

Share to Unlock the Download Button ini saya pelajari langsung dari Blog Kang Ismet. Awalnya saya tidak mempunyai keinginan untuk mempelajari trik ini. Tapi setelah saya sadar dengan tombol share to unlock the download button ini dapat membuat trafik saya meningkat sendiri, saya langsung memasangnya di blog saya. Trafik yang muncul dapat berupa trafik manusia maupun trafik bot.

 Tombol Share to Unlock the Download Button ini saya katakan dapat meningkatkan trafik karena setiap orang yang share artikel kita, temannya yang tertarik akan langsung mengikuti atau sekedar membaca artikel yang telah di share tersebut. Jadi, tombol share to unlock the download button ini dapat dijadikan alternatif lain untuk meningkatkan trafik blog anda. Bisa langsung lihat live demo jika anda masih penasaran.

Untuk demonya kurang lebih seperti gambar dibawah ini :

Cara Membuat Tombol Share to Unlock the Download Button
1. Login ke akun blogger anda.
2. Pergi ke Template ► Edit HTML.
3. Usahakan untuk backup template anda terlebih dahulu untuk mengantisipasi terjadinya kesalahan.
4. Cari kode </head> Gunakan Ctrl+F untuk memudahkan pencarian. Lalu Copy paste jQuery berikut diatas kode </head> yang telah anda cari sebelumnya. Jika anda melihat kode jQuery di template anda, jangan menaruh jQuery berikut. Karena dua jQuery pada satu template dapat membuat efek-efek dari jQuery tidak dapat dijalankan dengan baik.

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

5. Cari kode ]]></b:skin> atau kode </style> Gunakan Ctrl+F untuk memudahkan pencarian. Lalu copy paste script berikut diatas kode ]]></b:skin> atau kode </style> yang anda telah temukan.

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

6. Cari kode </body> Gunakan Ctrl+F untuk memudahkan pencarian. Lalu copy paste script yang akan memunculkan button berikut diatas kode </body> Jika anda melihat script yang hampir mirip, hapus script tersebut dan ganti dengan script berikut ini.

<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>

 7. Simpan template anda setelah berhasil memasang script diatas.

Penulisan dalam Artikel
1. Login ke akun blogger anda.
2. Pergi ke Pos ► Buat Entri Baru.
3. Pilih HTML bukan Compose.
4. Copy paste script berikut.

<div class="secret">
Link yang disembunyikan disini</div>
</div>
<div class="secret-share">
Bagikan melalui Facebook / Twitter / Google Plus untuk melihat Link 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="Nguraaah" 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>

5. Klik Simpan lalu pilih Pratinjau untuk melihat hasilnya.
6. Publikasikan artikel setelah selesai menulis artikel tersebut.

Mungkin banyak yang berkata bahwa share to unlock the download button ini adalah sebuah pemaksaan. Tetapi hal ini bukanlah pemaksaan. Kata yang tepat untuk menggambarkan share to unlock the download button adalah pertukaran. Karena kita yang memakai tombol, artikel kita dibantu share dan yang melakukan download akan mendapatkan hasil download mereka.

Semoga Bermanfaat ^_^