*

Kamis, 29 Desember 2011

Cara Membuat menu blog super keren

Nah buat sobat blogger sesuai janji kami di pertemuan yang perdana kemaren kami kali ini akan membuat daftar menu yang menurut kami sangat keren sekali / super keren dimana di daftar menu kali ini selain akan di tambahi sedikit animasi yang so pasti akan membuat blog sobat tampil rapi dan so pasti akan terlihat keren Nah untuk contoh nya langsung aja menuju ke T...K...P..kw kwkw kw maksud nya coba lihat daftar isi di sebelah kanan gimana keren bukan ..oke kita lang aja buat tutorial nya
  • Login Ke blogger
  • Masuk ke rancangan
  • Tambah gadget
  • Lalu pilih HTML/JavaScript
  • Lalu Kopy/Pastekan kode script di bawah ini kedalam nya
  • Berikut kode nya
    <div style="background: url(http://sdmuh2sby.sch.id/wp-content/uploads/2010/11/dunia-animasi-di-malaysia-upin-dan-ipin-jadi-model.jpg
    ) no-repeat;
    color:#000;
    padding:10px 10px 10px 10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-box-shadow: 2px 2px 4px #8bd268;
    -moz-box-shadow: 2px 2px 4px #8bd268;">
    <style>.list {
    background: url("http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/panah-jalan.gif") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
    }
    </style>
    <div class="list"><
    <a href="#" class="nudge">judul isi postingan</a> </div>
    <div class="list"><
    <a href="#" class="nudge">judul isi postingan</a> </div>
    <div class="list"><
    <a href="#" class="nudge">judul isi postingan</a> </div>
    <div class="list"><
    <a href="#" class="nudge">judul isi postingan</a> </div>
    <div class="list"><
    <a href="#" class="nudge">judul isi postingan</a> </div>
    <div class="list"><
    <a href="#" class="nudge">judul isi postingan</a> </div>
    <div class="list"><
    <a href="#" class="nudge">judul isi postingan</a> </div>
    <div class="list"><
    <a href="#" class="nudge">judul isi postingan</a> </div>
    <div class="list"><
    <a href="#" class="nudge">judul isi postingan</a> </div></div>
  • Lalu Save
Mohon di Perhatikan Ganti teks yang berwarna merah sesuai judul postingan sobat.
Dan ganti tanda # dengan Url alamat tujuan postingan sobat blogger
Ganti teks berwarna Biru dengan alamat gambar sobat sendiri atau biarkan seperti ini saja.
Oke selamat mencoba ...sampai jumpa dengan Postingan berikut nya entu saja masih tentang Tip dan trik modifikasi blog..Salaaaam

0 komentar:

Posting Komentar

 
Copyright @ 2009 Tip dan Trik modifikasi blog: Cara Membuat menu blog super keren | Original Template: Minima Black | Modifikasi oleh NATALUDIN | Top