Cara Membuat Menu Atas Di Blogspot | Menu Horizontal

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

bismillaahirrahmaanirrahiim

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

Assalamu'alaikum warahmatullahi wabarakatuh

Bagi anda yang memiliki blog, anda dapat mempercantik blog anda dengan memasang menu cantik ini. Agar tampilan blog anda terlihat lebih menarik dibandingkan sebelumnya. Menu yang di letakkan dengan posisi mendatar yang pada umum nya terletak di bagian atas blog atau website ini adalah menu horizontal. Dengan menu ini kita dapat mengisikan alamat link tujuan atau menjadikan nya sebagai navigasi blog kita. Baik langsung saja kita lihat langkah langkah nya berikut ini :

anda akan mendapat tampilan menu seperti ini :

Cara pemasangan menu horizontal ini adalah sebagai berikut :

1. Copy Kode Berikut ini :

.menu-solid{
margin: 0;
padding: 0;
float: left;
font: bold 12px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: #ebf225 ;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
}
.menu-solid {
display: inline;
}
.menu-solid a{
float: left;
color: #000;
padding: 9px 11px;
text-decoration: none;
}
.menu-solid a:visited{
color: #cc0000;
}

.menu-solid a:hover, .menu-solid .current{
color: #ffffff;
background: #800000;
text-decoration:none;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}

2. Masuk ke edit HTML blog dan cari kode ]]></b:skin> dan copy kan kode tadi di atasnya.

3. Masuk ke tata letak / rancangan blog. Pilih Tambah Gadget dan pilih html/javascript





4. Copy kan kode berikut dan pastekan di dalamnya :

<div class='menu-solid'>
<a href='http://jss-triplernews.blogspot.com'target="_blank">Home</a>
<a href='http://jss-triplernews.blogspot.com/p/cara-daftar-jss-tripler.html'target="_blank">Cara Daftar</a>
<a href='http://jss-triplernews.blogspot.com/p/cara-membeli-posisi-jss-tripler.html'target="_blank">Beli Posisi</a>
<a href='http://sinma68.blogspot.com/2010/09/membuat-acoount-alertpay.html'target="_blank">Daftar AlertPay</a>
</div>

SELESAI.

Demikian lah artikel untuk membuat menu horizontal. Silahkan baca

Membuat Menu Vertikal Keren Di Blogspot

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 Cara Membuat Menu Atas Di Blogspot | Menu Horizontal, Diterbitkan oleh scodeaplikasi pada Kamis, 19 April 2012. 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.