Wednesday, May 9, 2012
Langsung aja...saya baru rilis widget baru..Float Free..Reviewnya kayak disamping...Kalo belum tau widget floating itu seperti apa ..lihat ~>Widget Share melayang Lengkap atau Menu Dropdown Melayang Silahkan pahami....Dari kedua widget itu bersifat float(Melayang mengikuti Layar)...
Langsung saja...Bagaimana Membuat ini...
Untuk widget yang satu ini cukup simple membuatnya ^_^
1.Login Blogger
2.Langsung melangkah ke Elemen halaman (Page element/elemen laman)
3.Klik Tambah Gadget
4.Tambahkan script Java/HTML ~> tambahkan kode berikut
<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2AoCb8q9Y5nkgLxk3kGcKn6eycWOR2tSCFEMCuHY1S1bJEIMs_QNDfggdTTYT1awuNsVvj1nftBpUDiP7gXRQMWFXxA5nrt9ICXc1R6dBeiAxYtzw6oV7EaLrZFecPMQFOstnaar7CGh/s1600/1.jpg');background-repeat:no-repeat;width:39px;height:345px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPhdv_xkNBUI8UTWifPLQkKXm7OCq4Z9Z2QJa2y5rFdFT6m6DS5jFBq-S4wdsV8frSPCvcOJjyv8thcotPNCpUEKKb4DfGNI7q5qX28c-VxXsU_c96S-ytQEeuxC3ANK7-G_aZbscW2ucA/s1600/2-bmp.png');background-repeat:no-repeat;width:400px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseout="this.className='barrightblogger'" onmouseover="this.className='barrightbloggerc'">
<div class="barconteblogger">
----------------Konten Kamu Disini-------------------------------
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2AoCb8q9Y5nkgLxk3kGcKn6eycWOR2tSCFEMCuHY1S1bJEIMs_QNDfggdTTYT1awuNsVvj1nftBpUDiP7gXRQMWFXxA5nrt9ICXc1R6dBeiAxYtzw6oV7EaLrZFecPMQFOstnaar7CGh/s1600/1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
</a></div>
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2AoCb8q9Y5nkgLxk3kGcKn6eycWOR2tSCFEMCuHY1S1bJEIMs_QNDfggdTTYT1awuNsVvj1nftBpUDiP7gXRQMWFXxA5nrt9ICXc1R6dBeiAxYtzw6oV7EaLrZFecPMQFOstnaar7CGh/s1600/1.jpg');background-repeat:no-repeat;width:39px;height:345px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPhdv_xkNBUI8UTWifPLQkKXm7OCq4Z9Z2QJa2y5rFdFT6m6DS5jFBq-S4wdsV8frSPCvcOJjyv8thcotPNCpUEKKb4DfGNI7q5qX28c-VxXsU_c96S-ytQEeuxC3ANK7-G_aZbscW2ucA/s1600/2-bmp.png');background-repeat:no-repeat;width:400px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseout="this.className='barrightblogger'" onmouseover="this.className='barrightbloggerc'">
<div class="barconteblogger">
----------------Konten Kamu Disini-------------------------------
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2AoCb8q9Y5nkgLxk3kGcKn6eycWOR2tSCFEMCuHY1S1bJEIMs_QNDfggdTTYT1awuNsVvj1nftBpUDiP7gXRQMWFXxA5nrt9ICXc1R6dBeiAxYtzw6oV7EaLrZFecPMQFOstnaar7CGh/s1600/1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
</a></div>
5.Untuk konten kamu..bisa kamu tambahkan widget music atau FAnpage Facebook...bahkan profilmu pun bisa !
6.Done~~ nikmati ya...Review Real Lihat gambar disamping~~>
