Share-Tuts | Share Segala Hal yang Diketahui

Membuat Blog Valid HTML5

Membuat Blog Valid HTML5

Huh dah lama kagak posting tutorial blog nih. Kali ini Share-Tuts akan memberikan tutorial cara Membuat Blog Vald HTML 5. Sebelumnya sobat tau gak Apasih valid HTML5 itu? Valid HTML5 itu merupakan kode HTML yang mengikuti kemajuan jaman yang lebih update dari HTML4. Valid HTML5 akan membuat kode HTML template anda support di berbagai Browser. HTML5 ini pun menambahkan beberapa tag diantaranya yaitu <header>, <article>, dan <footer>. Namun tag <center> dihapus dan dianggap tidak valid lagi.

Berikut beberapa cara Membuat Blog Vald HTML 5 :

1. Cari kode seperti
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

Kemudian ganti kode tersebut dengan.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>

2. Ganti kode
</html>

dengan
</HTML>

3. Cari kode dan hapus kode berikut
<div class='post-share-buttons goog-inline-block'>...sampai...</div>

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>

<b:include name='quickedit'/>

<b:include data='blog' name='all-head-content'/>

4. Cari kode ini
<b:skin><![CDATA[

Ganti dengan
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[

5.Dan juga hapus beberapa widget blog yg sudah tidak Valid HTML 5 lagi yaitu
Google+ Followers
Pengikut
Share Button
Statistic

Sekian tutorial dari Share-Tuts. Terima Kasih
Sumber : http://www.hack4rt.us/2013/04/cara-membuat-template-blog-valid-html-5.html
Posted by: Share-Tuts
Share-Tuts, Updated at: 09.07

Pharse HTML 3

Masukan kodenya disini:
Hasil:
Posted by: Share-Tuts
Share-Tuts, Updated at: 13.08

Share4rt Free Template Seo V.2

Share4rt Free Template Seo V.2

Setelah tadi sempat share post template Share4rt Free Template Seo V.1 kali ini share-tuts akan share lagi template buatan share4rt yang kedua yaitu Share4rt Free Template Seo V.2. Bincang - bincangnya udahan yah cape nih ngetiknya =)).

Kelebihan pada template kedua ini yaitu :

- Simple n Fast loading
- 100% SEO in Chkme.com
Spoiler:
Share4rt Free Template Seo V.2
Fitur didalam template ini :

  • 3 Kolom Postingan.
  • 3 Kolom Untuk Widget di Footer.
  • Blockquote Sederhana.
  • Menu Navigasi Breadcrumb.
  • Rich Snippet Ready.
  • Sharing Button.
  • Kotak Berlangganan Via Email + Permalink Otomatis.
  • Related Post with Thumnail.
  • Auto Readmore With Thumnail.
  • Modifikasi Form Komentar.
  • Simple Menu DropDown.
  • dll.
NB : Template ini Belum Valid HTML5 , Masih ada 1 Error . Berikut ini adalah cara menghilangkan error tersebut .
  
cari kode <b:skin><![CDATA[ lalu ganti kode tersebut dengan kode :

<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' /> &lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]] <style>

Jika Template ini divalidkan HTML5 sobat tidak akan bisa memberikan Background pada Blog nya . Tidak tau kenapa . Saya sudah tanya kepada Kang Kapuk . dia juga tidak mengerti . Jadi jika ingin Memberikan Background pada Template nya , biarkan 1 Error tersebut . Karena jika di Validkan ke HTML5 Background akan Berwarna Putih.
DEMO  |  DOWNLOAD

Sumber : http://share4rt.blogspot.com/2013/02/share4rt-free-seo-template-v2.html
Posted by: Share-Tuts
Share-Tuts, Updated at: 21.59

Share4rt Free Template Seo V.1

Share4rt Free Template Seo V.1

Hai sobat kali ini share-tuts akan memberikan posting tentang template yang dibuat oleh sobat share-tuts yaitu share4rt ini merupakan template buatan dia versi pertama sobat, walaupun pertama tampilannya cukup bagus dan minimalis loh. Oke langsung aja kita liat fitur dari nih template.

Fitur : 
  • Postingan 2 Kolom
  • Meta Tag Friendly
  • Sidebar Sebelah Kanan
  • 1 Kolom Footer
  • Dua Menu ( Bawah Header dan Atas Footer )
  • Hidden Header
  • Breadcrumbs
  • Rich Snippets Rating
  • Sumber Otomatis
  • Menu navigasi Melayang
  • Widget Sharing di akhir postingan
  • Permalink Otomatis
  • Threaded Comments
  • Artikel Terkait

NB :
  • Hargailah hasil karya orang lain jika anda Merasa Blogger yang punya etika dengan tidak menghapus Credit link nya
  • Password download share4rt.blogspot.com.
DEMO  |  DOWNLOAD

sumber : http://share4rt.blogspot.com/2013/02/share4rt-free-template-v1.html
Posted by: Share-Tuts
Share-Tuts, Updated at: 00.00