Mendapatkan Skor Chkme 100 Persen
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
Makasih infonya sob ..
ReplyDeleteBERMANFAAT SEKALI GAN, JANGAN LUPA KUNJUNGANNYA GAN:
ReplyDeletehttp://asoftware-community.blogspot.com/
Wah hebat ni tutorialnya, tapi score anda sendiri hanya 51%
ReplyDeletebukan hanya itu aja gan yang hrus di perhatikan juga Quickedit dan FeedLink bawaan blogger
ReplyDeleteitu yang membuat SEO blog menurun Info Selanjutnya bisa langsung Kesini Gan
Cara Mengoptimalkan Skor SEO 100%
mantab penjelasannya sippp
ReplyDeleteTerima kasih telah berbagi informasi
ReplyDeleteDAFTAR GRATIS OKEYNOTES.COM ONLINE DUNIA SEJAK 2012
ANDA LANGSUNG DAPAT MEMBUAT
IKLAN BARIS
MARKETPLACE
FORUM
BLOG
HALAMAN MEDIA
SIMPAN FOTO ALBUM
POSTING MUSIK
POSTING VIDEO
POSTING MENERIMA DONASI
CHATTING PRIBADI DAN GROUP
KIRIM FILE DOKUMEN
KEUNTUNGAN POIN
BERBELANJA ONLINE
PERBANYAK TEMAN DAN JARINGAN ANDA DENGAN JUTAAN PEMIRSA YANG AKAN MELIHAT POSTINGAN ANDA
Tipe Iklan
1. Iklan Banner (Slideshow, Flash Banner)
2. Iklan Klik (Sponsor, Platinum, Gold, VIP)
3. Iklan Media Sponsor
Maaf, berbagi informasi terbaru
mantap..
ReplyDeletekunjungan balik di idealimka.blogspot.co.id
apa ini
ReplyDelete