Karya-Reza

Mengerti Kebutuhan Pengunjung

Select Menu
  • Home
  • Seputar Dunia Blogging
  • Template Untuk Blog
  • Widget Blog
  • Dan Lainnya
    • Tukar Link !
    • Daftar Banner Yang Sudah Tukar Link
  • Error Page
Home » Seputar Dunia Blogging » Membuat Tombol Download Muncul Setelah Like

Wednesday, July 23, 2014

Membuat Tombol Download Muncul Setelah Like

Reza Syahputra Rizal
31 Comments
Seputar Dunia Blogging
Wednesday, July 23, 2014

DEMO WIDGET

  • DEMO KLIK DISINI
Membuat Tombol Download Muncul Setelah Like - Membuat Ini sudah banyak Dipake
oleh semua kalangan blogger , Untuk memudahkan mereka agar pengunjung like dahulu sebelum
Download biasanya Niche download Diuntungkan dalam hal ini , Cara ini juga sudah banyak
Di share dengan judul  Share to Unlock The Download Button , Setelah Kemarin Saya
Share Artikel berjudul HARDERLY BLOGGER TEMPLATE

Langkah Penerapan 

1. Cari Kode <head>

2. Kemudian Taruh Kode Dibawah Ini Di atas kode <head>
 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
3. Cari Kode  ]]></b:skin>

4. Letakan Kode Dibawah Ini Diatas Kode ]]></b:skin>
 <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>

4. Terakhir Berikut Anda Menaruhnya Di Postingan Bagian 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>

Share

Like

G+

Tweet

Tweet
31 Komentar untuk "Membuat Tombol Download Muncul Setelah Like"

Berkomentarlah Sesuai Isi Artikel Diatas :)

Klik Untuk Komentar
Unknown
Balas
Unknown July 23, 2014 at 12:56 AM
delete

mnarik nih..
ijin coba gan :D

Unknown
Balas
Unknown July 23, 2014 at 12:59 AM
delete

wah begitu ya, makasih atas infonya :D

Fadlan Ramadlan
Balas
Fadlan Ramadlan July 23, 2014 at 1:09 AM
delete

Wah mantap sekali tutorialnya , Thanks

Fururu-Design
Balas
Fururu-Design July 23, 2014 at 1:12 AM
delete

mantep kaka

Unknown
Balas
Unknown July 23, 2014 at 1:31 AM
delete

keren ini gan, izin coba deh :D

SMAUOUTDOOR
Balas
SMAUOUTDOOR July 23, 2014 at 1:34 AM
delete

wah tq gan infonya, ane jajal dlu :D

Anonymous
Balas
Anonymous July 23, 2014 at 1:39 AM
delete

ini like ke fan page fb atau artikel ?

Unknown
Balas
Unknown July 23, 2014 at 2:20 AM
delete

wahhhh wajib di coba nihhhh :D

Sukses terus yaa

Khaerul Bahri
Balas
Khaerul Bahri July 23, 2014 at 2:22 AM
delete

saya coba sob, saya cari tutor ini, di google kaga bisa semua

Unknown
Balas
Unknown July 23, 2014 at 2:23 AM
delete

mantep juga nih :D, langsung ane coba dah lumayan biar dapet liker / g+ / tweet saat orang download, thanks for share

Ardi Wahyu Nugroho
Balas
Ardi Wahyu Nugroho July 23, 2014 at 2:26 AM
delete

Bagus buat SMO bisa meningkatkan pengunjung, cocoknya buat blog download..

Unknown
Balas
Unknown July 23, 2014 at 3:03 AM
delete

wah bagus nih buat blog yang niche download :D

Anonymous
Balas
Anonymous July 23, 2014 at 3:14 AM
delete

bermanfaat sob buat blog berniche khususnya share template :D

mhafizp
Balas
mhafizp July 23, 2014 at 4:00 AM
delete

tutornya bermanfaat gan pingin langsung coba

Unknown
Balas
Unknown July 23, 2014 at 5:33 AM
delete

wah yang ini harus di coba
thx kang
izin coba kang

Unknown
Balas
Unknown July 23, 2014 at 2:19 PM
delete

lumayan juga nih buat di coba..
ijin coba gan.. :D
biar dapet G+ banyak >_<

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 24, 2014 at 12:46 AM
delete

Ok Silahkan Gan

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 24, 2014 at 12:47 AM
delete

Memang Mbak ^_^

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 24, 2014 at 12:48 AM
delete

Memang Sangat Menguntungkan bagi niche download

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 24, 2014 at 1:43 AM
delete

Ok Gan , Sama-Sama

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 24, 2014 at 1:43 AM
delete

Ok Gan , Sama-Sama

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 24, 2014 at 1:43 AM
delete

Ok Gan , Sama-Sama

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 24, 2014 at 1:44 AM
delete

FB Gan, Artikel juga bisa tinggal diatur lagi aja ^_^

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 24, 2014 at 1:44 AM
delete

Memang Diperuntungkan Bagi Niche Itu

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 24, 2014 at 1:46 AM
delete

Silahkan Dicoba Gan ^_^

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 24, 2014 at 1:48 AM
delete

Sama-Sama , Silahkan Dicoba ^_^

Reza Syahputra Rizal
Balas
Reza Syahputra Rizal July 24, 2014 at 1:49 AM
delete

Hehhe , BIsa juga tuh gan ^_^

Adetya Purwadita
Balas
Adetya Purwadita July 24, 2014 at 2:50 AM
delete

boleh nih, tapi ane masih nunggu yg tombol download muncul setelah klik iklan :v

Unknown
Balas
Unknown July 30, 2014 at 11:38 AM
delete

keren gan,nyobain ah (y)

Teuku Taufik
Balas
Teuku Taufik August 28, 2014 at 3:03 AM
delete

Nice post, bookmark dulu nih,.. :)

Admin Kaleh
Balas
Admin Kaleh April 23, 2015 at 11:44 PM
delete

Sory gan, ini setting fans page nya sebelah mana? apa cuma like halaman web aja ya? bukan halaman fans di facebook?

Berkomentarlah Sesuai Isi Artikel Diatas :)

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Contact Me !

  • Semua Niche

    Popular Posts

    • Membuat Navigasi Halaman Dengan Keyboard
    • Template Ramai Blogger !
    • FND Blogger Template
    • Cara Membuat Tombol 3 Dimensi Dengan CSS
    • Fianetcakep Blogger Template Download
    • Cara Membuat Widget Sosial Media Lengkap
    • Cara Membuat Tombol Back To Top Dengan Efek Bounce Ala Kang Ismet
    • Keren! Membuat Spoiler Dengan JavaScript
    • BENCLUNX RESPONSIVE BLOGGER TEMPLATE DOWNLOAD

    Berlangganan

    Dapatkan Informasi Dari Blog Karya-Reza Melalui Email

    Follow blog

    Subscribe To

    Posts
    Atom
    Posts
    Comments
    Atom
    Comments

    About Me

    Reza Syahputra Rizal
    View my complete profile

    © 2025 Karya-Reza Published By Karya-Reza powered by Blogger.com.
    All Right Reserved By Blog Dian Anarchyta.