Ads Home1

Cara Mudah Membuat Share to Unlock Link Download di Blogger

http://www.xcodeplus.net/2018/01/cara-mudah-membuat-share-to-unlock-link.html


Apa itu Share to Unlock Link ?

Share to Unlock Link merupakan widget custom untuk blogger yang bertujuan agar menyembunyikan tampilan link tertentu di postingan blogger. Umumnya terkadang banyak sekali para surfers internet yang hanya membaca konten disuatu blog lalu pergi tanpa membagikan konten tersebut kepada orang lain ini tentu tidak memberikan dampak positif ketika adanya suatu konten yang berkualitas tidak dapat diketahui banyak orang.


Lalu, Apa Alasan Kita Harus Membagikan Konten yang Berkualitas Tersebut ?

Dengan kita membagikan konten berkualitas tersebut , ini menunjukan Anda orang yang positif membagikan konten disuatu website yang Anda kunjungi dari sana Anda mendapatkan ilmu yang bermanfaat sebagai tanda berterimakasih lantas Anda membagikan konten tersebut kepada teman-teman, kekasih, saudara atau siapapun melalui sosial media. 

Meluangkan waktu untuk menulis sebuah konten yang berkualiatas membutuhkan waktu yang lama loh ? Dengan Anda berkontribusi membagikan konten yang Anda baca tentu ini berdapak positif bagi seorang penulis sehingga membuat penulis semangat untuk terus berkarya memberikan konten berkualitas tersebut kepada Anda. 

Tentu lebih baik mana mendapatkan ilmu secara gratis di suatu website tanpa Anda diharuskan untuk membayar alias gratisss!! atau membayar sejumlah uang yang tak sedikit untuk mengikuti course ? Itupun belum tentu ilmu yang Anda dapat bisa sepenuhnya bukan ?

Apa Manfaat yang di Dapat Oleh Penulis ?

Seperti yang saya sampaikan di atas, bahwa dengan Anda ikut berkontribusi kepada penulis sehingga ini memberikan rasa senang, sehingga waktu yang mereka habiskan tidak terbuang sia-sia. Dengan begitu secara langsung penulis akan terus membagikan konten yang berkualitas tersebut lagi dan lagi.


Menurut Saya Ini Terlihat Seperti Pemaksaan ?

Sepertinya jika dilihat secara sekilas tentu membuat seseorang beranggapan seperti itu, namun bukannya kita mendapatkan ilmu itu tidak gampang, bukankah ilmu yang kita dapat berguna bagi masa depan kita ? dengan banyaknya keuntungan yang kita peroleh dari seorang penulis tentu bukanlah masalah hanya memberikan konten tersebut kepada orang lain. Lagi pula Anda ikut mendapatkan berkah dan pahala haha ?

Oke Saya Setuju, Lalu Bagaimana Cara Memasangnya di Blog Saya ?

Sebelumnya pastikan Anda melakukan backup template yang Anda gunakan terlebih dahulu, dengan cara pindahkan kode template Anda ke notepad dll, atau Anda bisa langsung mengexportnya. Tujuannya agar tidak ada kejadian yang tidak diinginkan terjadi. Jika sudah ikuti langkah-langkah berikut di bawah ini.

1.  Pergi ke tampilan template blogger Anda. Blogger - Template - Edit HTML.

2.  Pastikan disini template yang Anda gunakan sudah mengupdate jquery.min.js ke versi 1.10.2 atau di atasnya, jika dalam template Anda tidak ada script tersebut, jangan khawatir Anda dapat menempatkan script di bawah ini ke blog Anda.

Jquery.min.js v.1.10.2

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


3. Di dalam tampilan kode template Anda, cari tag </body> dan letakan atau paste kode berikut di bawah ini.

<script type='text/javascript'>
//<![CDATA[
/* Facebook Section */
(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 Section */
  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 Section */
(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){
        /* Show the link, otherwise hide the link */
        $(".secret").show();
        $(".secret-share").hide();
    }
});
//]]>
</script>

<style>
.secret {
 text-align:center;
 display:none
}
 /* Container here */
.secret-share {
    padding: 20px;
    text-align: center;
    border: 3px solid #ddd;
    background: #8093f1;
}

/* Link button here */
a.download-btn {
    text-transform: uppercase;
    font-size: 22px;
    background:#8093f1;
    padding: 10px 20px;
    display: inline-block;
    border: 1px solid   #ddd;
    text-decoration: none;
    color: #fff;
}

.secret-share .fb-like {
 margin-top: 0;
 top: -7px;
 position: relative;}

.secret-share .twitter-share-button {
    margin-right: 25px;
}

</style>



4. Setelah Anda menyisipkan kode di atas dengan benar, lalu klik simpan atau save template. Jika tidak ada kesalahan atau pemasangan berhasil, Selamat berarti Anda telah memasang widget Share to Unlock Link pada blog kesayangan Anda.


Selanjutnya, Bagaimana Caranya Menyembunyikan Link Saya ?


Pada tahap ini, kita akan menampilkan tombol share yang berfungsi agar dapat membuka link pada postingan Anda dengan cara ikuti langkah-langkah berikut dibawah ini.

1. Pergi kehalaman postingan baru. Blogger - Postingan.
2. Sekarang letakan kode berikut di bawah ini, dan pastikan Anda meletakannya dengan mode HTML bukan Compose!.

<div class="secret">
<a class="download-btn" href="#">Unduh Disini</a></div>

<div class="secret-share">
<p>Share via Facebook - Twitter - Google Plus to see Link Download, Thanks for supporting us!</p>
<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="xcodeplus.net" 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 tanda # dengan link yang Anda ingin sembunyikan, Sebagai tambahan Anda dapat memberikan sentuhan ke dalam kode di atas, dengan membuat tampilannya sesuai yang Anda inginkan tentu kode di atas bukan hal yang sulit dipahami.

Dan sekarang langkah-langkah dalam memasang Widget Share to Unlock Link Download di blogger sudah selesai, sekarang waktunya Anda mempublikasikan konten terbaik Anda kepada dunia!

http://www.xcodeplus.net/2018/01/cara-mudah-membuat-share-to-unlock-link.html
Gambar 1.1 - Ilustrasi Widget Share to Unlock








No comments:

Kami menerima masukan dari anda jika memang ada pembahasan yang keliru dan kami sangat senang jika anda dapat berkontribusi untuk menyempurnakan postingan kami. Anda dapat mengirimkan email ke : hari18.muhammad@gmail.com

Jika postingan ini bermanfaat jangan lupa share postingan ini. Kami sangat merekomendasikan untuk anda yang membutuhkan informasi tentang computer stuff silakan subscribe blog kami dapatkan informasi terupdate dari kami secara gratiss. Terimakasih!

Powered by Blogger.