Membuat Share To Download Pada Blog

Cara Membuat ShareTo Unlock The Download Button pada blog - mungkin kita banyak menemui link download yang tersembunyi pada tombol share facebook , twitter , atau google plus saya rasa tindakan tersebut bukan termasuk memaksa untuk share ke akun si pendownload, akan tetapi tindkan bisa dikatakan impas atau timbal balik kepada penulis atau penyedia linkdownload aplikasi yang bersangkutan

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.

Berikut cara pemasangannya:
1. Login keakun blog anda masuk ke elemen template = Edit HTML
2.  carilah kode  </head> gunakan CTR+F untuk memudahkan pencarian
3. kopi kode berikut tepat diatas kode </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.

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