Visi-Misi Pertamina

Sabtu, 31 Juli 2010

VisiMenjadi Perusahaan Minyak Nasional Kelas DuniaMisiMenjalankan usaha inti minyak, gas, dan bahan bakar nabati secara terintegrasi, berdasarkan prinsip-prinsip komersial yang kuatTata Nilai Clean (Bersih)Dikelola secara profesional, menghindari benturan kepentingan, tidak menoleransi suap, menjunjung tinggi kepercayaan dan integritas. Berpedoman pada asas-asas tata kelola korporasi yang

Memasang Widget Kurs Mata Uang

Jumat, 30 Juli 2010

Memasang Widget Kurs Mata Uang Rupiah. Pada kesempatan yang terdahulu, di sini, sebenarnya Tips dan Trik Blog telah memposting tema serupa tentang pemasangan kurs mata uang ini. Namun tidak ada salahnya, jika kali ini Tips dan Trik Blog mempostingnya kembali dengan layanan yang berbeda, yaitu KlikBCA. Dengan postingan ini diharapkan para pengunjung mempunyai banyak pilihan jika ingin menggunakan salah satunya.

Dengan memasang kurs mata uang pada blog diharapkan dapat membantu para pengunjung (terutama yang sering berkecimpung dalam dunia perdagangan valas) untuk mengetahui kurs mata uang rupiah secara up to date (realtime). Dengan demikian mereka tidak perlu repot-repot menuju ke situs yang menyediakan kurs mata uang.

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

Memasang Widget Harga Emas Realtime. Ketika bersilahturahmi di blog teman, Tips dan Trik Blog menemukan widget yang menampilkan Harga Emas secara realtime, di mana kita dapat melihat harga emas yang terupdate setiap saat. Sebenarnya widget serupa juga pernah Tips dan Trik Blog ketengahkan pada postingan sebelumnya, di sini, namun tidak ada salahnya jika Tips dan Trik Blog mengetengahkan lagi dengan harapan para blogger mempunyai pilihan untuk memasang salah satu widget harga emas tersebut.

Adalah Gold-Quote.net yang menyediakan layanan harga emas yang akan terupdate secara realtime. Harga emas yang ditampilkan adalah dalam satuan dollar per troy oz, di mana 1 troy oz sama dengan 31,1 gram. Jadi untuk mengkonversi harga emas ke dalam rupiah adalah dengan membagi harga tersebut dengan 31,1 kemudian dikalikan dengan kurs rupiah terhadap dollar.

Contoh perhitungannya telah Tips dan Trik Blog sampaikan pada postingan yang terdahulu, di sini.

Untuk memasang widgetnya pada side bar blog kita dengan cara sebagai berikut.

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

Sekarang, refresh blog dan pastikan widget harga emas tersebut telah muncul pada blog kita, contoh hasilnya adalah seperti di bawah ini.



Selamat Mencoba!!!

Cara Memberi Keterangan Gambar Pada Posting Blog

Jumat, 16 Juli 2010

Cara Memberi Keterangan Gambar Pada Posting Blog. Jika kita sering membaca koran, kita pasti sering melihat photo / gambar yang berfungsi sebagai ilustrasi atas berita / artikel tertentu. Nah, biasanya pada bagian bawah photo /gambar tersebut diberi keterangan sehubungan dengan photo / gambar tersebut. Dalam dunia blog, kita juga dapat melakukan hal yang serupa, yaitu menambahkan photo / gambar ilustrasi dan kemudian kita dapat memberikan keterangan di bawah gambar ilustrasi tersebut. Jika tertarik, silakan ikuti tipsnya berikut ini bersama Tips dan Trik Blog.


Kita semua mengetahui bahwa untuk memasang photo / gambar pada postingan blog dapat dilakukan dengan dua cara. Pertama, dengan cara mengupload gambar secara langsung dari PC (komputer) dan kedua, dengan cara menempatkan / mengupload gambar pada suatu layanan photo hosting (misalnya, photobucket, flicker, dll) kemudian linknya dipastekan (ditempatkan) pada postingan blog.

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&current=hp.jpg" target="_blank"><img src="http://i209.photobucket.com/albums/bb287/yono_pati/th_hp.jpg" alt="Photobucket" border="0" /></a>



Untuk memberi keterangan gambarnya, caranya juga serupa yaitu dengan menyisipkan teks (keterangan) di antara script tersebut. Perhatikan teks yang berwarna merah.


<a href="http://s209.photobucket.com/albums/bb287/yono_pati/?action=view&current=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

dan


Photobucket Keterangan Gambar

Jika kita perhatikan, posisi gambar di atas adalah di tengah (center) secara horizontal, hal ini disebabkan karena pada waktu menguploadnya, Tips dan Trik Blog memilih opsi “center” sedangkan tulisan (keterangan)nya rata kiri sehingga terlihat kurang bagus.

Oleh karena itu, untuk menjadikan keterangan gambar menjadi rata tengah, kita dapat menambahkan script <div style="text-align: center;"> dan </div> yang mengapit script di atas, sehingga selengkapnya menjadi seperti ini.

<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&current=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.



dan




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&current=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!!