Widget Kurs (Nilai Tukar)

Apa kabar sahabat blogger ??

Kali ini saya akan melengkapi blog kamu denan widget info nilaai tukat atau nilai kurs kurs.

pasti kalian bertanya apakah fungsinya?

Fungsinya menurut saya untuk membantu memberikan informasi kepada para blogger dan pengunjung untuk mengetahui nilai tukar mata uang dari beberapa negara, widget ini sering dicari loh.

Langsung aja ya tidak usah berlama-lama.

1. login blogger kamu terlebih dahulu
2. setelah kamu berada di jendela dasbor pilih rancangan
3. kamu pilih galaman elemen laman
4. kamu tambahkan gadget dan pilih HTML/JavaScript
5. masukkan kode dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY3u9PG0CirNqLC8wYuTKzPq-VoY2omWcsJ1gVC9N4JRg-TbBwCW-J6QGjPlqxLicC8hnsbpVOsf68U0_61N7IyMTDbhsPd72pK0kI0VgJv3x1yLsj5vwlyLgvW9DRuuisj45tUvdKNMbp/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="reynalnugraha" src="http://www5.shoutmix.com/?reynalnugraha" width="300" height="300" frameborder="0" scrolling="auto">
<a href="http://www5.shoutmix.com/?reynalnugraha">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

6. setelah itu kamu simpan atau save, kemudian liat hasilnya.

Selamat Mencoba ya. .

Artikel Terkait:

Posted in: Blogger