Cara Membuat "Share to Unlock The Download Button"

Download game pc dan anime gratis by rukh zone berilah post +1 pada artikel berikut :

Cara Membuat "Share to Unlock The Download Button" di Blog

Share to Unlock The Download Button pasti kalian pernah mengalami kejadian ini jika download download di blog orang,bagi yang belum tahu Share to Unlock The Download Button adalah ketika kita ingin mendownload kita diharuskan Share agar bisa membuka Link Downlad,bagi yang penasaran bisa melihat gambar di bawah ini





Nah bagaimana ? Cukup Menarik kan,baikal kita mulai saja tutorialnya

(-) Memasang jQuery di Blog

1.Login ke Blogger
2.Masuk ke "Template" -> "Edit HTML"
3.Jika kalian sudah memasang jQuery silahkan ganti dengan yang ini
4.Cari kode </head> dan letakan kode ini di-atas </head>

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

(-) Memasang Kode CSS di atas ]]></b:skin>

1.Cari kode ]]></b:skin> dan letakan kode dibawah ini diatas ]]></b:skin> 

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

(-) Memasang Script Button di atas </body>

1.Cari kode </body> dan letakan 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>

Sudah selesai kita memasang "Share to Unlock The Download Button" di blog kita,nah sekarang tinggal Penerapannya

1.Jika kalian ingin membuat post,masuk ke "HTML" bukan Compose
2.Copy kode di bawah ini

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

- Ganti tulisan berwarna biru dengan Link Download yang kalian inginkan
- Ganti tulisan berwarna merah dengan kata - kata yang kalian inginkan

Terima kasih,Semoga Cara Membuat "Share to Unlock The Download Button" di Blog bermanfaat bagi kalian

Share :

Tweet

More

Related Post