Isnin, 9 September 2019

Bagaimana Cara Nak Remove Lazy Load


Bagaimana Cara Nak Remove Lazy Load
Sebelum itu, saya nak ucapkan jutaan terima kasih kepada readers Emang kerana telah sumbang kan idea yang mana saya sendiri pun tidak terfikir untuk membuat tutorial nya. Soalan beliau adalah begini "Bagaimana Cara Remove Lazy Load". Jadi, cara memadamnya ialah seperti berikut!

Bagaimana Cara Remove Lazy Load:

Saya tidak cadangkan anda untuk padam semua koding lazyload kerana lazyload ini sangat membantu untuk mempercepat kan serta melancarkan loading iklan seperti iklan dari google AdSense. Malahan itu, blog anda akan menjadi smooth bila di scroll nanti.

Jadi, dalam tutorial dibawah ini. Saya hanya kongsikan kepada anda tentang memadam lazy load di bahagian effect loading gambar yang terlalu lama sahaja.

1.  Pertama, pergi ke Tema ➞ Edit HTML.
Bagaimana Cara Nak Remove Lazy Load

2.  Selepas itu, cari kode ini .lazyload({placeholder: dengan cara CTRL+F.

3.  Jika sudah, padamkan kode tersebut bermula dari .lazyload({placeholder: sehingga lah ke  ,effect:"fadeIn",threshold:"0"})});.
Bagaimana Cara Nak Remove Lazy Load

4.  Save Tema dan lihat hasilnya.

Jika anda ingin memadam semua koding lazyload. Boleh cari kode seperti dibawah ini:
(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://3.bp.blogspot.com/-xtM_7x0_cU4/XIok1BisovI/AAAAAAAAPUc/QGJpBJZ3QBM_Spkd9r3-SMurEUbRI1pOQCLcBGAs/s1600/loadingku.gif",effect:"fadeIn",threshold:"0"})});

Begitulah cara nak menghapus kan lazyload di website kita. Jika anda mempunyai sebarang persoalan, penambahan,hal-hal lain dan sebagainya. Jangan malu dan jangan segan untuk tinggalkan ulasan anda pada ruangan komen dibawah sini.

Sekian dan terima kasih!

Khamis, 5 September 2019

Cara Meletakkan Iklan Gambar Banner Di Blogger


Cara Meletakkan Iklan Gambar Banner Di Blogger
Baru-baru ini, saya telah siap membuat satu banner gambar dan sudahpun terpasang di blog daftarturiol.com sini. Pada masa tu juga, saya teringat! Sambil-sambil memasang iklan banner di blogger ini. Alangkah baiknya kalau saya kongsikan kepada anda tentang cara pemasangannya.

Cara Pasang / Meletakkan Gambar Di Blogger:

1.  Pertama, buat Catatan baruMasukkan gambar dengan cara klik icon tersebut dan upload gambar banner anda.

Cara Meletakkan Iklan Gambar Banner Di Blogger

2.  Selepas itu, pilih X-Besar supaya menjadi ukuran responsive. Jika anda ingin membuat gambar ini boleh diklik dan menuju ke url lain, klik gambar tersebut dan letakkan pautan.

Cara Meletakkan Iklan Gambar Banner Di Blogger

3.  Jika sudah selesai, copy code tersebut dengan cara pergi ke HTML dan salin koding berikut.

Cara Meletakkan Iklan Gambar Banner Di Blogger

4.  Seterusnya, pergi ke reka letak → Tambah alat → Pilih Html/JavaScript.

Cara Meletakkan Iklan Gambar Banner Di Blogger

5.  Paste code berikut dan klik simpan.

Cara Meletakkan Iklan Gambar Banner Di Blogger

Begitulah cara pasang banner iklan gambar di blogger dengan mudah, senang dan simple. Jika anda mempunyai sebarang persoalan dan sebagainya. Jangan malu dan jangan segan untuk tinggalkan ulasan anda pada ruangan komen dibawah sini. Sekian dan terima kasih!

Isnin, 26 Ogos 2019

Begini Cara Ping Blog Di Pingomotic


Begini Cara Ping Blog Di Pingomotic
Halo, assalamualaikum dan salam sedunia semua. Hari ini, admin cuba nak kongsikan kepada anda tentang bagaimana cara yang tepat untuk kita ping blog di website ping-o-motic!.

Seperti yang kita sedia maklum bahawa, melakukan ping adalah tidak pun harus tetapi. Amat berguna untuk blog kita ke Grow UP. Jadi, kepada anda yang mungkin tertanya-tanya, kenapa perlunya ping blog? boleh semak di laman web ini:


Begini Cara Ping Blog Di Pingomotic:

1.  Masuk laman web Ping-O-Motic!
2.  Selepas itu, masukkan:

Begini Cara Ping Blog Di Pingomotic
  • Blog Name: Tajuk Blog Anda
  • Blog Home Page: URL Blog Anda
  • RSS URL (optional): Salin Kode dibawah ini dan tukarkan url www.daftarturiol.com kepada url blog anda.
https://www.daftarturiol.com/feeds/posts/default?alt=rss

3.  Klik Check ALL pada Common Services → Klik Send Pings.

Begini Cara Ping Blog Di Pingomotic

Ping blog akan berjaya seperti dalam gambar rajah diatas ini. Lakukan rutin untuk melakukan ping blog sesudah anda update artikel blog anda nanti. 

Demikian untuk Cara Ping Blog Di Pingomotic. Jika anda mempunyai sebarang persoalan, pertanyaan dan sebagainya. Jangan malu dan jangan segan untuk tinggalkan ulasan anda pada ruangan komen dibawah sini. Sekian dan terima kasih!

Rabu, 21 Ogos 2019

Tutorial Cara Buat Match Content Adsense


Tutorial Cara Buat Match Content Adsense
Bercakap mengenai iklan Matched Content google AdSense. Match content AdSense adalah iklan yang berupa seperti Related Posts. Namun, yang istimewa nya adalah... AdSense matched content ini menggunakan blog post kita sebagai iklan. Jadi, ini merupakan salah satu peluang yang besar lah untuk kita mendapatkan jumlah klik daripada trafik.

Bagaimana Cara Buat Match Content Google AdSense?

Bagi mereka yang sudah mempunyai account AdSense. Tentunya, iklan match content ini tidak tersedia. Kenapa? sebab kemungkinan besar account AdSense anda masih belum layak untuk menggunakan iklan Matched content ini. 

Jangan risau kerana iklan matched content ini akan datang sendiri selepas anda dianggap layak oleh google AdSense. Anda boleh semak di halaman AdsAd Units → Matched Content nanti. 

Tutorial Cara Buat Match Content Adsense

Dari segi pengalaman saya sebagai publisher Google AdSense. Saya dapat iklan Matched Content ini selepas 2 bulan waktu penggunaan Google AdSense. Tiada notifiction email yang diberi, tetapi ia datang sendiri melalui semakan saya ke Ads → Ad Units.

Sekian perkongsian untuk kali ini. Jika anda mempunyai sebarang persoalan, pertanyaan & sebagainya. Jangan malu dan jangan segan untuk komen dibawah sini. Terima kasih!

Ahad, 4 Ogos 2019

Tutorial Buat Tajuk Artikel Dibawah Gambar


Assalamualaikum dan salam sejahtera buat semua pembaca-pembaca yang saya kasihi sekalian. Hari ini, saya nak kongsikan secara ringkas mengenai blogger "bagaimana cara kita menukarkan, mengalihkan atau membuat gambar pertama blog posts kita berada pada paling atas @ tajuk berada dibawah selepas gambar".

Contohnya ialah seperti dalam gambar background diatas ↑ ini.

Cara Buat Gambar Berada Pada Paling Atas:

  • Pada dashboard blogger anda. Masuk ke TemaEdit HTML.
  • Selepas itu, cari code ini <div class='post hentry module'>.
  • Copy kod dibawah ini dan paste diatas kod <div class='post hentry module'>.
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='coverImage'> <b:if cond='data:post.firstImageUrl'> <img class='firstimage' expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/> <b:else/> <img class='firstimage' expr:alt='data:post.title' src='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s70/picture_not_available.png'/> </b:if> </div> </b:if> <div class='kolom-author'> <div class='about-author'> <img expr:src='data:post.authorPhoto.url'/> </div> <div class='pengarang'> <data:post.author/> </div> </div>

  • Seterusnya, salin lagi code dibawah ini dan letakkan di atas code </:skin>.
.post img.firstimage{ width:100%; height:auto; max-width:100%} .post-body .separator:nth-child(1) {display:none} .kolom-author{position:relative;background: #123;height: 40px;} .about-author{overflow: auto;padding: 0 0 10px 5px;margin-top: -30px;float: left;} .about-author img {float: left;width: 60px;height: 60px;border-radius: 100px;border: solid #1233px;} .pengarang {font-size: 12px;margin-left: 10px;padding-top:10px;color:#FF3300;float: left;}

  • Langkah terakhir, salin lagi code dibawah ini dan letakkan diatas code </body>.
<script type='text/javascript'> //<![CDATA[ $(function(){$(".separator:first").remove(),$(".post-body > img:first").remove()}); //]]> </script>

Save theme dan lihat hasilnya. Jika ada bahagian yang belum anda fahami, jangan malu dan jangan segan untuk hubungi kami melalui ruangan comment dibawah sini. Sekian dan terima kasih!

Kaedah Pembayaran (Withdraw) Safelinku Terbaru


Safelinku adalah tidak asing lagi bagi seorang penerbit blog dalam meraih pendapatan mereka melalui lalu lintas link.

(Withdraw) Safelinku

Ramai di antara mereka yang mengatakan bahawa "safelinku membayar terlalu lama" bahkan "safelinku tidak membuat pembayaran" melebihi 2-3 bulan.

Ini penjelasan nya kenapa safelinku anda tidak dibayar:
  • Melakukan tektik curang yang dilarang mengikut ToS oleh safelinku.
  • Anda tidak menghubungi pihak safelinku untuk proses pembayaran yang telah melebihi 2-3 minggu.
  • Perhatikan kaedah pembayaran safelinku terbaru.

Kaedah Pembayaran (Withdraw) SafeLinku Terbaru:

Baru-baru ini, keluar penyata dari safelinku yang mana proses pembayaran akan dilakukan selepas mereka sudah bersedia untuk membayar melalui pengaturan yang disediakan.

Kita boleh semak sama ada safelinku sudah bersedia untuk membayar atau pun tidak dengan cara, pergi ke Withdraw - scroll bawah - anda akan lihat seperti dalam gambar rajah dibawah ini.


Jika bertanda kuning , maka. Proses pembayaran masih dalam ON Hold. Manakala jika bertanda hijau , maka proses pembayaran sudah bersedia.

Sekian daripada perkongsian ringkas mengenai kaedah pembayaran Safelinku terbaru 2019 ini. Jika anda mempunyai sebarang persoalan, pertanyaan dan sebagainya. Sila tinggalkan ulasan anda pada ruangan komen dibawah sini. Terima kasih!

Rabu, 24 Julai 2019

Cara Centre / Responsive Gambar Di Blog


Tutorial bagaimana Cara membuat mengetasi fix gambar posting tidak Centre atau Responsive Gambar Di Blog berada kedudukan tengah kiri kanan support dengan mobile view version.


Hai. Assalamualaikum dan salam sejahtera buat semua pembaca-pembaca yang saya kasihi sekalian. Hari ini, saya cuma mau kongsikan kepada anda secara ringkas pasal bab-bab website khususnya bagi mereka yang menggunakan platform Blogger.

Seperti yang anda lihat di tajuk besar. Bagaimana cara kita untuk set atau menjadikan setiap gambar-gambar post di blogger kita menjadi Centre / Responsive.

Cara Set Gambar Post Menjadi Centre / Responsive di Blog:

Caranya, sila salin koding dibawah ini dan letakkan diatas sebelum code <b/skin>.
.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;}

Jika anda mempunyai sebarang persoalan, pertanyaan, penambahan dan sebagainya. Jangan malu dan jangan segan untuk tinggalkan ulasan anda pada ruangan komen dibawah sini. Terima kasih!