Jasa A-Z

Minggu, 25 Oktober 2020

Cabe Pedas, Template Blogger Versi Baru SEO Responsive Mobile Friendly

Dunia MR 10/25/2020 08:35:00 PM 1 comment

Free Download Template Blogger Versi Premium Gratis Baru SEO Responsive Mobile Friendly

DOKUMENTASI TEMPLATE CABE PEDAS

Cabe Pedas, Template Blogger Versi Baru SEO Responsive Mobile Friendly, assalamualaikum warahmatullah wabarakatuh Pada kesempatan kali ini saya akan berbagi seputar tema blog ataupun template blogger yang bernama cabe pedas yang di mana tampek ini memiliki layout seperti pada kampret kampret premium dengan dua kolom yaitu sibar maupun kolom postingan atau artikel dan untuk warna default-nya yaitu warna biru dan untuk halaman index merupakan bentuk Grid.

Yang di mana tempat ini disesuaikan dengan kebutuhan pengguna ponsel ataupun Android ataupun Smartphone untuk berinteraksi dengan dunia maya atau internet yang setiap harinya terus naik sangat signifikan dan untuk fiturnya merupakan fitur seperti pada tanpa premium dengan berbagai menu yang sudah disediakan dan untuk font icon sendiri menggunakan svg bukan fontawesome tentu saja akan menambah kecepatan dari template anda.

Kemudian untuk pengujian di gtmetrix atau yslow bahkan di Google page speed Hasilnya sangat memuaskan jadi untuk menghasilkan yang memuaskan perhatikan beberapa parameter bisa anda atur seperti yang akan saya bahas di bawah.

Berikut adalah beberapa fitur yang ada pada template blogger cabe pedas.

- Sangat responsif

- Loading cepat di halaman posting maupun halaman index

- Data tekstur sangat baik

- Stycky sidebar

- Breadcrums index

- Lazy load gambar dan video

- 2 iklan di dalam postingan

- Related post

- Media sosial berbagi

- Komentar bawaan dan komentar disqus

Dan berikut adalah dokumentasi yang bisa anda lakukan untuk mengedit template cabe pedas tersebut

1. Meta Tag SEO

* Meta Keyword Tinggal disesuaikan

* Meta Search Engine Tinggal disesuaikan

* Meta Sosial Media Tinggal disesuaikan

Catatan: xxxx ganti dengan parameter yang dibutuhkan

2. Mengubah warna Link warna kolom berlangganan warna tombol warna label dan warna header

Silahkan kalian cari dengan kode warna yang ada dalam template 75539e silakan Anda ganti dengan warna yang anda sukai Anda bisa menggunakan alat gratis HTML Color Picker kemudian pada bagian header template ini menggunakan gradien dan untuk mengubahnya silakan lakukan secara manual pada kode #header

3. Lazy load untuk gambar dan video

Untuk mempercepat gambar maupun video dan untuk lazy load video YouTube bisa baca DISINI Kemudian untuk memperCepat gambar atau lazy img Silakan anda perhatikan kode yang ada di bawah ini

- Gambar sebelum di lazy load

- Gambar setelah di lazy load

4. Mengatur komentar

- Untuk mengatur komentar disqus langkah pertama silakan Anda cari "disqusmu" untuk mempercepat pencarian gunakan tombol CTRL+F Lalu setelah ketemu ganti disqusmu dengan milik shortname disqus kalian, lalu pada menu setelan > Postingan, komentar dan berbagi > lokasi komentar lalu pilih sembunyikan (opsional)

- Merubah komentar DISQUS ke komentar bawaan blogger

Edit tema cari kode ini:

<b:include data="post" name="disqus-comments"/>

Lalu ganti dengan kode ini;

<b:include data="post" name="comments"/>

5. Mengubah Email berlangganan

Cari kode uri=CabePedas lalu silakan Anda ganti dengan feedburner milik kalian

6. Mengatur Iklan

Edit tema cari kode  kira-kira nanti dibawahnya akan terlihat kode seperti ini, dan Silahkan ganti dengan kode iklan milik kalian

Jika kode iklan yang kalian miliki terbilang baru untuk menghindari error pada iklan tersebut silakan ubah kode async jadi async='' ataupun async='async' untuk parse iklan bisa gunakan alat PARSE HTML

7. Gambar di atas judul artikel/postingan

Dan untuk memindahkan gambar di atas judul artikel atau postingan silakan Anda edit pada menu edit HTML lalu tambahkan kode kira-kira seperti dibawah ini

Pilih salah satu gambar yang ingin dinaikkan ke atas judul artikel dengan menambahkan kode id="desc"

8. Mengatur tampilan mobile

Pilih TEMA> TEMA SAYA > SETELAN SELULAR > Ingin menampilkan tema Desktop atau Seluler di perangkat seluler? > pilih DESKTOP

9. Mengubah nomor WhatsApp

TEMA > EDIT HTML > ctrl+f cari kode NO-WAMU dan silakan ganti dengan nomor whatsApp milik kalian

10. Untuk tema cabe pedasnya download DISINI

Hanya itu saja dulu Apa yang bisa saya sampaikan pada kesempatan kali ini tentang template blogger gratis dan template blogger premium yang dimana tempat ini sangat seo responsif dan sangat user friendly semoga bermanfaat dan terima kasih banyak

Artikel SEO Script & CSS

Cara Mengatasi Missing field "price" dan Missing field "priceCurrency" di Google Search Console

Dunia MR 10/25/2020 01:52:00 AM Comment

Cara Memperbaiki Error Missing field price dan Missing field priceCurrency di Google Webmasters Tools

Cara Mengatasi Missing field "price" dan Missing field "priceCurrency" di Google Search Console yang dimana hal ini mungkin jarang terjadi akan tetapi setidaknya apa yang pernah saya alami bisa bermanfaat jika suatu saat nanti ada dari rekan-rekan semuanya dan sahabat-sahabat semuanya yang mengalami hal sama pada website penjualan produk yang dimana hal ini muncul pada beberapa website yang menjual berbagai produk dan jasa.

Walaupun pada dasarnya pembahasan ini ataupun topik ini jarang ada yang membutuhkan akan tetapi ya mudah-mudahan dengan apa yang saya alami bisa memberikan gambaran kepada Anda semuanya yang kebetulan mengalami permasalahan pada Google Webmaster tool atau pada Google Search console dengan munculnya pesan Missing field "price" dan Missing field "priceCurrency" oke langsung simak tentang pembahasannya.

Apabila permasalahan ini muncul hanya pada beberapa produk saja Anda bisa melakukan pengeditan pada masing-masing produk tersebut pada masing-masing artikel yang ada Jadi anda tidak perlu merubah kode yang ada pada desain ataupun tema ataupun template website maupun template blog anda.

Akan tetapi apabila error tersebut muncul pada seluruh produk yang anda miliki dengan artian bahwa seluruh artikel yang ada pada website anda memiliki error yang sama dengan pesan tersebut maka penelitian harus anda lakukan pada tema maupun template website maupun template blog yang anda miliki akan tetapi apabila error yang muncul hanya pada beberapa bagian saja Anda bisa langsung simak pada panduan yang akan saya sampaikan di bawah ini.

1. Silakan buka Salah satu artikel yang error dengan pesan Missing field "price" dan Missing field "priceCurrency" jika anda pengguna blogger silakan buka Salah satu artikel yang error tersebut pada tampilan TAMPILAN MENULIS silakan ubah ke TAMPILAN HTML Kemudian silahkan anda temukan kode kira-kira seperti dibawah ini

<div content="IDR"></div>

kode tersebut untuk error Missing field "priceCurrency" dan sedangkan kode di bawah ini untuk error Missing field "price"

<div class="id-produk" content="harga_produk">

2. Lalu kemudian ubah kode <div content="IDR"></div> menjadi kode <div content="IDR" itemprop="priceCurrency"></div> dan kode <div class="id-produk" content="harga_produk"> menjadi <div class="id-produk" content="harga_produk" itemprop="price">

3. Patokan penentuan pemasangan kodenya:

Error priceCurrency Patokannya adalah <div content="IDR"></div> dan setelah IDR tambahkan itemprop="priceCurrency" jika digabung kira-kira seperti ini <div content="IDR" itemprop="priceCurrency"></div>

Error price patokannya adalah <div class="id-produk" content="harga_produk"> dan setelah
"harga_produk" tambahkan itemprop="price" jika digabungkan kira-kira seperti ini <div class="id-produk" content="harga_produk" itemprop="price">

4. Kemudian silahkan anda simpan artikel atau konten produk tersebut Lalu silakan Anda cek lagi di https://search.google.com/test/rich-results?utm_campaign=sdtt&utm_medium=message

5. Jika sudah tidak ada yang error Jangan Lupa Validasi Ulang di Google Search Console Klik Pada Bagian Products > Klik Detail Error > Klik Validate Vix

Dan hanya itu saja dulu apa yang bisa kami sampaikan tentang bagaimana cara memperbaiki ataupun mengubah Missing field "price" dan Missing field "priceCurrency" menjadi tidak error lagi semoga bermanfaat dan apabila ada yang ingin ditanyakan silakan berkomentar dibawah terima kasih

Sabtu, 24 Oktober 2020

Artikel Blog Script & CSS

Cara Mengatasi Ukuran Tulisan dan Gambar Header Pada Blogger Versi Terbaru

Dunia MR 10/24/2020 04:41:00 PM Comment

contoh tulisan dan gambar yang posisisnya tidak pas pada blog

Cara Mengatasi Ukuran Tulisan dan Gambar Header Pada Blogger Versi Terbaru, pada versi blogger terbaru saya cek Banyak sekali menemukan beberapa website maupun blog yang penempatan dari beberapa CSS maupun gambar-gambar sudah tidak sesuai dengan letaknya dikarenakan mungkin karena mereka jarang update atau mereka sudah jarang buka kembali blog mereka sehingga banyak sekali dari desain blog tersebut sudah tidak teratur dan sudah tidak tepat lagi karena kemungkinan besar setelah blogger update pada versi terbaru banyak beberapa kode yang mulai mengalami error pada blog tersebut.

Saya sebagai blogger kadang tidak enak untuk melihat seperti pada salah satu blog milik saya yang letaknya tidak sesuai dan sudah berubah dan ini merupakan salah satu kasus dari sekian Kasus yang sudah saya temukan Salah satunya yaitu kasus pada gambar-gambar relatied post ataupun pada artikel terkait yang sudah tidak muncul lagi dan untuk tipsnya maupun untuk cara mengatasinya sudah pernah kami bahas di postingan sebelumnya

Oke tanpa mengurangi waktu lagi berikut adalah cara yang paling mudah untuk mengatasi gambar maupun tulisan pada header blog Anda yang posisinya ataupun ukurannya berubah atau mungkin anda menginstal tema ataupun template yang anda download di Google tetapi ketika tema tersebut Anda pasang Ternyata banyak yang error dan ternyata memang untuk beberapa tema yang sudah ada di Google yang sudah di publish sebelum tahun 2020 memang sudah tidak bisa dipakai lagi kebanyakannya

Oke Langsung saja untuk mengatasi hal tersebut silakan langsung bisa anda Simak panduannya di bawah ini

1. Masuk dasboard blogger lalu pilih bagian TEMA lalu pilih bagian EDIT HTML kemudian cari kode #header atau .title atau .header img gunakan CTRL+U untuk mempercepat pencarian.

2. Disini saya ambil kasus pada template buatan arlina contoh kodenya seperti dibawah ini

#header{background:#fff;position:relative;display:block;margin:0 auto;max-width:970px;}
#header .title{font-size:210%;margin:10px 0 0 0;padding:0;display:inline-block;width:100%;max-width:240px;}
#header .title a{color:#000;}
#header .title a:hover {color:#138be6;}
#header p.description{display:inline-block;font-size:90%;margin:5px 0 0 0;line-height:normal;}
.header img {display:block;height:auto;}
#headerdua {float:left;}

3. Untuk mengatur ukuran gambar atau tulisannya anda tinggal hanya ubah ukuran yang saya kasih tanda merah saja, jika kekecilan silahkan perbesar persentasenya dan jika kebesaran silahkan perkecil persentasenya, dan patokannya pada font-size.

4. Save tema/templatenya dan lihat hasilnya.

Oke sekian dulu apa yang bisa kami sampaikan tentang bagaimana cara mengatasi tulisan maupun gambar pada header yang ukurannya melebar ataupun kekecilan sehingga sudah tidak enak dipandang mata lagi atas kunjungannya kami ucapkan terima kasih Silakan dicoba

Artikel Blog Script & CSS

Cara Mengatasi Gambar Thumbnail Artikel Terkait Postingan Tidak Muncul Pada Versi Blogger Terbaru

Dunia MR 10/24/2020 09:42:00 AM Comment

Cara Mengatasi Gambar Thumbnail Artikel Terkait Postingan Tidak Muncul Pada Versi Blogger Terbaru, untuk saat ini memang blogger sudah menggunakan versi user interface yang di mana mungkin bagi Anda yang sudah terbiasa dalam dunia coding html mungkin hal ini sangat mudah diatasi tetapi bagi Anda yang baru pertama kali mempelajari dunia html Tentu saya akan sedikit sulit terutama bagi anda seorang blogger yang sedang hobi menulis tetapi anda menemukan gambar thumbnail baik itu related post ataupun artikel terkait yang ada di bawah postingan tidak ada gambarnya.

Kasusnya adalah pada postingan Anda tersebut sebenarnya gambar terlihat normal dan tidak ada masalah tetapi ketika Anda lihat di bagian sebelah kanan di bagian artikel terbaru ataupun related post ataupun artikel terkait yang ada di bawah postingan maka gambar thumbnail tersebut hilang bahkan tidak ada sama sekali dan untuk mengatasinya sebenarnya sangat mudah sekali.

Tetapi mungkin anda juga bertanya-tanya Kenapa pada artikel sebelumnya bahwa gambar thumbnail tidak ada masalah sama sekali akan tetapi setelah blogger mengupdate versi terbaru bahkan untuk versi klasik kita sudah tidak bisa menggunakannya untuk saat ini maka dari itu setiap anda mengupload gambar ke artikel ataupun ke postingan tersebut Anda harus mengedit kode yang bersangkutan dengan gambar tersebut untuk caranya langsung saja disimak.

1. Buka Artikel Yang Tidak Muncul Thumbnailnya
2. Pada Editir Penulisan pilih TAMPILAN HTML (Gambar pena paling kiri)
3. Carilah Kode gambarnya kira-kira seperti ini:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsJH_rWyBCTcpUrG-dn5ZGC-KwUAy1ImRGP5zxXIy20bkGRBzL3OPdopvOLBDSXQ96PzRZcRBGeEFKtCv0xBhj_bKKaaCYyeLft4iXHyqIrc1mBzpjDcqkoeAabXKBaqrNXDLaIFW29eMr/s620/gambar%2Bburem%2Bdi%2Bhalaman%2Butama.png" style="margin-left: 1em; margin-right: 1em;">

4. Yang perlu kalian hanyalah merubah w320-h245 (data gambar yang dipanggil oleh rss feed) sesuai dengan s620 (properti s620 pada setiap gambar pasti berbeda-beda tinggal sesuaikan saja dengan yang muncul di blog saudara) gambar url tujuan, maka hasilnya kira-kira seperti ini

5. Silahkan perbarui atau publish artikelnya, dan lihat hasilnya.

Itu saja apa yang bisa kami sampaikan pada kesempatan kali ini semoga bermanfaat Jika ada hal yang ingin ditanyakan silakan ditanyakan semoga panduan tentang cara memperbaiki ataupun cara merubah gambar thumbnail pada blogger yang tidak muncul bisa menjadikan wawasan kepada anda yang sedang membutuhkannya Terima kasih

Artikel Blog Script & CSS

Cara Mengatasi Gambar Thumbnail Blur dan Burem di Halaman Utama Versi Blogger Terbaru

Dunia MR 10/24/2020 07:38:00 AM Comment

Contoh Gambar Thumbnail Pada Halaman Depan Blog Yang Burem dan Tidak Jelas

Cara Mengatasi Gambar Thumbnail Blur dan Burem di Halaman Utama Versi Blogger Terbaru, Assalamualaikum warahmatullahi wabarakatuh Pada kesempatan kali ini kami akan berbagi informasi tentang bagaimana pada update blogger terbaru memang banyak sekali kode javascript yang error yang di mana hal ini banyak diungkapkan di beberapa forum dan group tentang update dari dasbor blogger ini yang mengakibatkan beberapa datascrip sudah tidak berfungsi lagi yang salah satunya yaitu javascript untuk thumbnail gambar pada blogger.

Mudah-mudahan dengan adanya tutorial ini bisa bermanfaat karena dari beberapa panduan yang saya temukan di Google yang dimana panduan-panduan tersebut sudah tidak bisa berlaku lagi terutama dengan beberapa artikel yang memberikan solusi tentang memperbaiki dari gambar blur ataupun gambar pada halaman depan blog Anda atau website anda tidak jelas tetapi masih menggunakan kode javascript yang pada umumnya

Oleh karena itu kami di sini ini akan memberikan panduan khusus versi blogger terbaru Jadi mungkin ada baiknya beberapa postingan yang sudah nongkrong di halaman 1 Google untuk segera diperbaiki agar tidak menguntungkan dan untuk pengunjung yang sedang membutuhkan tutorial tersebut

Oke tanpa basa-basi lagi langsung saja disimak Bagaimana cara mengatasi maupun memperbaiki thumbnail blog yang pecah ataupun tidak jelas dan berikut adalah panduannya

SOLUSI PERTAMA MENGATASI THUMBNAIL ERROR

1. Pertama buka blogger masuk ke bagian Tema lalu pilih edit html setelah terbuka silahkan ctrl + f lalu cari kode data:post.thumbnailUrl setelah ketemu kira-kira seperti ini seperti kode yang ada pada template arlina

<script type='text/javascript'>
document.write(arlina_thumb_size("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script>

2. Hapus semua kode tersebut jika mulai dari <script type='text/javascript'> sampai </script> patokannya adalah data:post.thumbnailUrl lalu ganti dengan kode dibawah ini.

PILIH KODE 1 GAMBAR TANPA TITLE

/*Mulai Kode Thumbnail Ketika disorot Gambar Tanpa Title*/

<b:if cond='data:post.thumbnailUrl'>
   <a class='thumb' expr:href='data:post.url'>
   <img class='lazy' expr:alt='data:post.title' expr:src='resizeImage(data:post.firstImageUrl, 290, "300:200")' height='150' width='200'/>
   </a>
   <b:else/>
   <b:if cond='data:post.firstImageUrl'>
      <a expr:href='data:post.url' expr:title='data:post.title'><img class='lazy' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' itemprop='image'/></a>
      <b:else/>
      <a expr:href='data:post.url' expr:title='data:post.title'>
         <div class='postthumb'><img class='lazy' expr:alt='data:post.title' expr:title='data:post.title' itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJCwZwWLNGCHrjnZkH4vhiLWIMLjsF664WbSPnEJ9-aJH_teNy_KVUqHrMW_Lb01LsvFjFPTJdW4GFsFs6ZfNKo6bmt7yICVGScg9ONQ_yAciuuMlLFwgSALTdHm27JS1m9QqFdNJIZYib/s1600/noimage.png'/></div>
      </a>
   </b:if>
</b:if>

/*Akhir Kode Thumbnail Ketika disorot Gambar Tanpa Title*/

ATAU PILIH KODE 2 GAMBAR MENGGUNAKAN TITLE

/*Mulai Kode Thumbnail Ketika disorot Gambar Muncul Title*/

<b:if cond='data:post.thumbnailUrl'>
   <a class='thumb' expr:href='data:post.url'>
   <img class='lazy' expr:alt='data:post.title' expr:title='data:post.title' expr:src='resizeImage(data:post.firstImageUrl, 290, "300:200")' height='150' width='200'/>
   </a>
   <b:else/>
   <b:if cond='data:post.firstImageUrl'>
      <a expr:href='data:post.url' expr:title='data:post.title'><img class='lazy' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' itemprop='image'/></a>
      <b:else/>
      <a expr:href='data:post.url' expr:title='data:post.title'>
         <div class='postthumb'><img class='lazy' expr:alt='data:post.title' expr:title='data:post.title' itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJCwZwWLNGCHrjnZkH4vhiLWIMLjsF664WbSPnEJ9-aJH_teNy_KVUqHrMW_Lb01LsvFjFPTJdW4GFsFs6ZfNKo6bmt7yICVGScg9ONQ_yAciuuMlLFwgSALTdHm27JS1m9QqFdNJIZYib/s1600/noimage.png'/></div>
      </a>
   </b:if>
</b:if>

/*Akhir Kode Thumbnail Ketika disorot Gambar Muncul Title*/

Dan silahkan simpan tema anda untuk mengubah ukuran gambar silahkan sesuaikan tinggi dan lebarnya pada height='150' width='200' dan angka 290 untuk dimensinya sedangkan 300:200 untuk rasionya.

SOLUSI KEDUA MENGATASI THUMBNAIL ERROR

Dan untuk solusi kedua adalah jika pada cara pertama anda tidak menemukan kode seperti ini

<script type='text/javascript'>
document.write(arlina_thumb_size("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script>

anda bisa mencari kode data:post.thumbnailUrl seperti ini

<b:if cond='data:post.thumbnailUrl'>
        <a expr:href='data:post.url'><div class='img-thumb'><img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' height='74' width='74'/></div>
        </a>
   <b:else/>

<b:if cond='data:post.firstImageUrl'>
        <a expr:href='data:post.url'><div class='img-thumb'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' height='74' width='74'/></div>
        </a>
   <b:else/>

<a expr:href='data:post.url'><div class='img-thumb'><img expr:alt='data:post.title' expr:title='data:post.title' height='74' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCB9AwNFb6N8obWmJCjsBtQE7kPun1DPyblGSd-ImqYYPKU48MyQWKj7hUq3dm3907PBWtQECOliQSCVbCMQpoMdNPp1Jqk_YBM-jVjkrMHX_6m-WwIFfLD_aF7IMsMMFIhtOjysXApEUh/w100-c-h100/no-image.png' width='74'/></div>
        </a>

Patokannya adalah data:post.thumbnailUrl, data:post.firstImageUrl, data:post.url akan terlihat secara berurutan pada template atau tema blog anda.

Dan yang perlu kalian lakukan hanyalah merubah kode yang saya beri tebal biru contohnya adalah

A. BARIS 1

Ganti dengan

B. BARIS 2

Ganti dengan

C. BARIS 3

Ganti dengan

Maka Kode Hasil Akhirnya akan seperti ini.

<b:if cond='data:post.thumbnailUrl'>
        <a expr:href='data:post.url'><div class='img-thumb'><img class='lazy' expr:alt='data:post.title' expr:src='resizeImage(data:post.firstImageUrl, 290, "300:200")' height='150' width='200'/></div>
        </a>
   <b:else/>

<b:if cond='data:post.firstImageUrl'>
        <a expr:href='data:post.url'><div class='img-thumb'><img class='lazy' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' itemprop='image'/></div>
        </a>
   <b:else/>

<a expr:href='data:post.url'><div class='img-thumb'><img class='lazy' expr:alt='data:post.title' expr:title='data:post.title' itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJCwZwWLNGCHrjnZkH4vhiLWIMLjsF664WbSPnEJ9-aJH_teNy_KVUqHrMW_Lb01LsvFjFPTJdW4GFsFs6ZfNKo6bmt7yICVGScg9ONQ_yAciuuMlLFwgSALTdHm27JS1m9QqFdNJIZYib/s1600/noimage.png'/></div>
        </a>

SOLUSI KETIGA MENGATASI THUMBNAIL ERROR

Untuk solusi ketiga belum ada soalnya sejauh ini dengan 2 solusi diatas bisa teratasi pada beberapa blog dan website yang saya miliki.

Hanya itu dulu apa yang bisa kami sampaikan tentang bagaimana cara mengatasi gambar thumbnail pada sebuah blog yang tidak tampil sempurna atau blur ataupun burem ataupun tidak jelas terlihat oleh mata kita terima kasih

Jumat, 23 Oktober 2020

Artikel Blog Script & CSS

Mematikan Fungsi CTRL U CTRL Apa Saja Pada Postingan Konten Artikel Tulisan Blog dan Website

Dunia MR 10/23/2020 04:27:00 PM Comment

cara mematikan ctrl u untuk postingan artikel blogger

Cara paling gampang dan paling mudah untuk mendisable keyboard control U untuk artikel tutorial, yang di mana ini merupakan salah satu cara yang bisa anda gunakan untuk mengamankan tulisan yang sudah anda buat mungkin anda capek-capek membuat tulisan tetapi orang mengambilnya dengan mudah Yang dimana tulisan ini merupakan tulisan kelanjutan dari tulisan sebelumnya tentang cara artikel tidak bisa di copy paste dan dengan mengaktifkan atau menfungsikan disable CTRL U setidaknya bisa memperkuat artikel anda tidak bisa dicuri oleh orang lain.

Artikan melupakan poin utama dari Seo yang dapat memperkuat dan mempertajam artikel Anda nongkrong di mesin pencari terutama mesin pencari Google tetapi kadangkala konten yang sudah kita buat sering banyak diambil orang bahkan didaur ulang tanpa di modifikasi sama sekali sehingga hal tersebut dalam jangka panjang bisa memperberat keadaan terutama kesehatan pada website yang kita miliki.

Tujuan artikel ini mudah-mudahan bisa dipelajari dengan tujuan untuk semakin mempermudah anda dalam belajar coding HTML Oke tanpa basa-basi lagi langsung saja disimak Bagaimana cara mengaktifkan CTRL U dan kontrol apa saja pada blog anda.

1. Langkah pertama silakan Anda masuk pada dashboard blogger Anda kemudian Anda masuk pada menu tema Kemudian Anda pilih pada mode edit HTML, lalu cari <body> untuk mempercepat pencarian Anda bisa menggunakan fungsi ctrl + f

2. Setelah ketemu silahkan anda ganti kode <body> dengan kode yang ada di bawah ini kemudian simpan tema anda

Sangat simpel sekali bukan hanya itu saja panduan dan tutorial yang bisa kami sampaikan pada kesempatan sore kali ini semoga bermanfaat dan atas kunjungannya kami ucapkan terima kasih wassalamualaikum warahmatullahi wabarakatuh dan selamat mencoba

Artikel Blog Script & CSS

Lakukan Trik ini Agar Artikel dan Konten Tidak Mudah di Copy Paste (Copas)

Dunia MR 10/23/2020 03:49:00 PM Comment

cara mudah konten dan tulisan kita tidak mudah di copy paste copas

Mungkin anda bertanya-tanya Bagaimana caranya agar artikel dan konten tidak bisa di copy paste terutama bagi Anda yang mempunyai blog maupun website setidaknya cara ini bisa meminimalisir pada artikel maupun konten yang anda buat agar tidak mudah di copas tetapi ada beberapa konten yang memang diharuskan bisa di copy paste contohnya konten-konten tutorial seperti yang ada pada website ini.

Anda juga bisa mencari beberapa tutorial tips yang kami bagikan pada postingan kami ini yang mungkin bisa bermanfaat untuk rekan-rekan semuanya maupun sahabat-sahabat semuanya yang kebetulan sedang mencari berbagai tutorial yang dibutuhkan untuk keperluan pada website Anda maupun blog Anda atau hanya untuk sekedar iseng untuk mempercantik blog anda.

Agar blog maupun website kita tidak mudah di copas atau dicuri oleh orang lain khususnya sesama blogger yang hobi copy paste sana-sini saja hal ini setidaknya bisa meminimalisir konten anda dengan mudah di ambil oleh orang lain atau oleh orang yang tidak bertanggung jawab, dan untuk caranya sangat mudah silakan bisa langsung anda Simak dibawah ini:

1. Pada langkah yang pertama silahkan anda masuk pada dasbor blogger Anda kemudian Anda masuk pada menu pengeditan tema kemudian cari kode ]]></b:skin> untuk mempercepat pencarian silahkan anda tekan CTRL+F

2. Kemudian silahkan copy paste kode yang ada di bawah ini, tepat di atas kode ]]></b:skin> dan silahkan simpan tema anda

/*start block copy paste*/

.post
{
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
}
.post blockquote,.post pre,.post code
{
-webkit-touch-callout:text;
-webkit-user-select:text;
-khtml-user-select:text;
-ms-user-select:text;
-moz-user-select:text;
}

/*end block copy paste*/

Dan hanya itu saja tips yang bisa kami sampaikan mudah-mudahan trik ini masih bermanfaat di tahun 2020 ini dan atas kunjungannya kami tim rjm family mengucapkan terima kasih dan selamat mencobanya

Jasa A-Z

Minggu, 25 Oktober 2020

Cabe Pedas, Template Blogger Versi Baru SEO Responsive Mobile Friendly

Cara Mengatasi Missing field "price" dan Missing field "priceCurrency" di Google Search Console

Sabtu, 24 Oktober 2020

Cara Mengatasi Ukuran Tulisan dan Gambar Header Pada Blogger Versi Terbaru

Cara Mengatasi Gambar Thumbnail Artikel Terkait Postingan Tidak Muncul Pada Versi Blogger Terbaru

Cara Mengatasi Gambar Thumbnail Blur dan Burem di Halaman Utama Versi Blogger Terbaru

Jumat, 23 Oktober 2020

Mematikan Fungsi CTRL U CTRL Apa Saja Pada Postingan Konten Artikel Tulisan Blog dan Website

Lakukan Trik ini Agar Artikel dan Konten Tidak Mudah di Copy Paste (Copas)

Popular Posts

Recent Posts