Membuat Menu Vertikal Cantik Di Blogspot

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

bismillaahirrahmaanirrahiim

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Assalamu'alaikum warahmatullahi wabarakatuh

Sebelumnya,, coba anda arahkan mouse anda ke daftar menu yang ada di sebelah kiri website ini atau di bawah ini... Berubah bukan.. Anda dapat meletakkan nya disisi kiri atau kanan blog anda..

Pilih Menu

Menu 1

Menu 2

Menu 3

Menu 4

Menu 5

Itu merupakan animasi yang saya rancang untuk mempercantik dan membuat blog ini agar lebih menarik dimata pengunjung. Anda pun bisa melakukannya. Nah.. Caranya adalah sebagai berikut :

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 :

<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/AVvXsEhF-OhyxgLbHZzwJ2hYzxZEWOj7ZWRFrq9i70iRQKc5Ja8h_r9GDeI3kFG7j9RYFKuq4FX3UWsOxaER0S9UuAP48ty8vpofGHwrXUWrq4vnbQEKYbFOcLY7dtKMTWDl2_XccrLXAcd8j_4/s1600/search-icon-orange.gif" width="15px" height="15px" /><b> Menu 1</b></a></div>

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

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

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

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

5. Ganti TULISAN MERAH dengan alamat link anda ( misal : http://www.khairulumam.com) Sesuai selera anda.

Terimakasih.. semoga bermanfaat...

Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com NB :: Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code, membeli hardware elektronika untuk kepentingan Perusahaan maupun Tugas Akhir (TA/SKRIPSI), Insyaallah Saya siap membantu, untuk Respon Cepat dapat menghubungi kami, melalui :

No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com

atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Alhamdulilah hirobil alamin

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

wassalamualaikum warahmatullahi wabarakatuh

Artikel Membuat Menu Vertikal Cantik Di Blogspot, Diterbitkan oleh scodeaplikasi pada Sabtu, 10 Desember 2011. Semoga artikel ini dapat menambah wawasan Anda. Website ini dipost dari beberapa sumber, bisa cek disini sumber, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, karena segala yang dipost di public adalah milik public. Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code ,Dengan Cara menghubungi saya Ke Email: Fajarudinsidik@gmail.com, atau No Hp/WA : (fajar) : 085369237896, (puat) : 085267792168.