Memasang Widget Konversi Mata Uang di Halaman Blogger - Memasang widget konversi mata uang di blog sangatlah penting apalagi jika blog tersebut membahas mengenai perkembangan ekonomi dan bisnis misalnya. Tentu dengan adanya Widget konversi mata uang di blognya akan mempermudah pengunjung untuk mengetahui perbandingan nilai mata uang secara langsung.
Cara Memasang Widget Konversi Mata Uang di Blogger
2. Kemudian Klik "Tambahkan ke situs"
3. Pada tampilan ini kamu bisa atur tampilan widget sesuai ke inginan kamu, mulai dari warna, font, format angka dan lain sebagainya. Jika sudah lalu klik "Perbarui Pratinjau".
4. Jika dirasa sudah sesuai dengan yang diharapkan lalu Salin Kode HTML yang ada dibawah.
// Widget Konversi Mata Uang Responsiv Blogger <!-- ValutaFX CURRENCY CONVERTER START --> <div style='width:100%;*width:250px;max-width:250px;margin:0px auto;padding:0px;border:1px solid #01698c;background-color:#FFFFFF;'> <div style='width:100%;*width:250px;max-width:250px;text-align:center;padding:10px 0px;background-color:#01698c;font-family:arial;font-size:16px;color:#FFFFFF;font-weight:bold;vertical-align:middle;'>Pengonversi Mata Uang</div> <div style='padding:10px;'> <script type='text/javascript' charset='utf-8'>if(typeof vfxIdx==='undefined')vfxIdx=0;vfxIdx++;document.write("<div id='vfxWidget"+vfxIdx+"'><"+"/div>");document.write("<script async type='text/javascript' src='https://widgets.valutafx.com/ConverterWidgetLoader.aspx?sid=CC00BQ2FU&idx="+vfxIdx+"' charset='utf-8'></" + "script>");</script> <div style='overflow: hidden;'> <div style='float:left; text-align: left;'><noindex><a title='Tambahkan widget gratis ini ke situs Anda!' style='font-size:12px;color:#007eaa;text-decoration: none;' href='https://id.valutafx.com/AddConverter.aspx?sid=CC00BQ2FU' target='_blank' rel='nofollow'>Tambahkan ke situs</a></noindex></div> <div style='float:right; text-align: right;'><a style='font-size:12px;color:#777777;text-decoration: none;opacity: 0.6;filter: alpha(opacity=60);' href='https://id.valutafx.com/' target='_blank'>id.valutafx.com</a></div></div> </div> </div> <!-- ValutaFX CURRENCY CONVERTER END -->
Agar widget terlihat responsif dengan berbagai tampilan, kamu bisa ubah bagian yang saya tandai di kode atas menjadi *width:100%;max-width:100%;
Karena tutorial ini adalah menambahkan widget konversi mata uang yang akan di pasang pada halaman Blogger, maka kamu perlu membuat halaman baru dengan cara :
6. Ubah Tampilan Menulis jadi ke Tampilan HTML > Paste Kode HTML tadi yang kamu buat.
7. Selanjutnya Kirim atau Perbarui dan lihat hasilnya. Sampai disini kamu sudah berhasil membuat widget konversi mata uang dihalaman blogger.