Rabu, 23 Oktober 2019

Cara Buat Disclaimer Blogger Malaysia

Cara Buat Disclaimer Blogger Malaysia
Assalamualaikum dan salam sejahtera buat semua pembaca-pembaca yang saya kasihi sekalian. Hari ini, saya nak kongsikan kepada anda mengenai Bagaimana Cara Kita Membuat Disclaimer untuk Website?. Saya yakin, anda mesti tidak tahu bagaimana cara membuat Disclaimer untuk blog anda.

Dengan teknologi yang sedia ada, mudahnya kita membuat Disclaimer untuk blog kita. Bagaimana cara membuatnya? ikuti langkah dibawah sini.

Cara Membuat Disclaimer Untuk Blogger:

Pertama, pergi ke laman web www.privacypolicyonline.com. Atau boleh klik button dibawah ini.


Selepas itu, isikan ruangan di bahagian yang berikut, lihat contoh seperti dalam gambar rajah dibawah ini. Selepas sudah selesai, klik button Generate Disclaimer.

Cara Buat Disclaimer Blogger Malaysia

Seterusnya, copy semua kode yang diberikan seperti yang tertera.

Cara Buat Disclaimer Blogger Malaysia

Untuk platform Blogger. Pergi ke Halaman → Buat Halaman Baru → Pilih HTML → Paste kode tersebut.

Cara Buat Disclaimer Blogger Malaysia

Begitulah cara mudah untuk kita membuat Disclaimer tanpa bersusah payah berfikiran panjang membuat isi-sis tentang Disclaimer blog kita. Semoga dengan rujukan ini dapat membantu anda disana.

Jika anda mempunyai sebarang persoalan, penambahan dan sebagainya. Sila tinggalkan ulasan anda pada ruangan komen dibawah sini. Terima kasih!

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!

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 dan tajuk berada dibawah".

Contohnya ialah seperti dalam gambar ini:
https://1.bp.blogspot.com/-V0UXXtr6Lbc/XUbbF076B-I/AAAAAAAABZQ/d8KPBGVDnBkHu2Xj8e5Ams_NKkXqIkCJwCLcBGAs/s1600/Tutorial%2BBuat%2BTajuk%2BArtikel%2BDibawah%2BGambar.png.

Cara Buat Gambar Berada Pada Paling Atas:

Cara ini kemungkinan tidak sama dengan template anda. Ia bergantung kepada jenis template yang anda gunakan. Sila tinggalkan ulasan anda dibawah ini jika memerlukan sebarang bantuan. TQ

Pada dashboard blogger anda. Masuk ke TemaEdit HTML.

Selepas itu, cari code ini <b:if cond='data:post.title'>.

Berhati-hati kerana kode <b:if cond='data:post.title'> ini banyak. Jadi, cara mencarinya ialah, cari kode tersebut di paling atas / paling awal berdasarkan nombor kode disebelah kiri.


Semakin besar angka nombor code, semakin jauh kedudukan code berada pada paling atas.

Selepas itu, copy kod dibawah ini dan paste diatas kod <b:if cond='data:post.title'>.
    <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 </b:skin> atau dibawah kode <b: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!

    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!

    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.

    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

    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, 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