GAMBAR BERUBAH SETIAP DI RELOAD

 Kali ini gatget gambar yang bisa berubah-rubah setiap halaman blog di realod.
Untuk membuatnya kita tidak pelu menggunakan javaScript, ini 100% menggunakan CSS.

1. Login ke blogger
    » layout / tata letak
    » edit HTML

2. Masukan CSS dibawah sebelum kode

]]></b:skin>:

<br /> #navigation { <br /> list-style: none; <br /> background: #b60002; <br /> overflow: hidden; <br /> width: 922px; <br /> } <br /> #navigation li {<br /> float: left;<br /> border-right: solid 1px #ca0002;<br /> height: 35px;<br /> }<br /> #navigation li a:link, #navigation li a:visited {<br /> text-decoration: none;<br /> display: block;<br /> height: 35px;<br /> color: #fff;<br /> line-height: 35px;<br /> padding: 0 9px 0 9px;<br /> border-right: solid 1px #990000;<br /> font-family: Arial, Helvetica, sans-serif;<br /> font-size: 12px;<br /> font-weight: bold;<br /> }<br /> #navigation li a:hover {<br /> background: #990000;<br /> color: #fff;<br /> list-style: none;<br /> }<br /> #navigation li.first {<br /> border-left: solid 1px #ca0002;

Buka Dasbor menu pada blog anda


1. Klik Layout

2. Klik Add a Gadget

3. Klik HTML/Javascript

4. Masukan kode dibawah ini



  <br /> <ul id="navigation"><br /> <li class="first">
  <a href="LINK TUJUAN">JUDUL LINK</a></li>
  <br /> <li>
  <a href="LINK TUJUAN">JUDUL LINK</a></li>
  <br /> <li>
  <a href=LINK TUJUAN"">JUDUL LINK</a></li>
  <br /> <li>
  <a href="LINK TUJUAN">JUDUL LINK</a></li>
  <br /> <li>
  <a href="LINK TUJUAN">JUDUL LINK</a></li>
  <br /> <li>
  <a href="LINK TUJUAN">JUDUL LINK</a></li>
  <br /> <li>
  <a href="LINK TUJUAN">JUDUL LINK</a></li>
  <br /> <li>
  <a href="LINK TUJUAN">JUDUL LINK</a></li>
  <br /> <li>
  <br /> </ul>




4. Simpan template.
 catatan:
- Untuk code CSS bisa anda rubah warnanya sesuai keinginan.
- Untuk code HTML simpan dan sesuaikan dengan template anda masing-masing.


CONTOH HTML JavaScript

<br /> <ul id="navigation"><br /> <li class="first">
<a href="http://badrun27.blogspot.com/">HOME</a></li>
<br /> <li>
<a href="http://badrun27.blogspot.com/search/label/GATGET">GATGET</a></li>
<br /> <li>
<br /> </ul>