Kumpulan Tutorial Archive Blogger

Daftar Isi

A. Menghilangkan iklan komentar disqus pada blog AMP HTML

Masuk ke tema, kemudian edit HTML

Cari kode berikut

    
        https://cdn.rawgit.com/KompiAjaib/kompi-html/master/ampdisqus_blogger4.html

Ganti dengan kode ini

    
        https://cdn.statically.io/gh/KompiAjaib/kompi-html/master/ampdisqus_blogger5.html

Not: Jika anda tidak menemukan kode pertama, maka cari ampdisqus_blogger4.html kemudian ganti dengan ampdisqus_blogger5.html

B. Mengatasi error AMP atau tanda panah di dekat header blog

Pertama, cari kode berikut

<HTML

Ganti dengan kode ini

<html b:css='false' b:js='false'

Kedua, cari kode berikut

&lt;/head&gt;&lt;!--<head/>--&gt;
<body>

Ganti dengan kode ini

&lt;/head&gt;
&lt;body&gt;

Terakhir cari kode berikut

&lt;!--</body>--&gt; &lt;/body&gt;
</HTML>

Lalu ganti dengan kode ini

&lt;!--<head/>&lt;!--<body/>--&gt; &lt;/body&gt; 
</html>

Not: Ketika ada perbaikan melalui edit HTML, pastikan anda telah menghapus keempat kode xmlns

C. Meningkatkan Performa Blog Kompi Flexible

Masuk ke tema, kemudian edit HTML

Cari kode berikut

    
        <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>

        <div class='posts-thumb'>

          <b:if cond='data:post.thumbnailUrl'>

            <img class='lazyload' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.thumbnailUrl, 300, &quot;16:9&quot;)' expr:title='data:post.title' height='9' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJAQMAAAAB5D5xAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjwA0AABsAAQrj5HwAAAAASUVORK5CYII=' width='16'/>

<b:else/>

<img class='lazyload' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcu5TMjrz4q9aIrANSVXkE7nkimbFX4sK7IuNkK6JalXEEZ9rHgv1cmBrqvRuOSInW3wwvIQB5wwqY6Ht1sCBpeGUJ3NO7X_HJTU3x7iurzqiUN-YXm4LhYG76Kej5rYEICvwcxlCmxlo/w300-h168-p-k-no-nu/no-thumbnail.jpg' expr:alt='data:post.title' expr:title='data:post.title' height='9' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJAQMAAAAB5D5xAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjwA0AABsAAQrj5HwAAAAASUVORK5CYII=' width='16'/>

          </b:if>

        </div>

</b:if>

Ganti 300 dengan ini

D. Mengatasi favicon yang tampil menjadi word

Masuk ke tema, kemudian edit HTML

Cari kode berikut

    
    rel='icon' type='image/x-icon'/>

Ganti dengan ini

    
    <link expr:href='data:blog.canonicalHomepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>