Visi-Misi Pertamina
Sabtu, 31 Juli 2010
Memasang Widget Kurs Mata Uang
Jumat, 30 Juli 2010
Cara pemasangannya cukup mudah, yaitu dengan langkah-langkah sebagai berikut.
Pertama, login ke akun blogger hingga masuk Dasbor >> Rancangan >> Tambah Gadget >> Tambahkan HTML/Javascript.
Kedua, kemudian copy kode berikut ini.
<iframe border="0" frameborder="0" marginheight="0" marginwidth="0" height="250" src="http://masterbisnis.com/kurs_bca.php" scrolling="no" width="180"></iframe>
Keterangan
Jika menginginkan, kita dapat merubah variable “height” dan “width” dengan angka yang lebih besar atau lebih kecil tergantung selera dan kebutuhan.
Ketiga, simpan perubahan
Keempat, selesai
Sekarang, refreshlah blog dan pastikan widget kurs mata uang telah "bercokol" pada blog kita. Hasilnya seperti di bawah ini.
Selamat Mencoba!!!
Memasang Harga Emas Realtime
Selasa, 27 Juli 2010
Contoh perhitungannya telah Tips dan Trik Blog sampaikan pada postingan yang terdahulu, di sini.
Pertama, login kea kun blogger hingga masuk Dasbor >> Rancangan >> Tambah Gadget >> HTML/Javascript
Kedua, buka halaman http://gold-quote.net/dashboard.php?lang=en
Ketiga, kita akan melihat beberapa tampilan yang dapat kita pilih sesuai dengan selera masing-masing. Dan pilihlah tampilan yang kita inginkan.
Keempat, di bawah tampilan yang kita inginkan tersebut terdapat script yang harus kita pastekan pada di sidebar blog kita. Copy dan pastekan script tersebut pada Gadget.
Kelima, simpan.
Keenam, selesai
Selamat Mencoba!!!
Cara Memberi Keterangan Gambar Pada Posting Blog
Jumat, 16 Juli 2010
Jika kita menggunakan cara yang pertama, kita akan mendapati scriptnya seperti contoh di bawah ini.
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_dATSF_iv-iw/TEBbj4e-yTI/AAAAAAAADzc/QaXcvWavVIA/s1600/hacker1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 109px; height: 122px;" src="http://4.bp.blogspot.com/_dATSF_iv-iw/TEBbj4e-yTI/AAAAAAAADzc/QaXcvWavVIA/s200/hacker1.jpg" alt="" id="BLOGGER_PHOTO_ID_5494492217407883570" border="0" /></a>
Untuk memberi keterangan gambarnya, caranya adalah dengan menyisipkan teks (keterangan) pada script gambar tersebut. Tuliskan teks (keterangan) pada teks yang berwarna merah seperti di bawah ini.
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_dATSF_iv-iw/TEBbj4e-yTI/AAAAAAAADzc/QaXcvWavVIA/s1600/hacker1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 109px; height: 122px;" src="http://4.bp.blogspot.com/_dATSF_iv-iw/TEBbj4e-yTI/AAAAAAAADzc/QaXcvWavVIA/s200/hacker1.jpg" alt="" id="BLOGGER_PHOTO_ID_5494492217407883570" border="0" /> keterangan gambar </a>
Jika kita menggunakan cara yang kedua, maka contoh scriptnya adalah seperti di bawah ini.
<a href="http://s209.photobucket.com/albums/bb287/yono_pati/?action=view¤t=hp.jpg" target="_blank"><img src="http://i209.photobucket.com/albums/bb287/yono_pati/th_hp.jpg" alt="Photobucket" border="0" /></a>
<a href="http://s209.photobucket.com/albums/bb287/yono_pati/?action=view¤t=hp.jpg" target="_blank"><img src="http://i209.photobucket.com/albums/bb287/yono_pati/th_hp.jpg" alt="Photobucket" border="0" /> Keterangan Gambar </a>
Hasilnya seperti di bawah ini.
keterangan gambar
Keterangan Gambar
<div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_dATSF_iv-iw/TEBbj4e-yTI/AAAAAAAADzc/QaXcvWavVIA/s1600/hacker1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 109px; height: 122px;" src="http://4.bp.blogspot.com/_dATSF_iv-iw/TEBbj4e-yTI/AAAAAAAADzc/QaXcvWavVIA/s200/hacker1.jpg" alt="" id="BLOGGER_PHOTO_ID_5494492217407883570" border="0" /> keterangan gambar </a></div>
<div style="text-align: center;"><a href="http://s209.photobucket.com/albums/bb287/yono_pati/?action=view¤t=hp.jpg" target="_blank"><img src="http://i209.photobucket.com/albums/bb287/yono_pati/th_hp.jpg" alt="Photobucket" border="0" /> Keterangan Gambar </a></div>
Setelah itu, hasilnya seperti di bawah ini.
Oh, iya jika kita perhatikan, keterangan gambar pada image yang kedua berada di samping gambar, jika menginginkan di bawah gambar, kita dapat menambahkan <br> sebelum keterangan gambar, selengkapnya menjadi seperti ini.
<div style="text-align: center;"><a href="http://s209.photobucket.com/albums/bb287/yono_pati/?action=view¤t=hp.jpg" target="_blank"><img src="http://i209.photobucket.com/albums/bb287/yono_pati/th_hp.jpg" alt="Photobucket" border="0" /> <br> Keterangan Gambar </a></div>
dan hasilnya akan menjadi seperti di bawah ini.
Selamat Mencoba!!