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!

Jumaat, 21 Jun 2019

Cara Menambah View Blog Kita Dengan Berkesan


View adalah merupakan salah satu matlamat utama bagi seorang Blogging. Tanpa visitor ini, content kita tidak akan bermakna kerana maklumat yang ingin kita sampaikan kepada mereka (traffik) tidak tersampai.

Cara Menambah View Blog Kita Dengan Berkesan

Pelbagai cara untuk menambahkan view di blog kita secara sahi (bukan robot tetapi orang yang betul-betul membaca). Namun, kita sahaja yang tidak menggunakan strategik ini dengan betul. Oleh itu, saya akan cuba kongsikan strategik "cara menambahkan view blog" disini berdasarkan pengalaman dan penggunaan saya sebagai seorang blogging.

Cara Menambahkan View Blog Dengan Betul:

Submit Ke Webmaster:

Selepas sahaja anda publish article di blog anda. Sila salin url artikel tersebut dan paste ke webmaster yang berkaitan seperti Google webmaster, Bing webmaster, Yandex webmaster dan sebagainya agar artikel kita dapat dilihat di carian Google, bing dan selebihnya.

Untuk cara submit url blog kita ke google webmaster, anda boleh semak dihalaman ini https://wahyublahe.id/submit-url/.


Kongsikan Ke Media Sosial:

Mungkin selama ini anda hanya gunakan media sosial sebagai tempat berborak, melihat isu semasa, membaca berita terkini dan sebagainya. Tapi kenapa tidak gunakan media sosial seperti Fb, Twitter atau whatsapp sebagai tempat untuk kita mendapatkan view?


Media sosial lah yang paling berkesan untuk mendapatkan view di blog kita secara rutin kerana lebih dikenali oleh sahabat-sahabat anda di media sosial.


Backlink URL ke Laman sesawang:

Buat lah backlink di blog orang lain ataupun yang paling berkesan adalah membuat backlink di channel youtube orang lain. Caranya ialah, komen di blog atau channel orang lain dengan cara meletakkan url blog anda. Contohnya seperti dalam gambar rajah dibawah ini:


Melalui cara ini, visitor dari channel atau blog orang lain tersebut akan melihat blog kita secara sengaja dengan alasan membaca maklumat dengan lebih lagi. Disamping itu juga, menurut pakar SEO pembuatan backlink dapat meningkat kan SEO blog kerana google lebih memilih content yang disiar luas.


Melakukan Ping Blog:

Melakukan Ping blog adalah cara lama dan sampai sekarang, ia masih berfungsi dengan baik. Fahaman Ping blog bermaksud share artikel ke seribu blog yang berkaitan dengan bantuan robot hanya 1 klik sahaja.

Walaupun ping blog ini tidak dibaca oleh visitor, tetapi ia dapat disiarkan ke blog-blog yang berkaitan dan ini akan meningkat kan SEO blog sama seperti yang telah saya jelaskan di perenggan sebelumnya.

Sebagai penambahan, mungkin anda tertanya-tanya untuk apa perlunya SEO di blog kita? persoalan tersebut telah pun dijelaskan di halaman ini https://semseomanagement.com/apa-itu-seo/.

Semoga perkongsian ini dapat membantu anda disana dan jika anda mempunyai sebarang persoalan, pertanyaan dan sebagainya. Sila tinggalkan ulasan anda pada ruangan komen dibawah ini. Sekian dan terima kasih!

Selasa, 18 Jun 2019

Download New Simplify 2 (2019) Premium Template


Free download New Simplify 2 premium template terbaru 2019 xml blogger file secara percuma gratis didapatkan full version siri terbaru 2019 dibeli dari laman web IdnTheme.

Download New Simplify 2

Baru-baru ini, relese sebuah template New Simplify 2 siri terbaru 2019 daripada IdnTheme. Admin tidak sangka bahawa template ini sesuai dengan blog Daftar Turiol ini. So, dipendek kan cerita, admin terus beli template ini dari laman web rasmi IdnTheme dan terus pasangkan ke blog ini. 

Antara kekurangan yang boleh admin simpulkan untuk template New Simplify 2 ini ialah loading gambar agak lambat. Namun, isu ini tak lah seteruk sangat. Kita boleh perbaiki dengan cara menghapus kan bahagian Lazi load di bahagian </head>.

Manakala untuk kelebihan nya pula adalah, Cantik, menarik, sedap mata memandang, mudah dan sesuai untuk blog niche "macam-macam topik". Jika anda berminat dengan theme ini, anda boleh membeli di laman web rasmi IdnTheme sebanyak 8 USD. Atau jika tidak mampu, boleh klik di halaman Mirror kita.


Sekian daripada perkongsian untuk "Download New Simplify 2 (2019) Premium Template". Jika anda mempunyai sebarang persoalan, pertanyaan dan sebagainya. Sila tinggalkan ulasan anda pada ruangan komen dibawah sini. Sekian dan terima kasih!

Ahad, 26 Mei 2019

Cara Meringankan Kode CSS HTML Javascript


Meringankan kode CSS, HTML ataupun Javascript ini sangat dicadangkan bagi mereka yang ingin mempercepat kan loading blog. Tools ini dikenali sebagai HTML Compressor dan kita boleh gunakan perkhidmatan ini secara percuma media offline ataupun online.

Cara Meringankan Kode CSS HTML Javascript

Terdapat pelbagai jenis pilihan laman web yang menyediakan Html Compressor ini di Internet. Namun, disini admin cadangkan anda untuk gunakan laman web htmlcompressor.com kerana lebih mudah, jelas, percuma dan semestinya terbaik untuk kita kecilkan koding.

Cara Meringankan Kode Html, Css, Javascript:

Masuk ke laman web htmlcompressor.com ➝ Copy code CSS, Html ataupun Javascipt yang anda ingin ringankan -➝  paste code tersebut ➝ klik button Compress.

Cara Meringankan Kode CSS HTML Javascript

Jika anda mendapat notic seperti dalam gambar rajah dibawah ini, klik saja Igone.

Cara Meringankan Kode CSS HTML Javascript

Selesai, sekarang kode Html, Css ataupun Javascript anda telahpun diperkecilkan. Begitulah cara meringankan koding Html guna HtmlCompressor. Jika anda mempunyai sebarang persoalan, pertanyaan dan sebagainya. Sila tinggalkan ulasan anda pada ruangan komen dibawah sini. Sekian dan terima kasih.

Cara Menambah, Hapus, Tukar Pemilik Blog di Blogger


Daftar turiol rujukan mengenai bagaimana cara nak menghapuskan atau menukarkan pemilik admin blog kita kepada akaun google lain, langkah-langkah mendaftar atau menambahkan ahli member jadi penulis blog di blog kita.

Cara Menambah, Hapus, Tukar Pemilik Blog di Blogger

Berbeza dengan Wordpress, menghapuskan, menambahkan atau menukarkan ahli member dalam blog kita di blogger adalah dilakukan secara manual. Caranya sangat mudah, tetapi bagi mereka yang baru first time buat. Tidak menjadi masalah kerana langkah-langkahnya sangat mudah sekali, ikuti tutorial bertulis dan bergambar dibawah ini untuk lebih terperinci.

Cara Menambahkan Ahli Member di Blog Blogger:

Pergi ke Tetapan ➝ Asas ➝ Kebenaran ➝ Pengarang Blog ➝ masukkan alamat email yang anda ingin tambahkan ke blog anda dan klik Jemput pengarang.

Cara Menambah Pemilik Blog di Blogger

Selepas itu, Buka akaun email yang telah anda kirimkan tadi dan klik button Terima jemputan (Accpet invitation).

Cara Menambah Pemilik Blog di Blogger

Cara Menukarkan Pemilik Blog:

Pergi ke Tetapan  Asas  Kebenaran  Pengarang Blog. Selepas itu, pilihlah email yang anda ingin jadikan pemilik dengan cara ubah kepada pentadbir.

Cara Tukar Pemilik Blog di Blogger

Cara Menghapuskan Pemilik Blog:

Sebelum anda menghapuskan pemilik blog (atau email yang boleh mengakses penuh) di blog anda, sila pastikan anda sudah mempunyai 2 pentadbir.

Untuk cara pemadaman nya. Pertama, login selain akaun pentadbir (bukan akaun yang ingin dihapuskan) dan masuk ke blogger.

Pergi ke Tetapan  Asas  Kebenaran  Pengarang Blog  klik X pada email yang ingin dihapuskan daripada pemilik blog.

Cara Menambah, Hapus, Tukar Pemilik Blog di Blogger

Demikianlah cara menghapuskan, menambahkan atau menukarkan pemilik blog untuk platform yang menggunakan Blogger. Jika anda mempunyai sebarang persoalan, pertanyaan dan sebagainya. Jangan segan untuk tinggalkan ulasan anda pada ruangan komen dibawah sini. Sekian dan terima kasih.

Sabtu, 23 Februari 2019

Perbezaan Akaun Hosted Dengan Non-Hosted


Review mengenai perbezaan antara akaun blog hosted dengan akaun blog non-hosted, maksud akun hosted dengan akun non-hosted secara ringkas yang melibatkan kesan jangka masa panjang untuk Account Website.

Beza akaun hosted dengan non-hosted

Mungkin anda sedang tercari-cari jawapan ini iaitu apakah perbezaan antara akaun hosted dengan non-hosted. Sebagai seorang yang memiliki laman web, perkara ini mesti kita ketahui kerana ini melibatkan kesan jangka masa panjang laman web kita.

Oleh itu, elok lah admin kongsikan kepada anda di sini secara ringkas mengenai apakah perbezaan antara akaun hosted dengan non-hosted di sini DaftarTuriol.com .

Perbezaan Antara Akaun Hosted Dengan Non Hosted:
Akaun Hosted Akaun Non Hosted
Akaun yang masih dalam penjagaan atau kawalan dari pihak atasan. Akaun bebas daripada sebarang kawalan dari pihak atasan.
Tidak dapat mengakses beberapa aktiviti / tools. Boleh mengakses apa juga aktiviti / tools pemasangan
Contoh: blogname.blogspot.com ,blogname.wordpress.com ,blogname.wix.com Contoh: blogname.com ,blogname.net ,blogname.gov
Dianggap masih dalam pembelajaran lebih profesional, dihormati dan dilihat seperti lebih serius
Antara perbezaan yang paling ketara antara akaun hosted dengan non-hosted adalah tidak diterima dari segi syarat dan peraturan untuk pendaftaran sebuah pengiklanan. Contohnya iklan Propellerads. Pengiklanan ini hanya menerima alamat url blog yang memiliki domain sahaja (akaun non-hosted). Contohnya seperti domain daftarturiol.com. Untuk akaun hosted seperti daftarturiol.blogspot.com / daftarturiol.wordpress.com adalah tidak diterima langsung kerana tidak melepasi syarat dan peraturan yang diminta oleh pengiklanan tersebut.
Jika anda mempunyai sebarang penambahan, persoalan, pertanyaan dan hal-hal lain. Sila tanggal kan ulasan anda pada ruangan komen yang telah Admin sediakan dibawah sini. Sekian dan terima kasih.

Jumaat, 22 Februari 2019

Domain Tk Diterima Oleh Google Adsense?


Domain Tk adalah domain percuma yang telah disajikan oleh Freenom. Kita boleh gunakan secara percuma domain ini dalam jangka masa yang singkat iaitu hanya 3 bulan sahaja. Lebih dari itu, berbayar lah. Namun, bagaimana pula masa depan blog anda dengan Google AdSense setelah menggunakan Domain Tk ini?

Domain Tk Diterima Oleh Google Adsense?


Ramai dalam forum mengatakan bahawa domain tk ini tidak diterima oleh Google AdSense dan anda juga komen positif bahawa blog tk diterima oleh google AdSense. Kenapa macam tu ya?

Domain Tk Diterima Oleh Google AdSense?

Bagi Admin sendiri, blog domain tk pun diterima juga bha oleh google AdSense. Kenapa sebab ada tak kamu nampak syarat dan peraturan oleh Google Adsense mengenai penggunaan domain? tida kan. Haaaa, jadi secara kesimpulannya Domain Tk pun diterima oleh google AdSense. Ada satu blog torrent menggunakan domain Tk yang terpasang oleg iklan google AdSense admin nampak secara sekilas pandang baru-baru ini. Tetapi sayangnya admin tidak ingat alamat blog tersebut.

Admin sudah review dan pernah menggunakan domain percuma ini, jadi secara kesimpulannya. Admin tahu apa kekurangan menggunakan domain percuma dari Freenom ini. Antara kekurangan menggunakan domain percuma dari freenom ini ialah:
  • Google Webmaster (Sangat Lama / tidak menerima) submit sitemap untuk blog domain tk.
  • Artikel anda tidak akan muncul di halaman pencarian google search walaupun tajuk artikal anda adalah yang pertama diterbitkan.

Rasanya itu sahaja kelemahan menggunakan domain percuma dari Freenom ini. Untuk mendapatkan domain Trusted, anda boleh membeli dari laman web GoDADDY serendah RM4.00 sahaja mengikut promosi yang disediakan. Jadi, secara kesimpulannya, kita boleh mendaftar Google AdSense menggunakan domain percuma dari freenom. Sekian dan terima kasih.

Jumaat, 25 Januari 2019

Cara Pasang Kod head Blogger


Daftar Turiol blogging HTML - tutorial bagaimana cara nak pasang kod head di blog, belajar menambahkan kode sebelum head atau meletakkan code css html javascript selepas code di blogger.


Bagaimana Cara Paste, Pasang, letak, alihkan kode sebelum Code </head>. Mudah sahaja, ramai yang menggunkaan perkataan ini khususnya di negara jiran Malaysia meletakkan code diatas sebelum kod </head>. Untuk itu, bagi mereka yang beru belajar dengan Blogger ini, memang sangat susah sama seperti Admin dulu. Oleh itu, ikuti langkah mudah dibawah ini untuk cara pasang kode sebelum </head>.

Cara Pasang Kod head Blogger:

Pergi ke Blogger.com ➞ Login akaun anda.


Pergi ke Theme ➞ Edit HTML ➞ klik [CTRL+F]  cari code ini </head>. Paste code anda diatas sebelum code head, maka hasilnya nanti akan menjadi seperti dalam gambar dibawah ini.


Mudah kan? haaa, begitulah cara paste atas code sebelum head. Jika anda mempunyi sebarang penambahan dan sebagainya. Jangan malu tanggalkan ulasan anda pada ruangan dibawah sini. Sekian

Tutorial Menyisipkan CSS ke dalam Kod HTML


Bagaimana cara Menyisipkan CSS ke dalam Kod HTML, tutorial menambahkan kode CSS di html untuk blogger ataupun wordpress dnegan mudah terbaru. Belajar cara guna dan memasang code CSS.

Ke Dalam HTML

Mungkin anda tertanya-tanya macam mana cara sisipkan kode CSS ini ke HTML tanpa melalui kode b:skin. Maksudnya di sini ialah meletakkan kod CSS dengan kod HTML ditempat yang sama tanpa harus membuat CSS ke bahagian kod b:skin. Bagi mereka yang menggunakan server Blogger, Pasti tahu akan benda yang admin maksudkan di sini, bagi pengguna Wordpress, admin kurang berpengetahuan mengenai perkara yang sedemikian.

Lihat tutorial dibawah ini untuk cara tambah atau selit kan kod CSS ini ke HTML dalam satu tempat yang sama.

Salin dan letak kan kod ini di dalam kod HTML:
<div id="berita" style="###Kod Unit DISINI###; ###Kod Unit DISINI###;">
</div> 

Tambahkan unit CSS anda dalam ruangan yang di tanda merah. Hasilnya nanti akan jadi macam kod dibawah ini:
<div id="berita" style="border:1px solid #000; padding:5p;">

Ini contoh dibawah yang telah admin selit kan kod CSS ke dalam HTML.

Sebelum:
<b:widget id='HTML6' locked='false' title='' type='HTML'>

Selepas:
<b:widget id='HTML6' style="padding:25px;" locked='false' title='' type='HTML'>

Begitulah cara tambah atau sisipkan code CSS ini ke dalam kod HTML ditempat yang sama tanpa berurusan dengan b:skin. Jika anda mempunyai sebarang penambahan, persoalan dan sebagainya. Jangan malu jangan segan untuk tanggal kan ulasan anda pada ruangan komen yang telah admin sediakan dibawah sini. Sekian

Rabu, 23 Januari 2019

Tutorial Cara Buat Blockquote Arlina Design Terbaru 2019


Hai, salam sejahtera semua buat pembaca-pembaca ku sekalian. Hari ini, saya sangat berbesar hati untuk kongsikan kepada anda mengenai "Bagaimana Cara Buat Blockquote" seperti dari blog nota catatan Arlina Design terbaru 2019. Jika anda perasan, blockquote yang digunakan oleh Arlina Desing adalah seperti dalam gambar dibawah ini.


Jika anda tertarik dengan widgets ini, sila kan mencuba dengan cara mengikuti langkah-langkah dibawah sini.

Memasang Blockquote (Nota Catatan) ala Arlina Design Terbaru:

1. Masuk Blogger.com dan Login

2. Pergi ke menu Tema  klik Edit HTML.

3. Salin kode dibawah ini dan letak kan di atas sebelum </b:skin>.

/* CSS Blockquote by Daftar Turiol */
.post-body blockquote{position:relative;width:100%;padding:1.2em 1.5em;margin:0 auto;color:#fff;background:#2ecc71;overflow:hidden}
.post-body blockquote.orange{background:#f39c12}
.post-body blockquote.crusta{background:#F2784B}
.post-body blockquote.river{background:#3498db}
.post-body blockquote:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #27ae60 #27ae60;background:#27ae60;box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);display:block;width:0}
.post-body blockquote.orange:before{border-color:#fff #fff #e67e22 #e67e22;background:#e67e22}
.post-body blockquote.crusta:before{border-color:#fff #fff #de6e45 #de6e45;background:#de6e45}
.post-body blockquote.river:before{border-color:#fff #fff #2980b9 #2980b9;background:#2980b9}

4. Save tema, untuk cara guna pula, anda hanya perlu gunakan Quote yang terdapat pada tools blogger.


Rasanya, setakat di sini sahaja yang boleh saya kongsikan kepada anda mengenai artikel untuk kali ini. Jika anda mempunyai sebarang penambahan, pertanyaan dan sebagainya. Jangan malu jangan segan untuk tanggal kan ulasan anda pada ruangan komen dibawah sini. Terima kasih

Isnin, 7 Januari 2019

Cara Pasang Nameserver Ezoic CDN untuk Godaddy


Ezoic adalah merupakan pihak ketiga Google AdSense yang mana membantu untuk memperbaiki pengiklanan google AdSense kita. Selain itu, dengan adanya kemudahan ini, penghasilan dari pengiklanan google AdSense kita akan meningkat sehingga 250%, itu yang saya terbaca dari sebuah blog lah.

GODION

Bagi mereka yang baru mula menggunakan ezoic ini, mungkin anda stop di bahagian ini Integrate Your Site. Terdapat 2 jenis cara untuk pasang kod ezoic ini agar bekerja di laman web anda, antaranya ialah melalui sambungan CDN Ezoic dan juga melalui code script

Kedua-dua jenis pemasangan ini ada kelebihan tersendiri, bagi mereka yang menggunakan domain percuma (blogspot), mereka hanya berpeluang untuk menggunakan code script sahaja, manakala untuk domain berbayar pula akan berpeluang menggunakan cara Connect Via Ezoic's CDN lah.

Perbezaan antara code Script dengan Ezoic's CDN
Connect Melalui Ezoic's CDN Melalui Code Script
Laman web Berjalan Dengan Lancar Mudah untuk dipasanag
Free CDN provided Tiada perubahan Domain
Berpeluang Mendapat more money Loading blog menjadi lambat
Mengambil masa kurang dari seminit Boleh berlaku masalah Javascript
Sesuai untuk semua CDNs, CMS dan Hosting yang Terlibat Tiada kemudahan seperti premium sites

Jika anda seorang yang memiliki blog domain berbayar menggunakan hosting Godaddy, di sinilah rujukan yang paling tepat untuk anda kerana tutorial ini saya guna menggunakan hosting Godaddy. Lihat tutorial bertulis dibawah sini untuk Cara Pasang Nameserver Ezoic CDN untuk Godaddy.

Pertama, pergi ke Dashboard Ezoic → Integrate Your Site → klik View Instructions untuk bahagian connect via Ezoic's CDN.


Buka halaman baru dan masuk ke akaun Godaddy anda. Seterusnya pergi ke My Products  klik butang DNS pada url blog yang anda gunakan untuk Ezoic.


Scroll bawah dan anda akan jumpa bahagian Nameservers. Klik butang change dan pilih custom.


Berbalik kepada halaman Connect via Ezoic's CDN. Salin kode yang di bagi dan paste ke dalam Nameservers Godaddy.


Akhir sekali, save dan tunggu sehingga 24jam atau kurang. Pihak Godaddy akan menghantar email kepada anda jika proses sudah selesai nanti. Begitulah cara pasang Nameserver Ezoic's CDN ke hosting Godaddy atau mana-mana hosting. Ia sama sahaja cuma penggunaan hosting sahaja yang berbeza. Rasanya, setakat di sini sahaja yang boleh saya kongsikan kepada anda mengenai tajuk artikel kita pada kali ini. Jika anda mempunyai sebarang penambahan, persoalan dan sebagainya. Sila tanggal kan ulasan anda pada ruangan komen yang telah saya sediakan dibawah sini. Sekian dan terima kasih.

Jumaat, 28 Disember 2018

Tutorial Cara Ganti Ulasan Blogger Versi Terbaru


Hai, assalamualaikum dan salam sejahtera buat semua pembaca-pembaca yang admin kasihi sekalian. Hari ini admin sangat berbesar hati untuk kongsikan kepada anda mengenai tajuk artikel kita pada kali ini iaitu bagaimana cara menukarkan tampilan blogger ulasan kepada versi yang baru 2018 dalam kategori tips internet Html.

https://www.godiondzgn.com/2019/05/cara-tukar-tema-komen-blogger-terbaru.html

Jika anda perasaan, cuba anda semak tema Blogger sekarang yang sedia ada seperti tema cotempo templates. Anda akan lihat seperti dalam gambar rajah di atas ini. Oleh itu, di sini admin akan kongsikan kepada anda yang ingin membuat perubahan besar terhadap Style yang baru ini kerana kebanyakan custom templates yang sekarang ini purata 80% menggunakan tampilan ulasan yang masih classic atau dalam bahasa kasarnya adalah masih tema yang lama.

Namun kebanyakan ada diantara mereka yang tukar template ulasan yang lama ini sehingga mereka tukarkan kepada plugin Disqus iaitu sebuah plugin terbaik untuk berkomentar tapi agak berat sedikit lah. Saya pun tak Pasti sama ada anda berminat lagi menggunakan blogger comment ini atau pun tidak kerana widgets ini percuma, lebih ringan daripada yang sebelumnya, seo friendly dan juga mudah untuk digunakan serta sedap mata memandang. Bagi yang berminat sekarang ini, anda boleh ikuti tutorial bertulis dibawah sini.
Jika anda pengguna templates Arlina Design atau IdnTemplates, anda tidak mempunyai masalah untuk menggunakan widgets ini
Pertama, sila salin kod dibawah ini dan letak kan di bawah kode selepas <b:skin>.
<!-- Variable definitions -->
<Group description="Komentar Baru Blogger (Contempo, Soho, Emporio, Notable)">
 <Variable name="body.background" description="Body Background" type="background" color="#dddfe2" default="#dddfe2 none repeat scroll top left" value="#dddfe2 none repeat scroll top left"/>
 <Variable name="body.font" description="Font" type="font" default="normal 400 14px Roboto, Arial, sans-serif" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="body.text.color" description="Text Color" type="color" default="#1d2129" value="#1d2129"/>
 <Variable name="body.text.font" description="1"
  type="font"
  default="$(body.font)" value="normal 400 14px Roboto,Arial,sans-serif"/>
 <Variable name="posts.background.color" description="2"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="body.link.color" description="3"
  type="color"
  default="#008c5f" value="#008c5f"/>
 <Variable name="body.link.visited.color" description="4"
  type="color"
  default="#008c5f" value="#008c5f"/>
 <Variable name="body.link.hover.color" description="5"
  type="color"
  default="#1d2129" value="#1d2129"/>
 <Variable name="blog.title.font" description="6"
  type="font"
  default="$(body.text.font)" value="normal 400 14px Roboto, Arial, sans-serif"/>
 <Variable name="blog.title.color" description="7"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="header.icons.color" description="8"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.font" description="9"
  type="font"
  default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="tabs.color" description="10"
  type="color"
  default="#ccc" value="#cccccc"/>
 <Variable name="tabs.selected.color" description="11"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.overflow.background.color" description="12"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.overflow.color" description="13"
  type="color"
  default="$(body.text.color)" value="#1d2129"/>
 <Variable name="tabs.overflow.selected.color" description="14"
  type="color"
  default="$(body.text.color)" value="#1d2129"/>
 <Variable name="posts.title.color" description="15"
  type="color"
  default="$(body.text.color)" value="#1d2129"/>
 <Variable name="posts.title.font" description="16"
  type="font"
  default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="posts.text.font" description="17"
  type="font"
  default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="posts.text.color" description="18"
  type="color"
  default="$(body.text.color)" value="#1d2129"/>
 <Variable name="posts.icons.color" description="19"
  type="color"
  default="$(body.text.color)" value="#6c6f74"/>
 <Variable name="labels.background.color" description="20"
  type="color"
  default="#008c5f" value="#008c5f"/>
</Group>

Selepas itu, sila cari kod ini data:post.commentFormIframeSrc dan tukarkan semuanya kepada kod dibawah ini.
data:post.commentFormIframeSrc appendParams {skin: "contempo"}

Jika anda mempunyai sebarang ralat yang berlaku, jangan malu jangan segan untuk tanggal kan ulasan anda dibawah sini kerana tidak semua template yang support dengan widgets ini. Untuk templates daripada Arlina Design & IdnTemplate memang tidak mempunyai masalah langsung dengan pemasangan widgets ulasang blogger versi terbaru ini.

Rasanya setakat di sini sahaja yang boleh saya kongsikan kepada anda mengenai Tutorial Cara Ganti Ulasan Blogger Versi Terbaru. Sekian dan terima kasih.

Ahad, 13 Mei 2018

Cara Mendaftar Dan Pasang Akaun Google Webmaster Di Blog


Adakah anda sedang tercari-cari bagaimana nak membuat website kita terpapar di mesin pencarian google? nhaa, langkah pertama yang anda perlu buat supaya website anda terpapar di google pencarian adalah mendaftar terlebih dahulu akaun website anda di google webmaster.


Apa itu google webmaster?

Secara ringkas la, google webmaster adalah pusat untuk kita memperkenal kan blog kita ke mesin pencarian google. Ia boleh dikaitkan seperti kita pergi interview, tanpa sesi suai kenal ini syarikat tidak akan mengenali kita.nOleh itu, disini admin akan kongsikan kepada anda tentang bagaimana cara mendaftar akaun google webmaster ini.

Untuk langkah pertama, sila masuk ke pautan ini https://www.google.com/webmasters

Selepas itu, klik sign in → daftarkan google akaun website anda → siap.

Seterusnya, klik Add A Property dan masukkan alamat website anda. Contohnya https://daftarturiol.blogspot.com.



Selepas itu, pergi ke tab alternate methods → pilih HTML tag → copy meta tag yang diberi.


Pergi ke blogger → Theme → klik halaman koding dan hold Ctrl+F → cari code <head> → paste code dibawah <head> → Klik Save Theme.


Seterusnya, masuk ke google webmaster dan klik Verify. Jika anda mendapat pemberitahuan seperti ini " Congratulations, you have successfully verified your ownership of https://CONTOHBLOG.com/" maka blog anda telah pun berjaya didaftarkan ke google webmaster.

Rasanya setakat disini sahaja yang boleh admin kongsikan kepada anda mengenai Cara Mendaftar Dan Pasang Akaun Google Webmaster Di Blog. Jika anda mempunyai sebarang persoalan atau anyware, boleh ajukan pesanan anda dalam ruangan komen yang telah disediakan.

Ahad, 29 April 2018

Tutorial Cara daftar akaun blogger



Blogger adalah merupakan tempat untuk membuat laman web yang sangat mudah, ringkas dan padat serta menawarkan perkhidmatan percuma. Purata pengguna tertinggi antara laman web yang menyediakan perkhidmatan untuk membuat laman web ini adalah blogger. Daftar Turiol ini juga adalah hasil rekaan admin @A.Godion dari blogger. Terdapat banyak lagi blog admin selain daripada blog ini. Antaranya ialah:
  • Gdon video
  • stadlearnt
  • Gdon share
  • Mobfulls
  • PhonesEdu
Semua ini hasil daripada kerja keras admin untuk buat laman web berpandukan blogger ini.
Banyak lagi sebenarnya tetapi tidak tersusun😁😁. 

Terdapat banyak lagi laman web admin selain daripada blooger ini namun ia tidak memusakan untuk masa hadapan. Admin pilih blogger ini kerana ia sangat sesuai bagi yang Low budget serta mampu dijamin untuk pada masa akan datang. Jadi jika anda yang baru sahaja memasuki dunia laman web ini, rujuklah admin selaku berpelangaman dalam membuat blog menggunakkan blogger ini melalui Contact us.

Untuk artikal pada kali ini, ringkas sahaja iaitu bagaimana cara daftar akaun blogger. Ini adalah merupakan langkah pertama membuat blogger sebelum kita melangkah jauh. 😎😎.

Pertama, masuk google.com taip blogger pada google search keyword.

Masuk blogger dan klik create your blog untuk membuat blog baru.

Selepas itu, masukkan alamat emailpassword anda dan klik next.

Sesudah sign in akaun anda, anda akan dibawa ke halaman seperti dalam gambar rajah dibawah. Disini, terdapat 2 pilihan sama ada menggunakkan profile blogger dari google plush ataupun blogger profile. Saya recommend anda untuk gunakan google + profile kerana memudahkan anda untuk share posting anda setelah diterbitkan nanti.
Gambar 1
Gambar 2

Selepas itu, anda akan dibawa ke halaman google plush. Disini anda tidak perlu buat apa-apa. Hanya klik continue pada halaman google plush dan close. Sila masuk semula blogger → Klik Sign In pada tombol diatas seperti dalam gambar rajah dibawah ini → Klik continue to Blogger.
Gambar 1
Gambar 2

Selepas itu, klik Create New Blog → reka tajuk blog anda → alamat laman web seperti daftarturiol.blogspot.com → pilih jenis theme yang anda suka → Done.

Begitula cara untuk daftar / buat blog baru menggunakkan akaun google. Rasanya setakat disini sahaja yang boleh admin kongsikan kepada anda. Jika anda perlukan bantuan tentang belajar cara buat blogger ini. Boleh contact us atau ajukan pesanan anda pada ruangan kpmen dibawah sini.
Sekian dan terima kasih