Cara Mengganti Menu Blogspot

Setiap kamu mengganti theme pada Blogspot secara otomatis semua menu dan tata letak akan berubah mengikuti theme tersebut, maka dari itu kamu harus mengganti setiap menu yang ada dengan menggunakan menu dari blogspot kamu sendiri.


Cara Mengganti Menu Blogspot

Gambar dibawah ini merupakan menu bawaan dari theme yang kita gunakan tadi, terdapat menu Home, Menu 1, Menu 2, Menu 3, DropDown Menu, Sub Menu dan Error page. menu tersebut hanyalah sebuah contoh gambaran pada theme yang masih default.


Mengganti Menu Blogspot

Alamat atau link dari setiap menu diatas memang tidaklah aktif, yang harus kamu lakukan adalah mengganti menu yang ada bukan mengukti menu yang sudah ada, gantilah menu menu tersebut dengan menu kamu sendiri, gunakan link Lebel untuk mengisi menu menu tersebut.


Sebagai Contoh
Jika Blog kamu membahas makanan, kamu akan membagi makanan tersebut menjadi beberapa bagian yang di sebut ketegori atau lebel seperi 1. kue Basah, 2. Kue Kering, 3, Kuliner Tradisional.


Maka lebel tersebutlah yang harus kamu gunakan untuk di bagian menu


Tutorial Mengganti Menu Blogspot

Dalam tutorial cara mengganti menu blogspot ini saya hanya membuat 2 lebel yaitu Cats dan Blogging, maka menu yang akan saya gunakan yaitu Cats dan Blogging. Jika sudah paham silahkan ikuti langkah langkah berikut


1. Masuk ke Dash Board blogger dan pilih Theme kemudian pilih EDIT HTML


2. Salin semua Text Html yang ada di dalam Box Html Edit Blogger


3. Buka Software Adobe Dreamweaver CS5 dan buat dokument HTML baru ( Create New HTML )


4. pada menu Adobe Dreamweaver Pilih Tab Code atau split untuk mengedit dengan mode Code HTML agar dapat melihat pnegkodean HTML


5. Hapus semua text html yang ada di dalam dokument baru tersebut

Mengganti Menu Blogspot 5

6. Paste text html yang di dapat dari themes blogspot tadi ( theme yang akan kita edit )


7. Setelah html dari theme blogspot di paste di Adobe Dreamweaver kita akan mulai mengedit mengganti menu


8. Pertama kita akan mencari letak MENU 1 MENU 2 dan menu lainnya yang berada pada menu utama


9. Gunakan fitur mencarian untuk memudahkan pencarian text dengan menekan tombol Alt + F pada Adobe Dreamweaver


10. Tuliskan MENU 1 pada kolom pencarian karena kita akan mencari letak MENU 1

Mengganti Menu Blogspot 10

11. Setelah Menemukan letak MENU 1 silahkan Ganti

<li class='ripplelink'><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>

MENU 1 (Warna Merah)= Menjadi Nama Menu kamu, saya sendiri akan menggunakan Lebel Blogging untuk di jadikan menu 1

# ganti tanda pagar menjadi alamat menu ke 1 tersebut menjadi /search/label/Blogging

maka hasilnya akan seperti ini

<li class='ripplelink'><a href='/search/label/Blogging' itemprop='url'><span itemprop='name'>Blogging</span></a></li>

12. Ganti juga MENU 2 dan Menu 3 sesuai Lebel blog kamu sendiri


13. Setelah Mengganti Menu 1 sampai 3 salin semua html ke menu Theme di Blogger kemudian simpan dan lihat hasilnya di halaman utama blogspot kamu

Mengganti Menu Blogspot 13

Sementara untuk mengganti Dropdown Menu, SUB MENU, dan ERROR PAGE, kamu cukup melakukan perubahan seperti biasa namun saya Tidak menyarankan penggunaan menu berjenis Drop Down dengan menu berisi sub menu, karena kurang efektif apabila blogspot di akses melalui phonsel.


Saya sarankan menggunakan menu utama saja tidak perlu menggunakan Drop Down. Jika kamu ingin menghapus menu drop down silahkan hapus kode yang saya beri tanda di dalamnya. kode ini akan menghapus menu drop down berseta sub menu di dalamnya.


Tips Setelah Mengganti Theme Blogspot
Setelah kamu bisa Mengganti Theme Pada Blogspot usahakan jangan sampai ada menu yang tidak aktif seperti Eror 404 dan jangan biarkan ada link yang mengarah ke luar dari Blog.


Hal ini tentu saja seperti membawa pengunjung pergi dari blog kamu setiap kali ia mengklik link tersebut, selain tidak SEO Friendly blog yang mengandung menu seperti ini jelas akan di tolak jika kamu mendaftar Google Adsesns karena halaman tidak rampung atau belum selesai.

Add Comments


EmoticonEmoticon