CARA CHANGE X-GEN TEMPALATE

++CARA INSTAL++
-masuk ke dashboard blogger
-Klik Rancangan
-Edit HTML
-Choose File, lalu pilih lokasi file template ini yang telah anda download tadi
-klik Unggah

Lakukan instruksi berikut setelah melakukkan penginstalan diatas

++++++++++++++++++++++++++++
++Mengubah Seccondary Menu++

Cari kode ini: <ul class='menus menu-secondary'>
lalu dibawahnya ada kode seperti ini:

<li><a href='#'>Template</a></li>
<li><a href='#'>Tips and Trick</a></li>
<li><a href='#'>Content</a></li>

<li><a href='#'>Dropdown1</a>
<ul class='children'>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
</ul>
</li>

<li><a href='#'>Dropdown2</a>
<ul class='children'>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>SubMenu</a>
<ul class='children'>
<li><a href='#'>Menu</a>
</li>
</ul>
</li>
</ul>
</li>

<li><a href='#'>Contact</a>
<ul class='children'>
<li><a href='#'>Andi Techno</a>
<ul class='children'>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Google Plus</a></li>
</ul>
</li>
<li><a href='#'>Email</a></li>
</ul>
</li>

<li><a href='#'>Artikel</a>
<ul class='children'>
<li><a href='#'>Techno</a></li>
<li><a href='#'>Social Media</a></li>
</ul>
</li>

</ul>
</div>
</div>
<div style='clear:both;'/>

ganti tanda # dengan link anda dan ganti Nama menunya

+++++++++++++++++++++++++++
++Mengganti gambar Slider++

cari kode ini: <ul id='css3-slider'>

lalu dibawahnya ada kode seperti ini:

<li>
        <input checked='true' id='s1' name='num' type='radio'/>
        <label for='s1'>1</label>
        <a href='/'>
            <img src='http://i1153.photobucket.com/albums/p505/andixgen/xgengreen-1.jpg'/>
            <span>Go green...</span>
        </a>
    </li>
    <li>
        <input id='s2' name='num' type='radio'/>
        <label for='s2'>2</label>
        <a href='/'>
            <img src='http://i1153.photobucket.com/albums/p505/andixgen/yellowxgen.jpg'/>
            <span>hmm, its golden colour...</span>
        </a>
    </li>
    <li>
        <input id='s3' name='num' type='radio'/>
        <label for='s3'>3</label>
        <a href='/'>
            <img src='http://i1153.photobucket.com/albums/p505/andixgen/whitexgen.jpg'/>
            <span>Holy colour, yes it white...</span>
        </a>
    </li>
    <li>
        <input id='s4' name='num' type='radio'/>
        <label for='s4'>4</label>
        <a href='/'>
            <img src='http://i1153.photobucket.com/albums/p505/andixgen/xgenred-1.jpg'/>
            <span>The Brave Colour is Red only, i think...</span>
        </a>
    </li>
    <li>
        <input id='s5' name='num' type='radio'/>
        <label for='s5'>5</label>
        <a href='/'>
            <img src='http://i1153.photobucket.com/albums/p505/andixgen/xgen-1.jpg'/>
            <span>I Think blue is calm colour...</span>
        </a>
    </li>

*Petunjuk:
<img src='URL GAMBAR ANDA'/> <span>DESKRIPSI GAMBAR ANDA</span>

+++++++++++++++++++++++++++++++++
++MENGGANTI WIDGET SOSIAL MEDIA++

cari kode ini: <div class='social-connect-widget' style='margin-bottom:10px;'>

dibawahnya ada kode seperti ini:

<a href='http://facebook.com/USERNAME'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzZPwFKtR0fnS4TFDJ9jkey3meBNCRJgyxRLooXwBVYAR_NvYkJ9Zf7tMyh-88iOjZo1hzjU6nrgTETXPUwFqpR8BijU_oDgtF_aTgyYGhdEjtQHPgbKXnTTSj2O5IL_jOMddWhvQDqso/s1600/social-connect-facebook.png' title='Be Our Fan on Faacebook'/></a><a href='http://facebook.com/USERNAME'>Add Me</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/USERNAME'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-gkSnc6RZIYukBq0ZO8h0ED3y0n1ssq8pCtFSOi83VjwLacpuIEMJGcgRM9bx_VIIR9oq-M0sXRLIEH8_2Qfnf73N3rswxESPwhsWqmD6hOPu72j60fYxvNcgyaB4ZGrc9oS1SPNUidE/s1600/social-connect-twitter.png' title='Follow Me on Twitter'/></a><a href='http://twitter.com/USERNAME'>Follow Me</a>
</div>

<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a href='https://plus.google.com/u/0/YOUR ACCOUNT'><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim59k71-9BI-p3wksKxxqtlyLCBbs7GNSMk_9Jf68gX9tlrzLsoRiXo3G6aOofQtp11J-F6cq4DJWGNVWTRJ6UAvfusURz535xMG8snkrEsLhLR8QshdQAcmJDUS6aLyYYeu8nnKyZgE4/s1600/Google-Plus-icon.png' style='width:32px;height:32px;' title='My G+ Account'/></a><a href='https://plus.google.com/u/0/YOUR ACCOUNT'>Circling Me</a>
</div>                    

*Petunjuk: 
http://facebook.com/USERNAME ganti dengan akun facebook anda

http://twitter.com/USERNAME ganti dengan akun twitter anda

https://plus.google.com/u/0/YOUR ACCOUNT ganti dengan akun google+ anda


++++++++++++
++META TAG++

cari kode ini: <meta content='DESCRIPTION HERE' name='description'/>
ganti teks ''DESCRIPTION HERE'' dengan deskripsi blog anda

cari kode ini: <meta content='KEYWORDS HERE' name='keywords'/>
ganti teks 'KEYWORDS HERE' dengan keyword blog anda

cari kode ini: <link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
ganti teks 'YOUR FAVICON-URL' dengan link icon blog anda

cari kode ini: <meta content='YOUR NAME' name='Author'/>
ganti teks YOUR NAME dengan nama anda

Posted in: