Selasa, 07 Februari 2012

Menambahkan Widget Melayang di blog

Script ini mempunyai kegunaan untuk update status dari blog anda masing masing, bisa update blogger, Facebook, dan twetter, ini scriptnya, anda tinggal bikin di rancangan, klik tambah gadget, pilih html/java script, dan masukkan scrip ini.

<style type="text/css">

.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOc4Q4N_YW9Q8jTH2gz50PF_RmR5jHbKgOxgmJNxahDkz8bgfOfYbTk5nib0z-CWTZb7FlElafOcb23MJ31f9_kBv0WXzeKdpcMSk7OxcidNLTHtiQRvLJsYCsy_YvFXLrQm-8hbp3pXpM/');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/AVvXsEgCxrgizoMFDrVUR1P9v5Z4t-EPlzqO99BE2fy_m7Nz20QW8lGgE5p5d7wZW6YQrOeOSJIFSwnjWVTXfF2Rn6LfR3pEmJV8LN6iOMHFlAEyKk8KH7shnb-3LXBpZwNAVrv4m_O92I4piZSd/');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/AVvXsEii93M9shP_Dk5goYZgB_tKx_2UKzrDgOA07_l4Q-X2a9Vo56N_h8TnGqJTPKXvJbVcLhD4xmneObJeNqTnABp_-x69qjGHYMg4kXjGOnqT3Ju2vT1-n4bTm1VZlf99hT6CdAX78wTdoiIs/');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/AVvXsEhXfom3eF2RO4O0FetQ7lu9yy90ZQinn7mdWSpL0k61kitRLFX7AND-I8lsASTVXOyWqD_P_YOkTsrUerKIVzws_kShtZGHQHRBz3tXD6LrDcpXVci8EC87KoB3Q5lTnieaAvXncZkJVotq/');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/AVvXsEhPV_6faz31eyaC1Hfzge2ssjuXHAunpmokYqx7SXYEyoRbMJ2lXub_TCqQM4FHMJW39OjXUzTz6NEhZtsbJojUMcZfzIxyQwKOUt9-o0-TqlCjMRZzOIpoaoJ0gw9AbZyTJXBWq6weK9LE/');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/AVvXsEhejPDOmD_D-ROu0Sg2JhyxMq31ooWhAT85RmpuFf58wnDelgCn7f7tNgws73gfou2kV-QAAqsh6W5ryc_l_FJu0Oryqg50uQmkJVtKxfplwGxmrAH0sUEJg2Oy3tvQ0PmO3OmYCdDhvdV5/');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>

silahkan di coba mungkin ini akan menambah keindahan blog anda dan memudahkan anda untuk update status. trimakasih

happy blogging.

Yang Berkaitan:

2 komentar:

  1. wah menarik sekali gan...ane mu coba nih,ijin kopas ya gan,thnks folbacknya

    happy blogging

    BalasHapus