Cara Membuat Menu Vertikal Melayang dengan Icon
Huh, sebelumnya ni mungkin postingan ane yang untuk 4-5 hari kedepan, karena ane mau UAN, do'anya ya sob moga" lancar hehehehehe (maklum masih anak sekolahan) Nah sekarang kembali pada pokok bahasannya Cara Membuat Menu Vertikal Melayang dengan Icon. Mungkin bagi sobat" yang suka sesuatu yang melayang" hehehehe contohnya bisa dilihat pada gambar disamping 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/AVvXsEjFPBM6B-QDhJAfYZdcvZO1d-NxXG9EQYzJdn2sDVtJ2lG8evtV7403YJ4TMKD-pM9BFmUs20eSo-Ldyu1tPUJ6RXuFX9JBNO-jkn1fWI0GpZW5L8ATHhIYiZspBcynYiVaRJi6dnMH8wDh/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/AVvXsEgCinh-pz9Ot2RyzsqZGdjOrVjCgKD7Sq_327fT1N0bMeq-BUUqzLtjDH_0upJJwmnR8y4z3p2IzsKdVW2bNfcXQxljpumzaXggHd3XELePtB3KbXDZAvJWK51Ow1yExvU7bYoKYZvgBvsK/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/AVvXsEgSLrjPnEBnd218lW67OqRMXXTP5GelxLiK2Dd4eZ1IDW1YyImWEyVKmWUg94cS7vqklKB9izUF3nP4n3yC5Em9_32w-ro-49s3ZuJXE23cfRHDyTunCvaem9SYovdqtl9qQWIA73FOm55x/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....
0 komentar:
Posting Komentar