Untuk itu kali ini kita akan bahas cara membuat menu icon social media melayang yang bisa kita praktekkan di blogspot kita. Caranya:
- Login ke dasbor blog sobat dulu.
- Klik menu Rancangan.
- Klik Edit HTML
- Jangan lupa centang Expand Template Widget.
- Lalu cari kode ]]></b:skin>
- Terus copy kode di bawah ini dan taruh tepat di atas 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; }
- Setelah itu cari lagi kode <body>, lalu copy paste kode di bawah ini tepat 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/AVvXsEiHvVL_-zgUhEEMhvqlPmLA2mT1znO_ul-Zw6SMLgMFmQxgUpushVOP1GbhTInEmS62kpbDQywFNiQ8AF_PbpgppT-_esvnXe6Lmt0fV6fAjbsfMajY-TNaZ9Iwor9TBcFShuIV-Diih4dX/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/AVvXsEjMj9YqQ1JKUpXMvDug_6GSzY_n92eA_QnWJ4C1YB2M9hrSop2NLvGq9uAWttpLZxRO7SEZmiuRtkG2IikhPjFgtFTyr8SRAy_vB5oHJky_EWzTha8XdoZgb2sYuinjvV-wfBDBiPULGufk/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/AVvXsEj5Jv7F8KqvXP5a2z_ZNHKeCH8lHX-H7PuQSPtOhkyd11p-GyS0398rbCerYl-tE8GaeId3rcgVJCvjwUinC2_T_uhgk7Q2xkr0CLuBXEQl7SUCVf8AROoFXiHdSFfi5PCHGuxieddgL8rs/s0/ico_rss.png'/></a> </div>
Keterangan:
- Kode link yang berwarna pink di atas silahkan tukar dengan user name yang sobat pakai di masing-masing media tersebut.
- Dan yang berwarna merah silahkan di tukar dengan alamat feed blog sobat.
0 komentar :
Posting Komentar