Laba-Laba Blog - Sudah hampir satu minggu saya tidak memposting sama sekali alias nihil dan pada sore hari ini saya akan menghidupkan blogger saya dengan mempebanyak artikel, pada pembahasan saya kali ini saya akan membahas tentang Cara Membuat Share To Unlock The Download Button. Banyak sekali akun-akun premium yang di kuci atau sering kita sebut di gembok, pada sore ini saya akan memberikan tutorial bagaimana cara pembuatannya. Cara pembuatannya cukup mudah dan tidak terlalu rumit serta tidak memakan waktu yang lama alias cepat. Berikut saya akan memberikan gambar serta demonya.
Berikut ikutilah langkah-langkah dibawah ini.
1. Masuk ke blogger.2. Pilih template.
3. Pilih edit html.
4. Cari kode </head>.
5. Salin kode dibawah ini kemudian simpan diatas kode tadi.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>6. Carilah kode ]]><b:skin> atau </style>.
7. Salin kode dibawah ini kemudian simpan diatas kode tadi.
.secret {text-align:centerdisplay:none}8. Cari kembali kode </body>.
.secret-share {padding:20px;text-align:center;border:3px solid #ddd}
9. Kemudian salin kembali kode dibawah ini dan tempelkan diatas kode tadi.
<script type='text/javascript'>10. Simpan.
//<![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>
Cara Penulisan
Cara penulisan widget ini cukup mudah, anda bisa salin kode dibawah ini kemudian tempelkan di entri baru setelah anda berada di entri silahkan pilih 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>
cara pasang saat ditulisan itu gimana ya?
BalasHapusDi entri baru gan
HapusBisa di ganti ama subcribe gak?
BalasHapus