Cara Membuat Menu Vertikal Pada Blogspot

1. Masuk ke edit html pada blog anda. Centrang kotak "Expand Widget Templates"

2. Cari kode ]]></b:skin>. Tekan Ctrl + f dan masukkan kode tersebut untuk lebih mempercepat pencarian.

3. Copy paste kode berikut di atas kode ]]></b:skin>

/*Warna ketika mouse belum di dekatkan*/
#berubah
{
background-color: Black;
font-size: 16px;
}
/*Warna teks sebelum mouse di dekatkan*/
#berubah a
{
color:#FFFFFF
}
/*warna setelah mouse di dekatkan*/
#berubah:hover
{
background-color:silver;
color:#000000;
}
/*Warna teks setelah mouse di dekatkan*/
#berubah a:hover
{
color:#000000
}

4. Masuk ke Page Element/ Elemen Laman pada blog anda.. Tambahkan GADGET/ADD GADGET html/javascript. dan pastekan kode berikut :









1.


Pilih Menu

Menu 1

<center><p><b>Pilih Menu</b></p></center>
<p></p><div id="berubah"><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPEr2qBsF5AMGnsE6I7pG0ZIkk4GrzkO7O1mWElbcz2dNqG1ZYAxcTpTEucbJ3vwj2bwZFY6A8jT6lE05KdpDVNDKFJi7aPZHRa5zEucaA6bRa1F00KMXEBoZ8LqcCNos_BPWP-68NzHQ/s1600/search-icon-orange.gif" width="15px" height="15px" /><b> Menu 1</b></a></div>




2.

Menu 2

<p></p><div id="berubah"><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPEr2qBsF5AMGnsE6I7pG0ZIkk4GrzkO7O1mWElbcz2dNqG1ZYAxcTpTEucbJ3vwj2bwZFY6A8jT6lE05KdpDVNDKFJi7aPZHRa5zEucaA6bRa1F00KMXEBoZ8LqcCNos_BPWP-68NzHQ/s1600/search-icon-orange.gif" width="15px" height="15px" /><b> Menu 2</b></a></div>

http://papa-anggry.blogspot.com

3.

Menu 3

<p></p><div id="berubah"><b><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPEr2qBsF5AMGnsE6I7pG0ZIkk4GrzkO7O1mWElbcz2dNqG1ZYAxcTpTEucbJ3vwj2bwZFY6A8jT6lE05KdpDVNDKFJi7aPZHRa5zEucaA6bRa1F00KMXEBoZ8LqcCNos_BPWP-68NzHQ/s1600/search-icon-orange.gif" width="15px" height="15px" /> Menu 3</a></b></div>



4.

Menu 4

<p></p><div id="berubah"><b><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPEr2qBsF5AMGnsE6I7pG0ZIkk4GrzkO7O1mWElbcz2dNqG1ZYAxcTpTEucbJ3vwj2bwZFY6A8jT6lE05KdpDVNDKFJi7aPZHRa5zEucaA6bRa1F00KMXEBoZ8LqcCNos_BPWP-68NzHQ/s1600/search-icon-orange.gif" width="15px" height="15px" /> Menu 4</a></b></div>

http://papa-anggry.blogspot.com

5.

Menu 5

<p></p><div id="berubah"><b><a href="Alamat Link Anda"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPEr2qBsF5AMGnsE6I7pG0ZIkk4GrzkO7O1mWElbcz2dNqG1ZYAxcTpTEucbJ3vwj2bwZFY6A8jT6lE05KdpDVNDKFJi7aPZHRa5zEucaA6bRa1F00KMXEBoZ8LqcCNos_BPWP-68NzHQ/s1600/search-icon-orange.gif" width="15px" height="15px" /> Menu 5</a></b></div>

http://papa-anggry.blogspot.com

5. Jangan Lupa Ganti Tulisan Warna Merah Dengan Link Alamat Yang Akan Anda Pasang 

( misal : http://papa-anggry.blogspot.com) 

6.  Save Dan Selesai   

Semoga Bermanfaat - General Blogspot

Judul: Cara Membuat Menu Vertikal Pada Blogspot; Ditulis oleh Unknown; Rating Blog: 5 dari 5