Demonya belum ada gan, ya ngebayangin aja dulu!
Cara Membuat Widget 3 In 1 Melayang Di Blog
1. Log in ke Blogger
2. Klik Tata Letak
3. Klik Add Gadget > HTML/Javascript
4. Copy kode berikut dan paste ke gadget agan
<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTevOX_Dzd1pc70g7B00ffajOuh3M_ggNxFE_x4viTzjemrAx-9M7kqc-GmEtU0qF7vNWGhcVWJVW6z9yL2UG3V9L25cZLZcsPrkgw_Iyp2tGE8cEbKSJ2pHOvr1w5XOQ5CaxA5ju5kqUb/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwX7YpVvpAZKNtoIBtNH87-Ehi0Q2FuQGYB7Hjup9c33h57ZfsXRNbzAVl4O3zC6-wbXX-6TbYRfJVe541ySSpWFaPCn5igoW7WbCS5-WJGOvev6j6MPmb1I5k1Po9fRhX1yqhxvLUoMi0/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7rdYba4d6R4nfL1UnBO9jwlmTXzr30d12aijkyI-0Tk8dOCGuvyPIBdTWcgIWRlkVbhXhZy0s0QDJ6r6_SPOi3GCOSYF2C1Z5q3lYit23h0Ixz3r8c-c7BSmmJHHMg6uLOmhE1FeyUl0j/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipENSK0BVBWyApdLEZv1d7PsoaewDF7M7mJfQlMlQFG3LyJx5d3-FCRsTaP5YCVgfKY3Hf18IFvzD8Bql_cB-6mK6yLXwMqyHwgQUFgj0sKgJH8OsD1ygIIO4unm_WLvpWM72u3FEIktaU/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLomlUuuBgJc0msmcBTyOOubdOwcTmJy-YgiEzBKn6JhVGkEba7KAVim2U_GbKUhogW11ws4QsgBhSc0RU1iXFQPK5VA-3HlZXpuA7A93qrNbxzYIrEaLYDN2FlfNwqO2paxDm_2vsExbB/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJT5m5fVxc8xuh7WJ7NwF_BrSuDaeXw-CFl11soQmwMkuXvPiR1YRoK6vDO1dEWscZ44dYbwus0y5i2g7yzSGdnvN85_C_bVZ6odwiKPh6IadBKdyorjmAZrFFIjpRK3eNL9QVD0Afv69W/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
CONTENT BLOGGER HERE
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
CONTENT TWITTER HERE
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
CONTENT FACEBOOK HERE
</div>
</div>
Keterangan:
- ganti Content Facebook, Blogger, Twitter Here dengan script yang agan inginkan, misal Content Facebook Here agan ganti dengan script Like Box
- Alamat URL Gambar yang berwarna dan bercetak miring bisa agan ganti sesuai keinginan
- Sisanya agan bisa kostumasi sendiri dan klik simpan
Jika ada pertanyaan, tanya ane di Facebook Christian Dwi Wijaya
Sekian
SALAM Blogger