Cara Menghilangkan Iklan Yang Tiba Tiba Muncul Di Hp Samsung

 

Pada era digital seperti sekarang, smartphone menjadi salah satu perangkat yang paling sering digunakan oleh banyak orang. Namun, ada momen yang cukup mengganggu ketika kita sedang asyik menggunakan HP Samsung, tiba-tiba muncul iklan yang mengganggu pengalaman pengguna. Iklan ini bisa muncul saat menggunakan aplikasi, menjelajah internet, atau bahkan ketika sedang bermain game. Jika Anda mengalami masalah ini, jangan khawatir. Artikel ini akan memberikan panduan lengkap tentang cara menghilangkan iklan yang tiba-tiba muncul di HP Samsung Anda.

1. Identifikasi Sumber Iklan

Langkah pertama untuk mengatasi masalah iklan yang tiba-tiba muncul adalah mengidentifikasi sumbernya. Beberapa aplikasi mungkin menyertakan iklan sebagai bagian dari model bisnis mereka, sementara yang lain mungkin terinfeksi oleh perangkat lunak berbahaya. Perhatikan kapan iklan muncul dan aplikasi apa yang sedang Anda gunakan. Ini akan membantu Anda menyusun strategi yang lebih efektif untuk menghilangkan iklan tersebut.

2. Perbarui Aplikasi Anda

Seringkali, iklan yang muncul secara tiba-tiba dapat terkait dengan aplikasi yang tidak diperbarui dengan baik. Pastikan semua aplikasi di HP Samsung Anda diperbarui ke versi terbaru. Pembaharuan ini seringkali mencakup perbaikan bug dan keamanan yang dapat membantu menghilangkan iklan yang tidak diinginkan.

3. Periksa Izin Aplikasi

Beberapa aplikasi memerlukan izin tertentu untuk mengakses data atau menampilkan iklan. Periksa izin aplikasi yang terpasang di HP Samsung Anda. Jika ada aplikasi yang meminta izin yang tidak masuk akal atau tidak relevan dengan fungsinya, pertimbangkan untuk mencabut izin tersebut atau bahkan menghapus aplikasi tersebut.

4. Instal Aplikasi Pendeteksi Malware

Iklan yang muncul secara tiba-tiba mungkin disebabkan oleh adware atau malware yang menginfeksi perangkat Anda. Instal aplikasi keamanan yang terpercaya dan lakukan pemindaian penuh terhadap sistem Anda. Jika ada malware yang terdeteksi, segera hapus atau karantina untuk mencegah masalah lebih lanjut.

5. Gunakan Mode Safe

Samsung menyediakan fitur "Mode Aman" atau "Safe Mode" yang memungkinkan Anda menggunakan perangkat hanya dengan aplikasi bawaan. Mode ini dapat membantu Anda menentukan apakah iklan yang muncul terkait dengan aplikasi pihak ketiga. Jika iklan tidak muncul saat menggunakan Mode Aman, kemungkinan besar ada aplikasi yang menyebabkannya.

6. Reinstall Aplikasi yang Mencurigakan

Jika setelah mengidentifikasi aplikasi yang mungkin menyebabkan iklan tiba-tiba, Anda dapat mencoba menghapus dan menginstal ulang aplikasi tersebut. Pastikan untuk mendownload aplikasi dari sumber resmi, seperti Google Play Store, untuk menghindari risiko mengunduh aplikasi palsu atau berbahaya.

7. Konfigurasi Pengaturan Aplikasi

Beberapa aplikasi memiliki pengaturan khusus terkait iklan. Periksa pengaturan setiap aplikasi dan lihat apakah ada opsi untuk menonaktifkan iklan atau membatasi jenis iklan yang ditampilkan. Beberapa aplikasi juga menawarkan versi berbayar tanpa iklan, yang bisa menjadi solusi jangka panjang.

8. Gunakan Aplikasi Pihak Ketiga

Terdapat beberapa aplikasi pihak ketiga yang dirancang khusus untuk mengelola dan menghilangkan iklan di perangkat Android. Salah satu contoh adalah "AdAway" yang memungkinkan Anda mengatur daftar hitam iklan dan menghentikan tampilan iklan yang tidak diinginkan.

9. Periksa Pengaturan Browser

Jika iklan muncul saat menjelajah internet, periksa pengaturan browser Anda. Banyak browser memiliki opsi untuk memblokir pop-up atau iklan yang tidak diinginkan. Aktifkan opsi ini untuk meningkatkan pengalaman menjelajah Anda.

10. Tinjau Kembali Aplikasi Pihak Ketiga

Pada beberapa kasus, aplikasi pihak ketiga dapat menjadi penyebab iklan yang tidak diinginkan. Tinjau kembali aplikasi yang telah Anda instal dan pertimbangkan untuk menghapus yang tidak diperlukan atau mencurigakan.
Kesimpulan

Menghilangkan iklan yang tiba-tiba muncul di HP Samsung memerlukan pendekatan yang sistematis. Dengan mengidentifikasi sumbernya, melakukan pembaruan, dan menggunakan alat keamanan yang tepat, Anda dapat memulihkan pengalaman pengguna yang lebih baik. Selalu perhatikan aplikasi yang diinstal dan pastikan untuk mengambil langkah-langkah pencegahan agar perangkat Anda tetap aman dari iklan yang tidak diinginkan di masa depan. Dengan mengikuti panduan ini, Anda dapat menikmati penggunaan HP Samsung tanpa gangguan iklan yang tidak diinginkan.

Cara Memasang Video Youtube di Blog SEO Responsive dan User Friendly Dengan Lazy Load

Bagaimana Cara Memasang Memasukan Menampilkan Embed Video Youtube di Blog SEO Super Responsive dan User Friendly Dengan Lazy Load Video? Salah satu cara yang bisa kita lakukan untuk memanfaatkan video YouTube yang akan dipasang pada konten yang kita miliki Tentu saja itu juga merupakan salah satu strategi dan cara untuk mempromosikan video YouTube kita.

 Akan tetapi pada dasarnya mungkin anda sering menempelkan video dari YouTube ataupun dari channel Anda ke dalam website maupun blog secara langsung copy paste dari video YouTube tersebut sebenarnya ketika video tersebut di loading maka ada iframe yang akan ikut termuat juga sehingga akan memberatkan

 Kemudian untuk mengatasi hal tersebut sebenarnya caranya banyak salah satunya yaitu dengan bantuan lazy load java script dan tentu saja hal ini sangat bermanfaat sekali untuk performa website kita ketika video tersebut dimasukkan ke situs yang kita inginkan

 Oke tanpa basi lagi langsung saja disimak Bagaimana cara memasangkan atau memasukkan video YouTube pada postingan yang kita miliki agar responsif dan secara otomatis video tersebut menjadi user-friendly dan dan lebih ringan.

CARA PERTAMA

Cara Pasang Script

1. Langkah pertama silakan Anda copy-paste kode yang ada di bawah ini lalu buka TEMA > EDIT TEMA cari kode </body> CTRL+F untuk mempercepat pencarian lalu silakan Anda simpan di atas kode </body>

<!-- Script Mulai Video Youtube Responsive -->
<script>
//<![CDATA[
!function(){"use strict";for(var t=document.querySelectorAll(".llyv"),e=0;e<t.length;e++){var i=document.createElement("div");i.className="llyv-play-btn",t[e].appendChild(i),t[e].addEventListener("click",function(){var t=document.createElement("iframe");for(t.setAttribute("src","https://www.youtube.com/embed/"+this.dataset.id+"?rel=0&showinfo=0&autoplay=1"),t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen","");this.firstChild;)this.removeChild(this.firstChild);this.appendChild(t)})}}();
//]]>
</script>
<!-- Script Akhir Video Youtube Responsive --> 

2. Kemudian untuk langkah selanjutnya silahkan anda copy paste kode yang ada di bawah ini lalu simpan berada di atas kode </b:skin> lalu simpan tema anda

<!-- CSS Mulai Video Youtube Responsive -->
/*! llyv.css v0.1.0 */ .llyv,.llyv .llyv-play-btn,.llyv img{cursor:pointer} .llyv{background-color:#000;margin-bottom:20px;position:relative;padding-top:56.25%;overflow:hidden} .llyv img{width:100%;top:-16.82%} .llyv .llyv-play-btn{width:100px;height:60px;background-color:#282828;z-index:1;border-radius:9px} .llyv .llyv-play-btn:before{content:"";border-style:solid;border-width:15px 0 13px 28px;border-color:transparent transparent transparent #fff} .llyv .llyv-play-btn:hover{background-color:red} .llyv .llyv-play-btn,.llyv .llyv-play-btn:before,.llyv iframe,.llyv img{position:absolute} .llyv iframe{height:100%;width:100%;top:0;left:0}.llyv .llyv-play-btn,.llyv .llyv-play-btn:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
<!-- CSS Akhir Video Youtube Responsive --> 

Cara Pasang Video

Kemudian cara memasang videonya pada ada artikel yang kita inginkan ataupun pada halaman Posting yang kita inginkan caranya seperti dibawah ini

1. Copy-paste kode yang ada di bawah ini kemudian silakan Anda ubah id-video

<div class="llyv" data-id="id-video">
<img src="https://img.youtube.com/vi/id-video/hqdefault.jpg"/></div>

2. Copy URL video youtube Anda

https://www.youtube.com/watch?v=iwpRciPFBxc

3. Maka hasilnya kira-kira seperti di bawah ini

<div class="llyv" data-id="iwpRciPFBxc">
<img src="https://img.youtube.com/vi/iwpRciPFBxc/hqdefault.jpg"/></div>

CARA KEDUA

Cara Pasang Script

1. Sama seperti diatas TEMA > EDIT TEMA lalu cari kode </body> lalu simpan kode dibawah ini diatas kode tersebut

<!-- Script Mulai Video Youtube Responsive -->
<script> //<![CDATA[ /*! llyv.js v0.1.0 */ !function(){"use strict";for(var t=document.querySelectorAll(".llyv"),e=0;e<t.length;e++){var i=document.createElement("div");i.className="llyv-play-btn",t[e].appendChild(i);var l=document.createElement("img");l.src="https://img.youtube.com/vi/"+t[e].dataset.id+"/hqdefault.jpg",t[e].appendChild(l),t[e].addEventListener("click",function(){var t=document.createElement("iframe");for(t.setAttribute("src","https://www.youtube.com/embed/"+this.dataset.id+"?rel=0&showinfo=0&autoplay=1"),t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen","");this.firstChild;)this.removeChild(this.firstChild);this.appendChild(t)})}}(); //]]> </script>
<!-- Script Akhir Video Youtube Responsive --> 

2. Lalu cari kode </b:skin> dan simpan kode dibawah ini tepat diatas kode tersebut

<!-- CSS Mulai Video Youtube Responsive -->
 /* * llyv.css
* Optimizing the performance while loading multiple YouTube videos on the same page
* @license MIT
* @version 0.1.0
* @author Wong, Wing Kam - @wingkwong
* @updated 2018-07-11
* @link https://github.com/wingkwong/lazy-load-youtube-videos
*/ .llyv,.llyv .llyv-play-btn,.llyv img{cursor:pointer} .llyv{background-color:#000;margin-bottom:30px;position:relative;padding-top:56.25%;overflow:hidden} .llyv img{width:100%;top:-16.82%} .llyv .llyv-play-btn{width:100px;height:60px;background-color:#282828;z-index:1;border-radius:9px} .llyv .llyv-play-btn:before{content:"";border-style:solid;border-width:15px 0 13px 28px;border-color:transparent transparent transparent #fff} .llyv .llyv-play-btn:hover{background-color:red} .llyv .llyv-play-btn,.llyv .llyv-play-btn:before,.llyv iframe,.llyv img{position:absolute} .llyv iframe{height:100%;width:100%;top:0;left:0} .llyv .llyv-play-btn,.llyv .llyv-play-btn:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
<!-- CSS Akhir Video Youtube Responsive --> 

Cara Pasang Video

1. Copy-paste kode yang ada di bawah ini kemudian silakan Anda ubah id-video

<div class="llyv" data-id="id-video">

2. Copy URL video youtube Anda

https://www.youtube.com/watch?v=iwpRciPFBxc

2. Maka hasilnya kira-kira seperti di bawah ini

<div class="llyv" data-id="iwpRciPFBxc">

Hanya itu dulu saja apa yang bisa kami sampaikan tentang bagaimana cara memasang video YouTube di website dan blog agar responsif dan agar loadingnya cepat dan atas kunjungannya kami ucapkan terima kasih selamat mencobanya

Cabe Pedas, Template Blogger Versi 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 content='Kata Kunci 1, Kata Kunci 2, Kata Kunci 3, Kata Kunci 4' name='keywords'/>

* Meta Search Engine Tinggal disesuaikan

<meta content='xxxx' name='facebook-domain-verification'/>
<meta content='xxxx' name='google-site-verification'/>
<meta content='xxxx' name='alexaVerifyID'/>
<meta content='xxxx' name='p:domain_verify'/>
<meta content='xxxx' name='yandex-verification'/>
<meta content='xxxx' name='msvalidate.01'/> 

* Meta Sosial Media Tinggal disesuaikan

 <meta content='https://www.facebook.com/xxxx' property='article:author'/>
 <meta content='https://www.facebook.com/xxxx' property='article:publisher'/>
 <meta content='xxxx' property='fb:app_id'/>
 <meta content='xxxx' property='fb:admins'/>
 <meta content='xxxx' property='fb:profile_id'/>
 <meta content='xxxx' property='fb:pages'/>
 <meta content='@xxxx' name='twitter:creator'/>

 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

 <img border="0" data-original-height="350" data-original-width="500" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0ccdqO5sq39rhfcG0_fS2d7f6g9lyj2K3JlN-XueTX4SP9oE8HhHhk4QSn7HshUXsq-L8ETjnB9aRBXtmbG4ynleA6nG1nb1M1mn_t-ZasFWMvYE_-VLObrAMPKAJ1b_BYKsAYk2YnM/s400/vegetables-1584999_500-min.jpg" width="400" />

 - Gambar setelah di lazy load

 <img border="0" data-original-height="350" data-original-width="500" height="250" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0ccdqO5sq39rhfcG0_fS2d7f6g9lyj2K3JlN-XueTX4SP9oE8HhHhk4QSn7HshUXsq-L8ETjnB9aRBXtmbG4ynleA6nG1nb1M1mn_t-ZasFWMvYE_-VLObrAMPKAJ1b_BYKsAYk2YnM/s400/vegetables-1584999_500-min.jpg" width="400" src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAA1BMVEXz8/SVuXQoAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==' />

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 <!--pasang kode iklan disini--> kira-kira nanti dibawahnya akan terlihat kode seperti ini, dan Silahkan ganti dengan kode iklan milik kalian

 <div class='testad' style='width:100%;height:200px;background:#eee'/>

 

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 

 

<a id="desc" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggMTCcwKtHLJO2wT0pNOlQlzfv88g3Mo4r0Z4Qcn0kwo_0aOHmOeRR1SqU7yhAUMsRfCRElZJVrcc6wPkX-SoSScBeRktJvF8wkb3h7YAiiF0fubgSf-mfzi772hOLwjAjc7pDmPq-5Bw/s1600/food-1239423_500-min.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="348" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggMTCcwKtHLJO2wT0pNOlQlzfv88g3Mo4r0Z4Qcn0kwo_0aOHmOeRR1SqU7yhAUMsRfCRElZJVrcc6wPkX-SoSScBeRktJvF8wkb3h7YAiiF0fubgSf-mfzi772hOLwjAjc7pDmPq-5Bw/s1600/food-1239423_640-min.jpg" /></a> 

 

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

Cara Mengatasi Ukuran Tulisan dan Gambar Header Pada Blogger Versi Terbaru

 

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

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

 

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;">

<img alt="Nama_Gambar" border="0" data-original-height="474" data-original-width="620" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsJH_rWyBCTcpUrG-dn5ZGC-KwUAy1ImRGP5zxXIy20bkGRBzL3OPdopvOLBDSXQ96PzRZcRBGeEFKtCv0xBhj_bKKaaCYyeLft4iXHyqIrc1mBzpjDcqkoeAabXKBaqrNXDLaIFW29eMr/w320-h245/gambar%2Bburem%2Bdi%2Bhalaman%2Butama.png" title="Nama_Gambar" width="320" /></a>

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

<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;">

<img alt="Nama_Gambar" border="0" data-original-height="474" data-original-width="620" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsJH_rWyBCTcpUrG-dn5ZGC-KwUAy1ImRGP5zxXIy20bkGRBzL3OPdopvOLBDSXQ96PzRZcRBGeEFKtCv0xBhj_bKKaaCYyeLft4iXHyqIrc1mBzpjDcqkoeAabXKBaqrNXDLaIFW29eMr/s620/gambar%2Bburem%2Bdi%2Bhalaman%2Butama.png" title="Nama_Gambar" width="320" /></a>

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

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

 

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(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</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, &quot;300:200&quot;)' 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, &quot;300:200&quot;)' 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(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</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

<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' height='74' width='74'/>

Ganti dengan 

<img class='lazy' expr:alt='data:post.title' expr:src='resizeImage(data:post.firstImageUrl, 290, &quot;300:200&quot;)' height='150' width='200'/>

B. BARIS 2

<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' height='74' width='74'/></div>

Ganti dengan

<img class='lazy' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' itemprop='image'/>

C. BARIS 3 

<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'/>

Ganti dengan

<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'/>

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, &quot;300:200&quot;)' 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