Home
Cara membuat widget 3in1 Social Media Melayang di sisi kanan Blog
Heyyy sobat ku..... ane punya widget 3in1 Social Media Melayang di sisi kanan Blog.
Pasti sobat minat.......???
Nichhh langkah - langkahnya sob :
- Login ke Blogger.
- Masuk Dashboard.
- Pilih "Add gadget".
- Pilih "HTML/JavaScript".
<style type="text/css">
.barrightblogger{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCl5MSEVKqkVRvYUP6rpS1LQol2_QqpwyZQEG537puX0oUhzgvqVuqhI0C_0urMgCOAlPQrSwx5vpVlGqJy9iV4lTqfXB42MDmPVkBy6cLTPOLrIVgECLsDJSxR6zoVbAvt68TO-4cQZ3/');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/AVvXsEhccrL3sJbb4vqIGOIG4EHKoiwCbxIdoe3kbZlS4xdfbW7_9fABfJmigpUDMW9ul6FPCO2k_2bmvZfl7CBpsH9tsTLp6uzR8hhlKno4Bao3_CsSscGN0_GYZCuIoM8UADiKQfMiX23kyj4q/');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/AVvXsEhOs5eFlJ99Qnl0JYAbqlpT5wYCbwlw_AV-QyFbqumfD6WfqYwqJcrctNUME85q0IW-vXUU6SvK5QYNc8UVswgEprEh6ziIwl6vUoH-yIeksdamOrNbXx1zjnl_-fy31gtKNUJYHyo0kv18/');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/AVvXsEjhHInwWaxjaChba6L9nNgyi_rMmxCW1gDePjwSb5u2-8t9YvTiguRD8CuUQCN9AjRRZdiB5rfnrtD2up1MnyjDdEaHKfz8D0BbJ6E2F32Ib0a4ubk2dRMxHkiJ2-PPAPs6Qn_ZJUeQysH7/');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/AVvXsEjzm3fpm_qsGEivzVG_oeYTkD_7qmCGgp8dNUNEhNWy1uuhU6e0JFhJRolmrZMA9q9HJ11kT9ouoVj99nnWCCdFolHHSr9tuYCh2V3tRz0H4MX4Y65ynlgvKPVCPLsY3YdsE4dNrskrFBjP/');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/AVvXsEgTI-4j2SlwxMcZPNcj5CMmzXq-sVuIaf1FwxoT5FNERtHw-rvdDey9n0kdTAOppKozOJmzg1RkJIkaktEyrejJfS0B2WBVTtayo1BDvMvRdKh9wJLZf-joe4UIt2QfLhU0rT1LXPbnrdWW/');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>
Catatan :
Kode yang berwarna biru sobat ganti dengan script widget social media sobat.
Kode yang berwarna Hijau bisa sobat ganti dengan ukuran yang sobat inginkan.
- Widget tidak usah di beri judul sobat.
- Klik "Save" dan selesai.
- Selamat mencoba sobat...........
Posted by : The-Bhuz.Com http://visitors2cash.com/ref.php?refId=127284
Artikel Cara membuat widget 3in1 Social Media Melayang di sisi kanan Blog diposting oleh The-Bhuz.Com . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan melalui kotak komentar. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog Sobat, hanya saja mohon sertakan link sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Selamat bersenang-senang.
a href="http://the-bhuz.blogspot.com/2013/06/cara-membuat-widget-3in1-social-media.html" target="_blank">Cara membuat widget 3in1 Social Media Melayang di sisi kanan Blog
0 Comments
0 komentar: