Selamat Datang

Dunia Informasi Tanpa Batas

KSKS BLOG

Postingan Terbaru:

Go

Tempat Meletakkan Menu Navigasi Blogger

Minggu, 30 Juni 2013

Pagi sobat Blogger :)
Pagi-pagi yang sejuk di temani secangkir kopi dan perasaan campur aduk karena tadi pagi telah melihat pertandingan Final konfederensi 2013 antara Brazil vs Spanyol yang di menangkan oleh Brazil :(

Oke langsung saja ya :)

  • Untuk meletakkan Navigasi di bawah header dan di atas header, cari kode di bawah ini:
<div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1'>
        <b:widget id='Header1' locked='true' title='KSKS-BLOG (Header)' type='Header'/>
    </b:section>
</div>
Disini kamu BUKAN melihat kode <div id='header-wrapper'> dan jangan terfokus pada ID atau CLASS, tetapi fokuslah melihat judul blog kamu atau melihat kode title='KSKS-BLOG (Header)'. Dari situ padangan matamu ke arah atas dan bawah sampai menemukan kode yang di atas yaitu <div dan kode yang di bawah yaitu </div> 

Untuk meletakkan Menu Navigasi di atas header, letakkan kode menu navigasi yang sudah kamu salin di atas kode <div id='header-wrapper'>. Sedangkan untuk meletakkan Menu Navigai di bawah header, letakkan kode menu navigasi yang sudah kamu salin di bawah kode </div>.

  • Meletakkan Navigasi di atas wilayah posting, cari kode di bawah ini:
<div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
        <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>
</div>
Letakkan kode yang sudah kamu salin di bawah kode <div id='main-wrapper'>. 
  • Sekarang coba klik pratinjau. Jika sudah puas simpan template kamu, lalu masuk ke tahap penyesuaian dan pemahaman lebih lanjut.


PENYESUIAN DAN PEMAHAMAN LEBIH LANJUT.
  • Setiap unit meu di definisikan sebagai:
<li><a href='#'>Nama Menu'</a></li>
kamu bisa dengab mudah melihat nama menu yang akan tampil nantinya dengan melihat teks di dalam wilayah kekuasaan <a href='#'>teks. . .?</a>
  • Oleh karena itu:
(Sebagai contoh) untuk membuat menu Beranda, gantilah simbol # dengan URL homepage blog kamu, lalu gantilah Nama Menu menjadi Beranda sehingga menjadi seperti ini:
<li><a href='ksks-blog.blogspot.com'>Beranda</a></li>

Semoga bermanfaat :)

Catatan: (memasukan item pada komentar)
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Untuk menciptakan efek huruf miring gunakan tag <em>TEKS ANDA...</em>