English French German Spain Italian Dutch

Russian Brazil Japanese Korean Arabic Chinese Simplified
Translate Widget by Google

Minggu, 10 Juni 2012

Cara Membuat Menu dengan icon Melayang




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; } 

alu taruh juga kode dibawah ini di bawah kode <body>


> l> <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/AVvXsEjDYuTYVo2FRYxEZ5f_SGv6q3u0OiTJoumnk4_QHBdfIbs6vjgDdpauDrEMAB013JKKgzqoDNcsiPeKY16nVIE2TZVLdlhpyWTpBEhPztEudd429d9fNGOTpoQ63fYo0S3_nO3F81Q07kwA/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/AVvXsEh9_h_PfOomtqQ-nopWCAnIeecuP-gdNAXDNq983d4xAcGPOGIFkNj265cUkieY2xZOxagiapEBjGRih25Er8BWp5O-ibDjeuXCy5f6HRUGBMmJUdNXnFdobaLFUHVphv_pqmGGTmT3jZvh/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/AVvXsEhG48ERP11XwJ0qibS3hh5C-6TC0EmaToOy3S7nHUR11LZSoFTPqA_RyuweeaqT_hRM49XEFISMBiuq__bxn3WybbIcRlI6-KVCRibRmEs0d7Rt1NbkWpp-KIHKBX3KYZBhpFed7Jezf7K9/s0/ico_rss.png'/></a> </div>




NB : warna merah untuk url anda dan warna biru untuk url gambar anda

0 komentar:

Posting Komentar