Cara Membuat Menu Vertikal Melayang dengan Icon.
Mungkin bagi sobat" yang suka sesuatu yang melayang" hehehehe contohnya bisa dilihat pada gambar dibawah dan ok lah langsung pada langkah-langkahnya.
Langkah-langkahnya Cara Membuat Menu Vertikal Melayang dengan Icon :
1. login blog
2. rancangan --> edit HTML
3. cari kode ]]></b:skin>
4. taruh kode dibawah ini diatas kode ]]></b:skin>
#socialLinks {
float:right;
height:151px;
margin:0;
padding:26px 0 0 8px;
position:fixed;
right:0;
text-align:right;
top:40%;
width:50px;
}
#socialLinks a {
display:block;
float:left;
padding-right:10px;
border:none;
}
#socialLinks a img {
border:medium none;
margin:0 0 10px;
}
lalu taruh juga kode dibawah ini di bawah kode <body>
<div id='socialLinks'>
<a href='http://www.twitter.com/Username' target='_blank' title='Twitter'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3-dDUB-QL0VYdKyR5_TXgURC7GdLiX3C_eaWaIeQqHUU-VhBkvNgSWTpxqBOYXdxeFa4Qe-hEIHKggbCWIghznwEucalQoWCuC0mQwjNmNGrE2RucyfNYHCGYXblnzUKFabnQWekVzYEx/s0/ico_twitter.png'/></a>
<a href='http://www.facebook.com/username' target='_blank' title='Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuXRdbymZI6OhqJj5vriujXzekbxvCR-Ehe5DTEz4kkogxoLy4x0hEnIvr0U2ETweXCE2wZHVkUCxLZkZDD0thKV6hWUGPi04HJzbEm9KPr7iQEfJqBuQcFKsd6NX4Q3Rj-JTtOjTf68vL/s0/ico_facebook.png'/></a>
<a href='/feeds/posts/default' target='_blank' title='RSS'><img alt='RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLYEjSRU5Z5I5wx104aIgMVekyPasQU64j2d6yo8mA1ZmMlyL58_GUS9-cJJuxwEIHsoe9SL4xBED_CTTJZW2t3FYuuNa_fCeTOCvYQwerwThdGDqBdbqS7cra2taESv9s1zYH-Knr389t/s0/ico_rss.png'/></a>
</div>
NB : edit pada url-url seperti pada tulisan yang berwarna merah
dan sobat juga bisa menambahkan icon lagi atau malah menguranginya .... hehehehe
good luck sob....
Posting Komentar