MetroTaku Blogger Template Valid HTML5

MetroTaku Blogger Template

Fitur

1. Valid HTML5 Cek


2. Responsive Cek


3. Custom Error 404 Page Cek


4. Threaded Comment System Cek

Tidak valid css3 hanya karena fitur animasi, dan ini tidak terlalu mempengaruhi. Untuk SEO tergantung dari pengelolaan blog.

Cara Install

DEMO
DOWNLOAD

Vadotaku Valid V Blogger Template Valid HTML5 dan CSS3

Vadotaku Valid 5

Fitur

1. Valid HTML5 Cek


2. Valid CSS3 Cek


3. Responsive Cek


4. Custom Error 404 Cek


5. SEO Meta Tags


6. Threaded Comments Cek


7. SEO Score 90%+  *nilai skor tergantung atas pengelolaan seo blog, blog yang polos dengan template VV5 akan mendapat skor minimal 90%

Cara Install, selengkapnya ada di dalam arsip template.

DEMO
DOWNLOAD

Cara Menginstall Template Vadotaku Series

Cara Menginstall Template Vadotaku Series

. Akhirnya saya berhasil membuat template ketiga saya. Sebelum mempublikasikannya. Saya post dulu mengenai cara install template di blogger, sehingga saya tidak perlu menulis di masing-masing template. Semoga info berikut berguna.

Basic - Cara Memasang Template BLOGGER Secara Umum

1. Download Template di link berbentuk seperti berikut

Demo / Sampel website template ada di link berbentuk seperti berikut






2. Buka Blogger, di dasbor buka section Template > Edit HTML

Backup template yang ada buat cadangan: CTRL+A, klik kanan, CUT, buka notepad, paste, save

3. Buka file .zip atau .rar yang didownload (Vadotaku Series dan template umumnya menggunakan zip)

Letakkan file xml (contoh template.xml) di desktop. Klik kanan Open with Notepad. CTRL+A , copy, buka EDIT HTML Blogger, Paste.

3. Save Template

Customization - Kustomisasi

1. META TAGS - Cari kode berikut

<meta content='My Awesome Blog' name='description'/>
<meta content='keyword1, keyword2, rivadotaku' name='keywords'/>

Ganti My Awesome blog, yang terkandung pada meta deskripsi dengan deskripsi blog anda. Ganti keyword1 yang terkandung pada meta keywords dengan kata kunci blog anda. Konten yang diganti hanya yang berada di dalam content=''



2. IMAGES



Cari URL Gambar yang ingin diganti, klik kanan pada gambar.

 Hasil URL yang dicopy bisa di cari di edit html. Aktifkan kursor di edit html lalu CTRL+F. Copy URL yang tadi lalu pilih enter untuk mencari. Bila tidak ditemukan gunakan inspect element.

Biasanya gambar berupa background. Contoh seperti di gambar.

Specialization - Fungsi keren lainnya

Ada di keterangan di .zip template.

Vadotaku 004 Template

Vadotaku 004 Template - Simple New York

Konnichiwa minna. Kini template saya yang kedua berhasil dibuat! Fitur-fitur lebih baru! Setelah saya belajar programmer lebih lanjut. Fitur-fiturnya:

1. Responsive


2. Meta Tags


3. Dan masih banyak yang lainnya

Download langsung aja tkp ada di blog ini dan www.vado004.blogspot.com

DOWNLOAD
DEMO

Vadotaku 002 R: My Blogger Page - My Template

Vadotaku 002 Blogger Template (My Blogger Profile) adalah template pertama buatan saya yang saya sebar luaskan yang terinspirasi profil twitter, facebook dan google+. Dilengkapi dengan breadcrumb dan drop down menu. Silahkan Download.



Cara Install



Mengganti gambar, cari dan ganti alamat-alamat gambar berikut dengan alamat gambar yang anda inginkan

1. Gambar Foto Profil http://clipartist.info/Art/April/User_Icon_user_icon.svg


2. Gambar Latar Belakang Foto Profil http://wallpicshd.com/wp-content/uploads/2013/08/Windows-8-Backgrounds-Photos.jpg


3. Gambar Latar Belakang Foto Profil di Posting Blog http://downloadwindows8themes.com/wp-content/uploads/2013/03/Glassy-Windows-8-background.jpg 


4. Gambar Latar Belakang Blog http://fc06.deviantart.net/fs71/f/2012/124/1/4/another_turquoise_windows_8_background_by_gifteddeviant-d4yhtd2.png

Mengisi Drop Down Menu

Cari kode berikut

<div id='ST-Container'>

Maka akan ditemui kode berikut

<div id='ST-Container'>

<ul id='menu'>

<li class='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li class='current'><a href='http://rivadotaku.blogspot.com/2014/01/daftar-isi.html'>Daftar Isi</a></li>

<li data-role='dropdown'><a href='http://rivadotaku.blogspot.com/search/label/Blogger'>Blogging</a>

<ul>

<li><a href='http://rivadotaku.blogspot.com/search/label/blogger%20tips'>Blogger Tips</a></li>

<li><a href='http://rivadotaku.blogspot.com/search/label/Blog%20Widget'>Blogger Widgets</a></li>

<li><a href='#'>Item 3</a></li>

</ul></li>

<li><a href='#'>Page 2</a>

<ul>

<li><a href='#'>Item 1</a></li>

<li><a href='#'>Item 2</a></li>

<li><a href='#'>Item 3</a></li>

</ul></li>

<li><a href='#'>Page 3</a>

<ul>

<li><a href='#'>Item 1</a></li>

<li><a href='#'>Item 2</a></li>

<li><a href='#'>Item 3</a></li>

</ul></li>

<li><a href='#'>Page 4</a>

<ul>

<li><a href='#'>Item 1</a></li>

<li><a href='#'>Item 2</a></li>

<li><a href='#'>Item 3</a></li>

</ul></li>

<li><a href='http://www.safetricks.net/'>Create This</a></li>

</ul></div>  

Ganti kode disamping kanan<a href... seperti # atau www.dot.com dengan alamat link yang dituju, ganti item 1 atau huruf lain disamping kanan<a href...>. Format nya adalah berikut

<a href='www.halamanblog1'>Halaman blog 1</a>

 Menambah Menu

<li><a href='#'>Menu</a></li> 

Menambah submenu, copy paste diatas </ul></li>

<li><a href='#'>Submenu</a></li>

Menambah menu dan submenu

<li><a href='#'>Menu</a>

<ul>

<li><a href='#'>Submenu 1</a></li>

<li><a href='#'>Submenu 2</a></li>

<li><a href='#'>Submenu 3</a></li>

</ul></li>

Komentar bila ada kesalahan. Berikan rating

Demo dan Cara Install

Download Template note: gunakan file .XML jangan yang berupa .txt