Cara membuat Menu Geser (Slide)


Cara membuat Menu Geser (Slide) untuk blog WordPress sobat, fungsinya adalah agar menu pada widget blog WordPress, walaupun judul blog sobat tersimpan dalam menu tersebut, namun akan terlihat simpel. Untuk memasang  Menu Geser ini secara manual (copy paste, URL dan judul blog sobat di widget ini. Cara sangat mudah bila sobat ingin menggunakan widget ini, sobat hanya cukup copy dan paste untuk diterapkan pada blog WordPress sobat melalui tambah widget baru, cara untuk menambah widget baru adalah: sobat harus menyentuh judul blog sobat yang terletak di sisi kiri bagian atas Navbar WordPress sobat.

Cukup sederhana dan tidak ribet untuk diterapkan di blog sobat, silahkan copy HTML/Script di bawah ini:

<div id=”fungsiscroll”>
<h2 align=”left”>Widget WordPress:</h2>
<div style=”overflow:auto;height:120px;”>
<ul>

<li>»»  <a href=”http://readmoremyblog.wordpress.com/2012/03/24/cara-menghapus-komen-di-buku-tamu/”>Cara menghapus komen di buku tamu</a></li>

<li>»»  <a href=”http://readmoremyblog.wordpress.com/2012/03/24/cara-merubah-warna-buku-tamu/”>Cara merubah warna buku tamu</a></li>

<li>»»  <a href=”http://URL blog sobatdi sini“>JudulBlog</a></li>

<li>»»  <a href=”http://URL blog sobatdi sini“>JudulBlog</a></li>

<li>»»  <a href=”http://URL blog sobatdi sini”>JudulBlog</a></li>

<li>»»  <a href=”http://URL blog sobatdi sini“>JudulBlog</a></li>

<li>»»  <a href=”http://URL blog sobatdi sini“>JudulBlog</a></li>

<li>»»  <a href=”http://URL blog sobatdi sini“>JudulBlog</a></li>

Catatan: <h2 align=”left”>Widget WordPress:</h2> ini  adalah nama menu pada bar widget, terserah mau diganti menurut keinginan sobat.

Sedangkan yang ini hanya contoh dari blog WordPress yang saya pasang :

<li>»»  <a href=”http://readmoremyblog.wordpress.com/2012/03/24/cara-menghapus-komen-di-buku-tamu/”>Cara menghapus komen di buku tamu</a></li>

Yang terakhir: <li>»»  <a href=”http://URL blog sobatdi sini“>JudulBlog</a></li>

Ganti dengan URL Sobat berikut JudulBlognya

Sebetulnya Menu Geser ini diambil dari gadget Blogger yang saya ambil, dan mencoba untuk diterapkan di WordPress, Karena pada WordPress tidak bisa dipasang HTML/JavaScript seperti di atas, dan saya pikir mungkin, untuk mencoba! Ternyata widget tersebut bisa aktif. Karena bisa aktif, dan saya pun ingin berbagi dengan sobat semua. Setelah sobat selesai menerapkan menu geser ini. menu geser sobat akan terlihat seperti contoh di bawah. Masalah ukuran! Sobat jangan takut karena, widget tersebut sudah otomatis, tergantung sobat, dimana akan diletakkan.

Catatan: untuk memasang widget baru blog WordPress, caranya ada di sini dan selanjutnya cara membuat menu DropDown

About these ads