Mendapatkan Skor Chkme 100 Persen
Sunday
Edit
Langkah :
7. Cari kode yang mirip dengan kode dibawah ini :
11. Lalu pada bagian blog Anda, cari seluruh HTML sidebar blog Anda :
Misalkan pada sidebar D-Copy Blog pada bagian widget sidebar "INFO & BLOGROLL" maka pada bagian edit HTML, HTMLnya seperti dibawah ini :
13. Cari lagi HTML dibawah ini :
20. Ganti HTML diatas dengan HTML dibawah ini :
Sudah lelah? Tapi Anda sudah selesai. Dan silahkan Save Template Anda dan cek sekali lagi di http://www.checkme.com
sumber: http://d-copy.blogspot.com/2012/12/setting-h1-h2-h3-blog-dengan-benar.html
- Terlebih cek template Anda di http://www.checkme.com
- Sesudah itu cek bagian :
> Images: 100 images and ... missing descriptions
> Images: 100 images and ... missing titles - Lalu jika bagian image (gambar/thumnail) Anda missing description dan titles maka buat gambar tersebut menjadi HTML dibawah ini, biasanya itu ada pada gambar pada postingan, sidebar dan bagian HTML :
<img title="Title Yang Anda Inginkan" src="URL Gambar" alt="Deskripsi Gambar Yang Anda Inginkan" />
Catatan :
- Pastikan semua sudah memiliki title dan alt (deskripsi) pada seluruh gambar
- Pastikan pada seluruh gambar postingan dikasih title dan alt, caranya adalah kita anggap Anda sudah berada dalam keadaan proses membuat postingan, lalu klik gambar dalam proses membuat postingan tersebut lalu maka akan muncuk otomatis menu-menu dibawah gambar, lalu klik "properties" dan berikan title dan alt.
4. Lalu masuk pada menu edit HTML, jangan lupa centang Expand Template Widget
5. Cari kode yang mirip dengan kode dibawah ini :
#header {6. Buat CSS diatas dan tambah h1/ganti menjadi seperti dibawah ini :
--------
-----------
}
#header h1{
---------
----------
}
Catatan : Jika sudah ada CSS diatas (langkah 6) maka jangan lakukan langkah diatas.
7. Cari kode yang mirip dengan kode dibawah ini :
#sidebar h3{8. Lalu salin kode diatas dan buat h3 menjadi h3, maka akan menjadi seperti ini jadinya :
---------
-------------
}
#sidebar h2{9. Cari kode yang mirip dengan kode dibawah ini :
---------
-------------
}
#sidebar h3{
---------
-------------
}
<h3 class='post-title entry-title'>10. Ganti h3 menjadi h2, biasanya HTML diatas ada 2, ganti ke2 HTML tersebut.
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
11. Lalu pada bagian blog Anda, cari seluruh HTML sidebar blog Anda :
Misalkan pada sidebar D-Copy Blog pada bagian widget sidebar "INFO & BLOGROLL" maka pada bagian edit HTML, HTMLnya seperti dibawah ini :
<b:widget id='HTML35' locked='false' title='Info &amp; Blogroll' type='HTML'>12. Maka ubah h2 menjadi h3, ingat... ubah seluruh bagian widget sidebar Anda.
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
13. Cari lagi HTML dibawah ini :
<h1 class='title' style='background: transparent; border-width: 0px'>14. Biasanya kode diatas ada 2, ganti kedua-duanya dengan kode dibawah ini :
<b:include name='title'/>
</h1>
<b:if cond='data:blog.pageType != "item"'>15. Lagi... dan lagi Anda jangan bosan dulu, cari lagi kode dibawah ini :
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
<h1 class='title'>16. Ganti seluruh HTML diatas dengan HTML dibawah ini :
<b:include name='title'/>
</h1>
<b:if cond='data:blog.pageType != "item"'>17. Cari lagi HTML dibawah ini :
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
<h2 class='date-header'><data:post.dateHeader/></h2>18. Ganti HTML diatas dengan HTML dibawah ini :
<div class='date-header'><data:post.dateHeader/></div>19. Cari lagi kode dibawah ini, awas jangan sampai salah, karena ada yang mirip :
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block' />
</a>
<!--Show the description-->
20. Ganti HTML diatas dengan HTML dibawah ini :
<!--Show the image only-->21. Cari CSS dibawah ini :
<div id='header-inner'>
<h1>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block' title='Go To Home'/>
</a></h1>
<!--Show the description-->
h2.date-header {22. Hapus h2 pada CSS diatas.
margin: 1.5em 0 .5em;
}
Sudah lelah? Tapi Anda sudah selesai. Dan silahkan Save Template Anda dan cek sekali lagi di http://www.checkme.com
sumber: http://d-copy.blogspot.com/2012/12/setting-h1-h2-h3-blog-dengan-benar.html
Related Posts