baner

Posted by : andika Kamis, 17 Januari 2013


Template ini di desain oleh  Johanes Djogan,template ini di rancang dengan penuh sentuhan kode css.Berikut preview templatenya:



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0xIMrGvt25xh2iQUnG1fyVtFCar5ItyGDO3hDPdzDb5kZ_GpSvE6Nyxw4E2aH3r-wjEuDfslt7GQSOxneBiLl1QcZlvdDBQpgpOo9aC5NfuzTV0CaOr7ikP9f-rS4BtucPD8lxGWmTQ8/s1600/screenshot.jpg


contoh

DOWNLOAD DISINI

password :  andika



.Untuk pengaturan menu: Buka blogger=>templates=>Edit HTML lalu cari HTML seperti dibawah ini,lalu ganti tanda pagar '#' dengan URL link yang kamu inginkan.

Pengaturan Menu 1


<div id='nav'>
<ul><!--menu1 -->
<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Guestbook</a></li>
</ul>
</div>


Pengaturan Menu 2

<div id='nav'>
<ul><!--menu2 -->
<li><a href='#'>Exchange link</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Email</a></li>
</ul>
</div>


Pengaturan Slide


Untuk pengaturan slide,kamu bisa mengganti judul deskripsi dan gambar background

perhatikan kode HTML dibawah ini


<section class='jms-slideshow' id='jms-slideshow'>

<div class='step' data-color='color-2'>
<div class='jms-content'>
<h3>Fairy tail.</h3><!--judul -->
<p>From fairest creatures we desire increase, that thereby beauty&#39;s rose might never die</p><!--deskripsi -->
</div><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj08jYWB3gWCSSJ8vwLdfjRX928nxKxBoynKwBH13Po-HoYDGzljRHbXP2Ej03_f2pG4HMshLOcKH6HoWKYWPSVM4nd1ppIF1scxzmXmpBpTtoydE4gyny6HJMMRMiHCt1vcddr9v0Hu8o/s1600/Konachan.jpg'/><!--background -->
</div>

<div class='step' data-color='color-3' data-rotate-x='80' data-y='900'>
<div class='jms-content'>
<h3>Lucy</h3><!--judul -->
<p>But as the riper should by time decease, his tender heir might bear his memory</p><!--deskripsi -->
</div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsYEERkTti5vTUKbpeNuRb_PEJyZxuR72vHnGDnobuSa54RBcOsFMyJXM31skYIJIwEMyjP6_yDhJLK9r0bINWmZIAunGXLSj4KvxbKctCfSsif4DMVbdZhlQkLUZbDZvcbANaVhw40RI/s1600/Untitled-1.jpg'/>
</div><!--background -->

<div class='step' data-color='color-4' data-rotate='170' data-x='-100' data-z='1500'>
<div class='jms-content'>
<h3>Natsu</h3><!--judul -->
<p>Within thine own bud buriest thy content and, tender churl, makest waste in niggarding</p><!--deskripsi -->
</div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_HYntFDbXWKRTfMego51M6Y_5U3wy2vLz4HvETOwCCN8msEaOEouFUEGx9tsYYgrD0nknRiAA_LMdjqcuH66QfppmzkefbRQJXQ_Kqum0jECow-zOE4zAZyYrx7N6IiypcpXTqQ-wALg/s1600/Untitled-1.jpg'/>
</div><!--background -->

<div class='step' data-color='color-5' data-x='3000'>
<div class='jms-content'>
<h3>Erza Scarlet</h3><!--judul -->
<p>Making a famine where abundance lies, thyself thy foe, to thy sweet self too cruel</p><!--deskripsi -->
</div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB6-T8fBVON7mkuyJXPjY8m4Pn4B_-4gwQzP9RCEJNtIONOq6FETnM3nRjkqZQUgElEcsPxLKVAQdzZ0dwMXnP6CAIjca9VPKZQ8lqNVJdNjL3PVKeURdyotJyzbfbYUtmA1RhssQbq5M/s1600/Untitled-1.jpg'/>
</div><!--background -->

<div class='step' data-color='color-1' data-rotate-y='45' data-x='4500' data-z='1000'>
<div class='jms-content'>
<h3>Happy</h3><!--judul -->
<p>Thou that art now the world&#39;s fresh ornament and only herald to the gaudy spring</p><!--deskripsi -->
</div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPkxozVZ9u3r3EAosFXOEwEf6rHvZJfVFUchxKPzhUAIHaI1-ESzvhQtfuN98rw9efUgjKMROVBHHU18XLT8qZDLyHuY1t-Am09FNY9ubTppSkn69T3mxhqxHZyxJ8myDVMTXE4qK5s7U/s1600/Untitled-1.jpg'/>
</div><!--background -->

</section>


saya sudah menandai tiap html'a sperti
<!--judul -->  warna merah
<!--Deskripsi --> warna orange
<!--background --> warna biru

kamu tinggal mengganti judul dan deskripsi slide'a.
Untuk background'a sendiri,kamu tinggal mengganti url gambar seperti yang ada diatas dengan gambar yang kamu inginkan.
Ukuran gambar tepat'a 602 × 262








Leave a Reply

Subscribe to Posts | Subscribe to Comments

Baner terselundup

Visit NowVisit NowVisit NowVisit NowVisit NowVisit NowVisit NowVisit Now

- Copyright © 2013 lol - Exclusive blue v.2 - Powered by Blogger - Designed by ANDRI - Ori by Djogzs -