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
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>
<
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 == "static_page"'>
<li><data:blog.pageName/></li>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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 == "true"' -->
<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 == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<li>Archives for <data:blog.pageName/></li>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageName == ""'>
<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
<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 == "static_page"'>
<li><data:blog.pageName/></li>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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 == "true"' -->
<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 == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<li>Archives for <data:blog.pageName/></li>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageName == ""'>
<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 -->