Menyiapkan Sebuah Blog ( Part 2 )

6. Tampilan Blog ( Menu Home Dll )
      Pertama kali ngeblog, pasti habis entri pos pasti hasilnya satu pos itu menuhin layar home terus apalagi kalau liat blog - blog lain yang ada menunya terus bisa di dropdown-in ngiler banget.....

     Pertama kita bahas tentang membuat menu yang bisa di dropdown-kan.

Contoh menu dropdown

Ini yang paling pasaran bentuknya. Pakai aja gadget ini. Kalau pakai laman - lamanan sama pakai gadget page sepertinya tidak bisa di dropdown-kan. terus kalau ke template dan edit HTML bisa aja tapi kalau yang paling mudah dan bisa dimacem - macemin ya pake ini. Syaratnya halamannya harus sudah berlabel.

Gadget HTML/Java Script.

Sebelumnya tapi kasih label di setiap entri yang dibuat. Disimak aja pelan - pelan ini yang harus diketahui terlebih dahulu...

UNTUK HOME

<ul id="menu">
<li><a href='http://danikamalia.blogspot.com'>Home</a></li>

-Alamat blog untuk dijadikan home   -Nama yang akan muncul dimenu


UNTUK TUGAS KULIAH DLL

     Intinya ini script untuk mendetect halaman BER-LABEL dan dikumpulkan jadi satu halaman. Dibawah ini adalah script dasar untuk mendetect halaman yang berlabel.

<li><a href='http://danikamalia.blogspot.com/search/label/Tugas Kuliah'>Tugas Kuliah</a><li>

Keterangan :
<li><a href='Alamat blog home/search/label/Nama Label yang mau dibuat menu'>Nama yang akan muncul dimenu</a><li>

     Untuk itu dibuatlah label disetiap entri... kalau enggak nanti rumus ini ga bisa nge-detect halaman
Dibawah ini yang udah ditambahin

<li><a href='http://danikamalia.blogspot.com/search/label/Tugas Kuliah?max-results=9'rel='nofollow' target='_blank'>Tugas Kuliah</a><li>



Keterangan :
?max-results=9 ( untuk setiap pos max 9 yang tampil )
dan
'rel='nofollow' target='_blank ( agar terbuka di tab baru )

Yang ditandai merah adalah Script mendetect label dan tambahannya

<li><a href=( BLABLABLABLA )</a><li>


     Kalau dirangkum jadinya seperti diatas. Tinggal ganti ( BLABLABLABLA ) sesuai script yang dibutuhkan atau diinginkan.

UNTUK MEMBUAT SUB MENU

<li><a href=( BLABLABLABLA )</a><li>
<li><a href=( BLABLABLABLA )</a><li>

Yang diatas 2 menu dan Menu Utama

Untuk membuat Menu Utama dan Sub menu

Untuk membuat Menu Utama, Sub menu, Sub Sub Menu dan kembali lagi membuat Menu Utama

Karena banyak yang membuat desain untuk menu dan ada yang bagian ( BLABLABLABLA ) berbeda mungkin ada yang lebih kompleks. Semoga penjelasan ini dapat mempermudah mengedit menu apa saja yang akan ditampilkan tinggal ganti dari bagian  

<ul id="menu">
<li><a href='http://danikamalia.blogspot.com'>Home</a></li> 

kebawah serta ( BLABLABLABLA ) dengan yang lebih mudah dan ambil bagian stylenya saja 

atasnya script ini
<ul id="menu">
<li><a href='http://danikamalia.blogspot.com'>Home</a></li>

Yang terakhir.... taruh gadget html/javascript-nya persis diatas postingan

Tergantung Template masing-masing

( kumpulan bentuk menu bisa diliat disini ) 

http://teja7x.blogspot.co.id/2014/06/membuat-menu-bar-drop-down-tanpa-edit.html?m=1

Sumber : 
http://www.gooblogi.com/2014/03/cara-membuat-menu-blog-sesuai-dengan.html

 6. Tampilan Blog ( Membuat Isi Halaman Tidak Terlalu Panjang dengan Readmore )

Kalau ini harus ke template dan edit html langsung aja cek di web berikut.
https://aura-ilmu.com/cara-membuat-read-more-otomatis-di-blog/ 

Kenapa Saya kasih linknya ? soalnya penjelasan disana jelas banget jangan lupa sebelum otak -atik edit html copas dulu ke note biar kalau ada apa - apa biar jadi savepoint.

Sekian dan semoga bermanfaat.

Baca Selengkapnya »