Cara membuat Share to Unlock the Download Button pada blog - Mungkin kita banyak menemui link download yang tersembunyi pada tombol share facebook, twitter, atau google+. Saya rasa tindakan tersebut bukan termasuk memaksa untuk share ke akun sosmed pendownload. Akan tetapi, tindakan tersebut bisa dikatan "impas" atau timbal balik kepada penulis atau penyedia link download aplikasi yang bersangkutan. Link yang disembunyikan biasanya link premium. Jadi sangat wajar, apabila link download ditukar dengan like, tweet, atau rekomend Google+.
Cara kerja Bagikan untuk melihat tombol download adalah si pendownload membagikan artikel tersebut kesalah satu akun sosmed mereka (facebook atau twitter atau google plus) untuk membuka link download. Setelah dibagikan kesalah satu akun sosmed mereka, link download akan muncul dan si pendownload dapat mendownload dengan senang hati.
Penampakannya (Klik untuk memperbesar)
Untuk melihat efeknya, silahkan klik tombol 'Demo' diatas kemudian scroll kebawah dan sobat bagikan di salah satu sosmed yang ada baik Facebook, Twitter atau Google Plus.
Cara Pemasangan Kode atau Script
Langkah 1 : Copy kode dibawah ini dan pasang di atas </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
Apabila di blog Anda sudah terdapat jQuery, kode tersebut tidak perlu dicopy. Apabila ada beberapa versi framework jQuery, maka efek-efek tidak akan berjalan.
Langkah 2 : Copy kode CSS di bawah ini, di atas
]]></b:skin> atau
</style>
<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>
Penulisan pada Postingan
Untuk memunculkan tombol like, tweet, atau Google Plus silahkan copy kode dibawah ini pada post Anda (tulis pada 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>
Sumber : http://blog.kangismet.net/2014/01/share-to-unlock-download-button.html
