Cara Buat Tombol Share To Unlock

Cara Buat Tombol Share To Unlock
Share to Unlock Button
XDTPD Blogs | Pada kesempatan kali ini saya akan membahas sedikit seputar tutorial blog yang pada umumnya sudah banyak dibahas diberbagai blog lainnya. Namun, tidak salahnya jika saya share kembali pada blog ini. Mungkin ada banyak sobat blogger yang belum mengetahui cara ini. Sebenarnya, tutorial ini saya dapatkan referensinya dari blog Kang Ismet. Namun, akan saya share kembali pada blog ini.

Share to Unlock to Download pasti dari beberapa sobat blogger sudah pernah mendengar ataupun mendapatinya dibeberapa blog. Biasanya, ada beberapa website yang memakai tombol share to download ini yang menyediakan file-file premium. Pada dasarnya, tombol share to unlock to download ini bermanfaat menukar keuntungan. Pemilik website tersebut untungnya kita menshare website nya dan kita dapat mengunduh file yang ada diblog tersebut.

#Langkah-Langkah Membuat Tombol Share To Download

Nah, bagi sobat-sobat yang sudah penasaran dengan langkah-langkahnya, sekarang kita bahas secara detail dan silahkan ikuti dengan sesama ya.

#Pemasangan Kode / Script

Langkah pertama yang harus sobat lakukan dengan menambahkan beberapa kode kedalam template blog sobat. Caranya adalah, silahkan pasangkan kode jQuery dibawah ini diatas kode </head>

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

Pemasangan jQuery pada template cukup 1 saja. Karena jika ada beberapa versi Framework jQuery maka efek-efeknya tidak akan berjalan dengan lancar.

Langkah berikutnya adalah pemasangan kode CSS dibawah ini tepat diatas kode ]]></b:skin> atau </style>

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

Langkah ketiga adalah Memasang script penampil button dibawah ini diatas kode </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>

Nah, apabila pada template sobat sudah ada kode yang mirip-mirip seperti kode diatas, maka silahkan ganti dengan kode tersebut dan jangan lupa templatenya di backup terlebih dahulu untuk mengatasi error.

#Penulisan Pada Postingan

Untuk memunculkan tombol like, tweet ataupun share Google Plus dan juga objek link download, maka format penulisan pada postingan harus seperti kode dibawah ini. Tulis dalam Mode 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>

Itu saja tutorial kali ini seputar cara membuat tombol share to download, semoga bermanfaat bagi semuanya. Jika ada yang ingin ditanyakan silahkan komentar dibawah ya. Oh iya, jangan lupa untuk berkunjung kembali, karena blog ini akan selalu update berbagai artikel menarik lainnya.

Comments

Post a Comment

Popular posts from this blog

30 Model Perhiasan Emas Paling Baru Yang Lagi Trends

Image
Saat ini, Peminat Perhiasan Emas semakin hari semakin meningkat. Apalagi model perhiasan emas selain bisa dijadikan sebagai hiasan perhiasan emas juga bisa dijadikan suatu investasi paling aman yang semakin hari harga jual emas tersebut semakin meningkat. Secara umum, peminat perhiasan emas paling banyak adalah para wanita dewasa dan kaum ibu-ibu. Model perhiasan emas yang mereka suka juga sangat beragam, ada yang menyukain model gelang emas, model cincin tunang, model kalung emas, liontin emas, bahkan sampai berlian dengan butiran permata. Nah, jika anda adalah salah satu dari sekian banyak peminat perhiasan emas, maka dibawah ini saya telah menyediakan beberapa contoh perhiasan emas yang paling baru dan model emas yang lagi trend di tahun ini. Model Perhiasan Emas Terbaru Tahun Ini Berbicara perhiasan emas, pastinya ada berbagai bentuk perhiasan emas tersebut. Namun, dibawah ini beberapa perhiasan emas yang sangat umun dicari dengan design sangat bagus ataupun bisa kita sebut sebaga...
Read more

3 Model Gelang Emas Yang Lagi Hits Saat Ini

Image
Gelang Emas Model Gelang Emas Terbaru - Saat ini memang sudah menjadi salah satu kebutuhan pokok bagi para wanita yang mencari jenis gelang emas yang lagi trends. Sampai saat ini jenis gelang emas terbaru masih menjadi salah satu target pasar bagi para wanita, baik itu dari kalangan anak-anak, remaja, maupun orang dewasa. Model gelang emas tersebut masih menjadi primadona dan daya tarik tersendiri bagi para wanita yang memakai nya dari berbagai industri perhiasanan seperti toko emas. Hal ini disebabkan karena emas memiliki kesan yang berharga dan berkesan anggun bagi para pemakainya. Selain memiliki kesan yang berharga, dengan memakai perhiasan emas kaum wanita akan lebih terlihat cantik dan menawan serta juga bisa menarik perhatian para lelaki dan juga pastinya akan kelihatan elegan. Namun, model gelang emas tersebut juga bervariasi, mulai dari gelang emas keroncong, gelang emas rantai terbaru, serta gelang emas 24 karat yang sampai saat ini masih menjadi model gelang emas terbaru da...
Read more

240 Model Gelang Emas Terbaru Yang Paling Populer

Image
Model Gelang Emas Terbaru Yang Paling Populer – Gelang emas sudah menjadi salah satu aksesoris yang dapat menambah kecantikan penampilan seseorang. Selain sebagai aksesoris, gelang emas juga bisa menjadi sebuah investasi jangka panjang dimana harganya yang selalu mengalami kenaikan. Ada berbagai model gelang emas terbaru saat ini. Model gelang emas juga selalu mengikuti trend dan gaya masa ini. Mulai dari gelang emas keroncong, gelang emas murni, gelang emas putih, gelang emas 24 karat dan lainnya. Gelang emas biasanya akan di percantik dengan menambahkan mutiara maupun berlian yang akan menambah kesan mewah pada gelang tersebut. Gelang emas juga terbagi menjadi beberapa tipe, ada yang gelang emas rantai atau solid, ada juga gelang emas kuning maupun emas putih. Nah, semakin beragam jenis gelang emas, maka tentu saja dapat memenuhi model emas trend masa kini dan selera pada kaum wanita. Gelang emas wanita biasanya didesain sesuai usia, ada gelang emas untuk wanita dewasa maupun gelang...
Read more