Error Log & Update

Error Log & Update

Bila teman teman mendapati adanya error di template SEO Aggressive Blogger Template V.1.1.0 bisa komen di halaman ini.

Beda lho ya error template dengan template error yang disebabkan karena teman teman telah mengedit dan mengoptimasi template diluar petunjuk

Cheers


update-template-guru-blogger
1. Menambahkan bingkai pada gambar postingan

.post img{
box-shadow:0 0 1px 1px rgb(0 0 0 / 5%)
}

2. Kalau layout admin ndak rapi,

Langkah pertama adalah coba browser lain, mungkin saja karena browser, atau karena terdapat update blogger, bila bukan maka edit saja template versi admin

Template versi admin dimulai dari kode berikut ini:

<b:template-skin>
<![CDATA[
/*--- no edit ---*/

Silahkan ganti lebar masing masing container, border, margin, dll sehingga template admin rapi kembali, atau coba copy dulu kode berikut ini tepat dibawah /*--- no edit ---*/

#inner-wrapper {
margin-top:50px;
}

#content-wrapper {
float:left
}


3. Mengedit ordered list

Karena kurang menjorok ke kanan sepertinya, tambahkan padding kiri sehingga menjadi seperti ini

.post-outer ol {
list-style: decimal;
padding: 0 0 0 40px
}
.post-outer ol ol {
list-style: lower-alpha;
padding: 0 0 0 30px
}
@media (max-width: 710px) {
.post-outer ol {
list-style: decimal;
padding: 0 0 0 20px
}
}
@media (max-width: 710px) {
.post-outer ol  ol{
list-style: lower-alpha;
padding: 0 0 0 20px
}
}


4. Heading 2 dan 3 di post

Pakai garis kayaknya jelek silahkan diganti

.post h2 {
width: fit-content;
padding-top:40px;
padding-bottom:10px;
font-size:30px
}

.post h3 {
width: fit-content;
padding-top:20px;
padding-bottom:10px;
font-size:24px
}



5. Menghapus justify di .post-outer-container

text-align: justify; <-- Hapus


6. Nambahin style untuk label

engatur Padding top Judul & menghilangkan box-shadow untuk gambar

<b:if cond='data:blog.searchLabel'>
<style media='all' type='text/css'>
.post h2 {
  padding-top:10px;
  }
.post img {
  box-shadow:0 0 0 0 !important;
  }
  </style>
</b:if> 


7. Nambahin box-shadow bagian atas biar agak clean

.post-outer-container {
      
box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .15);
}


Ke Versi Seo Aggressive Guru Blogger V.1.1.1


Emang enak pakai template buatan guru blogger, karena 100% sama dengan yang digunakan oleh pembuatnya

Di saat ada update algoritma atau kena colek di search console si pembuat yang kena duluan


1. Update Breadcrumb untuk static page

Awalnya breadcrumb hanya saya pakai di postingan, eh diomelin sama si search console (yawdah nih kasih juga untuk static pagenya)

Kode sebelumnya:
<div class="breadc">
    <ol itemscope="itemscope" itemtype="http://schema.org/BreadcrumbList">
        <li itemprop="itemListElement" itemscope="itemscope" itemtype="http://schema.org/ListItem">
            <a expr:href="data:blog.homepageUrl" itemprop="item">
                <span itemprop="name"> <data:title /> </span>
            </a>
            <meta content="1" itemprop="position" />
        </li>
        <li itemprop="itemListElement" itemscope="itemscope" itemtype="http://schema.org/ListItem">
            <span class="byline post-labels" itemprop="name">
                <span class="byline-label"><data:byline.label /></span>
                <b:loop index="i" values="data:post.labels" var="label">
                    <a expr:href='data:label.url+ "?max-results=7"' itemprop="item" rel="tag">
                        <data:label.name />
                    </a>
                </b:loop>
            </span>
            <meta content="2" itemprop="position" />
        </li>
    </ol>
    <span class="breadcsp"> <data:post.title /></span>
</div>

Rubah Menjadi :
<!-- breadcrumb start -->
<div class='breadc'>
<div>
<ol id='breadcrumb' typeof='BreadcrumbList' vocab='http://schema.org/'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<li property='itemListElement' typeof='ListItem'>
<a expr:href='data:blog.homepageUrl' property='item' typeof='WebPage'>
<span property='name'>Home</span></a>
<meta content='1' property='position'/>
</li>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<li><data:blog.pageName/></li>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop index='index' values='data:post.labels' var='label'>
<!-- b:if cond='data:label.isLast == &quot;true&quot;' -->
<li property='itemListElement' typeof='ListItem'>
<a expr:href='data:label.url' property='item' typeof='WebPage'>
<span property='name'><data:label.name/></span></a>
<meta expr:content='data:index + 2' property='position'/>
</li>
<!-- /b:if -->
</b:loop>
<b:else/>
<li>Unlabelled</li>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<li>Archives for <data:blog.pageName/></li>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<li>All posts</li>
<b:else/>
<li>Posts filed under <data:blog.pageName/></li>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</ol>
<!-- judul artikel -->
<span><data:post.title/></span>
<!-- judul artikel -->
</div>
<div class='clear'/>
</div>
<!-- breadcrumb end -->
Petunjuk : Cara Memasang Breadcrumb di Blogger

Komentar
Silahkan, saya ga nggigit !