Download How To Install

Download

DOWNLOAD

How to install

basic: dashboard>template>edit html
backup first your template, this will delete all widget

CTRL+A and DEL to delete all script
Drag n drop Vadotaku 004.xml or open it CTRL+A CTRL+C and paste it to the script area

Setting

]]background pic 

find these codes use CTRL+F then enter to faster the codesearching

==https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHAgPRfXz_nDG7r9heFnHdGFUyeyKzO37p6YUOQ6NSlXYGpuRqXDPUTAysvis200ewj_NiDNqBlIRYPkWZYGAFLTr0xFziixcLuc2TvcE4p1tLh1Fjn5IJY4aOzA9AtnC2IO_YAo4o/s1600/New_york_times_square-terabass.jpg

        then change it to your pic link
remember the image resolution must big or you can add no-repeat to
this code

body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHAgPRfXz_nDG7r9heFnHdGFUyeyKzO37p6YUOQ6NSlXYGpuRqXDPUTAysvis200ewj_NiDNqBlIRYPkWZYGAFLTr0xFziixcLuc2TvcE4p1tLh1Fjn5IJY4aOzA9AtnC2IO_YAo4o/s1600/New_york_times_square-terabass.jpg)center center fixed;
background-size:100%;

so it will be

body {
background: url(pic url)no-repeat center center fixed;
background-size:100%;

the image will be on center and the background will be white to change it add color like this

body {
background: black url(pic url)no-repeat center center fixed;
background-size:100%;

]]responsive background pic

this is for resolution below 1024 so it will prevent the repeating images, so you must use portrait image or use no-repeat
find this link
==https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH68efGDiajHLodnbFHFekIEEN1qZrMmwfNh6dODKvzFc2hi7evPEgCkG30lgEXelC4cVYYHw4xgv38-tsdIJDDfNHVgxg6QrRlytI-3ESYlN1ZuQfoZbqIrxzrExGT8L8P6Xv8SVa/s1600/Times_Square_112808(2).jpg
then replace it with your pic url

]]title background moving pic

this is for image behind the title, search this code and then replace it with your link
==https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhPRdvF-7EmGssbJ7a0-jvlMjfM-ImRmVyFWQ3u4fOpw421sYYv50OhmMgp1VJls8g-YHngx3z87TkiJczCOBOTKBK40fIJiokJZYrBj115v-9mn_T9tXz0ZdLWMf1bX4p-o5ckO7x/s1600/color-bars-1920x1200.jpg

hope these picture tutor works

]]Meta Tags

find this code <!-- Metatags --> so you will find

<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Exo:200' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'/>
<meta content='deskripsi' name='description'/>
<meta content='rivadotaku, keyword1, pisahkankeyworddengankoma' name='keywords'/>
<meta content='index, follow' name='robots'/>
<meta content='google verification code' name='google-site-verification'/>
<meta content='bing verification code' name='msvalidate.01'/>
<meta content='alexa verification code' name='alexaVerifyID'/>
<meta content='2 days' name='revisit-after'/>
<meta content='general' name='rating'/>
<meta content='country code' name='geo.country'/>
<meta content='country name' name='geo.placename'/>
<meta content='author name' name='author'/>
<meta content='all' name='Slurp'/>
<link href='http://urlblog/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://urlblog/atom.xml' rel='alternate' title='Atom' type='application/atom+xml'/>
<link href='http://urlblog/feeds/posts/default' rel='alternate' title='RSS Feeds' type='application/atom+xml'/>
<link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://urlblog' rel='openid.delegate'/>
<link href='urlgoogleplus' rel='author'/>

change only the description, keyword, author name, and others in front of content='' dont change the name=''
        replace urlblog (WORDS) with your blog url
        read the meta tag names!

]]Menu Tabs

    find this code <div id='headermenu'>
you will find this

<a href='#'>Page1</a>
<a href='#'>Page2</a>

        replace # with the page url, replace page1 page2 with page names
add more by add <a href='url'>name</a> below those

]]Social links

    find this code <div id='headertabswrapper'>
you will find this

<div id='headertabswrapper'>
  <div class='headertabs' id='headertabs'>All Posts</div>
  <div class='headertabs'><a href='#'>Social Profile1</a></div>
  <div class='headertabs'><a href='#'>Social Profile2</a></div>
  <div class='headertabs'><a href='#'>Social Profile3</a></div>
  <div class='headertabs'><a href='mailto:email@address'>Email</a></div>
  </div>

replace  # with url , email@address with your email address social profile 1,2 email with its name

]]Table of Contents

find this code <div id='daftarisi'>
  you will find this

<div id='daftarisi'><script src='http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js'/><script src='http://url.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc'/> </div>

replace url.blogspot.com with your url

]]Adding widget

sorry for bad layout pages
the order is sidebar - footer left -footer middle -footer right

contact me if you got problem, see in readme file