Kamis, 30 Januari 2014

Cara Membuat Share To Unlock The Download Button

Laba-Laba Blog - Sudah hampir satu minggu saya tidak memposting sama sekali alias nihil dan pada sore hari ini saya akan menghidupkan blogger saya dengan mempebanyak artikel, pada pembahasan saya kali ini saya akan membahas tentang Cara Membuat Share To Unlock The Download Button. Banyak sekali akun-akun premium yang di kuci atau sering kita sebut di gembok, pada sore ini saya akan memberikan tutorial bagaimana cara pembuatannya. Cara pembuatannya cukup mudah dan tidak terlalu rumit serta tidak memakan waktu yang lama alias cepat. Berikut saya akan memberikan gambar serta demonya.




Berikut ikutilah langkah-langkah dibawah ini.
1. Masuk ke blogger.
2. Pilih template.
3. Pilih edit html.
4. Cari kode </head>.
5. Salin kode dibawah ini kemudian simpan diatas kode tadi.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
6. Carilah kode ]]><b:skin> atau </style>.
7. Salin kode dibawah ini kemudian simpan diatas kode tadi.
.secret {text-align:centerdisplay:none}
.secret-share {padding:20px;text-align:center;border:3px solid #ddd}
8. Cari kembali kode </body>.
9. Kemudian salin kembali kode dibawah ini dan tempelkan diatas kode tadi.
<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>
10. Simpan.

Cara Penulisan
Cara penulisan widget ini cukup mudah, anda bisa salin kode dibawah ini kemudian tempelkan di entri baru setelah anda berada di entri silahkan pilih html bukan compose.
<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="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>

3 komentar:

1. Berkomentar haruslah sopan.
2. Jika ada kesalahan kata-kata dalam artikel saya, mohon dimaklumi.