Cara Memasang Lazy Load di Blog

Cara Memasang Lazy Load di Blog - Ada banyak cara untuk mempercepat loading suatu blog, yaitu salah satunya dengan cara memasang plugin Lazy Load. Kali ini Twisted Shape akan berbagi trik yang merupakan salah satu dari optimasi blog dengan plug in jQuery Lazy Load untuk meringankan beban loading saat memulai halaman blog sobat.

Berikut cara penerapannya :

1. Buka Blogger > Template > Edit HTML > Tambahkan kode di bawah ini sebelum </body>

<script type="text/javascript">
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMZ5h8jNhq-NNMe3Qvp0-6-RUuXyJD6XVFP39QuHpmKiY_oIsq2wJ2mU8fpeNvzzFLbbppOj9mBYngbvqbELSOO5CHo7A0rqLKSdJgHSsJkEYaeQEEa7juhS86QS1HF0O7D9eC1igC-A8P/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script> 

Simpan Template dan lihat hasilnya.

Read More

Cara Mendaftar dan Memasang PopAds di Blogger

PopAds adalah sebuah situs ads network popunder berbasis CPM. PopAds hanya tampil di belakang layar browser kita saja, jadi halaman yang kita lihat saat itu tidak akan terganggu dengan kehadiran iklan dari PopAds. Saat ini pengunjung dari USA memiliki harga tertinggi, yaitu $4 per 1000 impresion.

Ketentuan pembayaran di PopAds :

1. Minimum saldo $5
2. Pembayaran dilakukan berdasarkan permintaan
3. Membutuhkan 24 jam supaya saldo terkirim
4. Pembayaran Via Paypal atau Alert Pay

Cara mendaftar di PopAds :

1. Silakan kujungi https://www.popads.net/register.html
2. Kemudian isi formulir yang ada pada PopAds.
3. Setelah mengisi formulir, lalu Klik I have read and accept Terms and Conditions
4. Klik Register untuk menyelesaikan pendaftaran

Setelah selesai mendaftar silakan buka email yang anda daftarkan di PopAds, Anda akan menerima email dari PopAds untuk konfirmasi pendaftaran. Silakan klik link tersebut dan selamat sekarang anda sudah mempunyai akun PopAds untuk menambahkan penghasilan anda.

Menambahkan Blog/Website di PopAds

1. Silakan masuk pada akun PopAds Anda https://www.popads.net/
2. Dibagian Publisher's Panel pilih New Website
3. Kemudian isi data - data blog/website And
4. Pada Allow Campaigns with..., silakan pilih iklan apa saja yang nantinya akan muncul. Sedangkan Allow advertisements showing as.., pilih apa saja nantinya iklan akan dimunculkan.
5. klik Add Website

Silakan tunggu dalam waktu 24 jam sampai blog/website Anda disetujui, pemberitahuan melalui email.

Menambahkan Kode PopAds ke Blog

1. Silakan pilih Code Generator pada bagian Publisher's Panel
2. Pilih blog/website yang akan Anda tampilkan iklan dari PopAds
3. Lalu klik Generate Code, maka akan muncul kode dibawahnya
4. Kemudian salin dan simpan kode tersebut diatas kode </head> pada template Anda

Demikianlah tips yang saya berikan mengenai Cara mendapatkan uang dari blog dengan PopAds. Semoga dengan program CPM dari PopAds ini bisa menambahkan penghasilan dari kegiatan ngeblog.

Tag : Internet

Read More

Cara Daftar dan Dapatkan Uang dari PopCash

PopCash adalah salah satu program CPM mirip seperti PopAds. CPM (Cost Per Milion) adalah salah satu program dimana anda akan dibayar per seribu tampilan, jadi program CPM ini sangat cocok untuk blog dengan traffic banyak.


Dengan bergabung di PopCash Anda akan lebih cepat mendapatkan uang dari pada berain program PPC karena sistem PopCash adalah CPM, jadi sangat cocok bagi Anda yang mempunyai blog dengan traffic padat dan ingin cepat juga dapat uang.



Cara Mendaftar PopCash

Ok, untuk pertama langsung aja menuju PopCash untuk mendaftar, berikut langkah - langkahnya :

1. Silakan kunjungi PopCash.Net 
2. Selanjutnya isi data - data pendaftaran pada PopCash. 
3. Lalu ceklis I have read and agree with the terms and conditions
4. Selanjutnya klik tombol Submit.
5. Setelah Anda mengirim formulir pendaftaran akan muncul pemberitahuan bahwa         anda cek mebuka email 
6. Selanjutnya cek email Anda, karena Anda akan menerima email konfirmasi. Jika         sudah menerimanya Anda buka link pada email tersebut untuk konfirmasi. Maka akan muncul pemberitahuan bahwa anda telah mengkonfirmasi email Anda.
7. Sekarang anda sudah mempunyai akun PopCash.

Memasang Kode Pop Cash ke Blog

Setelah Anda mempunyai akun PopCash sekarang tinggal memasang kode PopCash di blog Anda untuk menghasilkan uang.

• Sebelum menambahkan kode ke blog, Anda harus menambahkan website dulu.

Caranya :

1. Login dulu ke dashboard PopCash Anda, Klik PopCash.net
2. Lalu klik menu Publisher > Website > klik Add New Website
3. Anda tambahkan website Anda dan pilih kategorinya, jika sudah klik Add Website

• Setelah menambahkan website Anda tunggu hingga website/blog disetujui biasanya proses ini butuh waktu sampai 1 x 24 jam.
• Jika sudah disetujui Anda tinggal memasang kode PopCash pada website/blog Anda

Caranya :

1. Login dulu ke Dasboard PopCash Anda, klik Popcash.net
2. Pilih menu Publisher > Websites
3. Pilih website/blog yang akan dipasang PopCash, lalu klik icon kode "Get Code" untuk mendapatkan kodenya.
4. Selanjutnya tinggal Anda simpan kode tersebut diatas kode </head>
5. selesai

• Sampai disini sudah selesai, tinggal Anda meningkatkan jumlah visitor blog Anda supaya penghasilan dari PopCash makin besar..

Sekian, itulah cara daftar di PopCash dan dapatkan uang lewat PopCash. Minimal pembayaran dari PopCash adalah saat saldo Anda sudah mencapai 10$. Selamat mencoba dan tingkatkan jumlah visitor Anda..

Read More

Memasang Persentase Pada Scrollbar

Postingan ini mengenai cara memasang fungsi persentase pada scrollbar blog.

Mungkin anda pernah melihat fungsi persentase di blog lain.

Sebenarnya persentase scrollbar ini bukan fitur yang penting bagi sebuah blog.

Namun tidak ada salahnya dicoba untuk mempercantik tampilan blog anda, tapi itu pun tergantung selera masing-masing individu.

Dengan menambahkan persentase ini bukan hanya sebagai hiasan blog semata tetapi pengunjung akan bisa melihat beberapa persen halaman yang telah Ia scroll.

Cara penerapannya pun cukup mudah, silahkan ikuti langkah-langkah sederhana berikut ini :

Pertama, simpan kode di bawah tepat di atas tag ]]></b:skin> atau </style>

#scroll {
  display:none;
  position:fixed;
  top:0;
  right:15px;
  z-index:500;
  padding:3px 8px;
  background-color:#369fcf;
  color:#fff;
  border-radius:3px;
  font-size:14px;  
}
#scroll:after {
  content: " ";
  position: absolute;
  top:50%;
  right:-10px;
  height:0;
  width:0;
  margin-top:-6px;
  border:6px solid transparent;
  border-left-color:#369fcf;
}

Selanjutnya, simpan kode pemanggilannya di bawah tag </head>

<div id='scroll'></div>

Simpan kode di bawah ini tepat di atas </body>

<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(600);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut(600);
    }, 1000);
});
//]]>
</script>

Kemudian simpan Template dan lihat hasilnnya.

Read More