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/AVvXsEhJAiQmNFbvA331t0rstFI_gddg4hzlzQ9vSHTykQowUrup20fZyulyiy2vWbiExlaSddcec4ip39Aa1MU1BZJwicmICsG2jmZEgGmL7U6kdtlDhb1mRPdFWpOI7V2SbEa0i36WP32zb6Zb/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/AVvXsEiHB8NYaBwSZdlK-yY3Gkmwn-_01JY4xtWbJachB80qVQ6TxKeBsn6Iog48r2Z6kS63J-5l3mZ7tp9bbLNgcoTBoYX4kAoh5uJsVXx0Dc7M2nB-KIvAnIAaxc60b5WmjhH25OOGeShH-wtC/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/AVvXsEhp_o4YtYaBfxh3YG4GJD3bwpsDs56xnBXdlTmhkk3uF_plYGBMPdRix9iLEcWe3WbT2zHBIKD1AdRwZ2UypxQXLzMvsRCHTRKZAecctiP5xOW6G1qoXgqC0AwNExs2d8YcA5yjIlhqAtwo/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....
Categories:
Tips Blogging
