Pages
Tips Merawat Monitor LCD
Setelah beberapa waktu yang lalu memposting artikel tentang tips untuk merawat monitor crt, ada yang bertanya, lalu bagaimana kalau merawat monitor lcd ? akhirnya saya memutuskan untuk menulis artikel ini meskipun saya yakin sudah banyak situs atau blog yang sudah menuliskan tips merawat monitor lcd.
Tips untuk monitor lcd ini tidak hanya bertujuan untuk monitor lcd saja melainkan semua
Cara Menulis Sebuah Postingan pada Blog
Sebenarnya artikel tentang menulis sebuah tulisan pada blog sudah banyak ditulis oleh para webmaster atau blogger namun karena masih ada saudara kita yang membutuhkan panduan untuk membuat tulisan pada blognya maka saya mempostingnya juga dan dengan bahasa yang sederhana dan mudah dimengerti oleh pemula seperti saya sendiri.
Pada tulisan ini saya hanya membatasi panduan tentang meulis artikel
Belajar HTML untuk pemula (bagian 1)
Sebelum memulai mempraktekan HTML ada baiknya kenal terlebih dahulu apa itu HTML.
HTML (HiperText Markup Language) adalah merupakan sebuah bahasa text yang digunakan untuk membuat sebuah halaman web untuk menampilkan informasi-informasi ke sebuah software browser di internet seperti internet explorer, mozila firefox dan lainnya.
Memulai HTML
Software apakah yang digunakan untuk menulis
Tips Merawat Monitor
Monitor adalah salah satu alat atau komponen yang sangat bermanfaat didalam dunia komputer karena monitor merupakan video display unit (VDU)yang berfungsi untuk menampilkan setiap informasi yang dihasilkan oleh central processing unit (CPU).
Untuk itu keberadaan monitor sangat menentukan komputer tersebut layak digunakan atau tidak, seandainya monitor tidak bis amenampilkan informasi meskipun
Belajar Microsoft Office Word 2003 (bagian 1)
Microsoft office word adalah nama dari sebuah aplikasi yang dibuat oleh perusahaan software microsoft yang digunakan untuk membantu manusia dalam mengolah data berupa surat-menyurat atau dokumen teks. Meskipun tidak sebatas teks yang dapat dibuat dengan microsoft office word, namun tujuan utama dari aplikasi ini adalah berbasis teks.
Pada dasarnya
Alternatif Penyimpanan Javascript
Memang susah teman, setelah mendengar geocities dari Yahoo akan ditiadakan dan diganti dengan web hosting Yahoo yang berbayar $4.99 (dibulatkan jadi $5). Padahal mungkin masih banyak para blogger yang ingin memanfaatkan fasilitas web hosting secara gratis, "termasuk OB" (ha.. ha..). Walaupun ditinjau dari sudut layanannya, web hosting yang berbayar memberikan keuntungan lebih dibandingkan yang gratis. Trik blogger kali ini, OB akan berbagi pengalaman tentang alternatif penyimpanan file-file baik itu berupa javascript, image, icon, dan sebagainya sehingga dapat dipergunakan dalam blog kamu. Nah, layanan web yang mendukung aktivitas blog disini selanjutnya akan OB sebut Blogger Stuff dan salah satu layanan yang sangat mendukung aktivitas tersebut adalah web hosting.- Silakan sign up dulu di http://www.000webhost.com.
- Ketika sign up perlu diingat, jika kamu belum memiliki nama domain sendiri, lakukan penambahan domain gratis dari 000webhost, seperti yang diperlihatkan dalam gambar di bawah ini (perhatikan panah orange).

- Sebelum domain kamu dapat dideteksi oleh 000webhost, maka kamu perlu men-download ip_confirm.exe sesuai dengan petunjuk dari 000webhost. Dan perlu diperhatikan jika kamu mendowload ip_confirm.exe sebaiknya menggunakan download manager default bawaan browser kamu.
- Kemudian klik aplikasi tersebut dan kamu akan diberikan semacam pin konfirmasi. Masukkan pin (6 digit nomor) tersebut dalam halaman konfirmasi yang muncul saat kamu selesai melakukan sign up.
- Tunggu konfirmasi melalui email kamu, selanjutnya klik link yang dikirimkan oleh 000webhost untuk masuk ke dalam member area.
- Login dengan email dan password kamu.
- Pilih domain kamu dalam dropdown menu pada "Manage another domain" (panah orange) --> Klik Go.

- Dalam kumpulan icon menu klik "File Manager" dan masukkan kembali password (hanya password).
- Sekarang kamu sudah bisa melakukan upload file, baik berupa script atau image di web hosting 000webhost.

Selamat menyimpan file di web hosting 000webhost.com...
Trik Merubah Tampilan Google Translate
Berikut trik blogger merubah tampilan google translate :
- Login ke account blogger kamu.
- Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".
- Cari Kode kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.
.other-language {
font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #758D38;
width : 110px;
background: #FFFFCC;
}
- Simpan dulu template blog kamu.
- Pilih tab Tata Letak --> Elemen Halaman.
- Tambah Gadget dalam elemen blog kamu --> "Tambahkan Gadget", pilih HTML/JavaScript.
- Copy dan pastekan kode di bawah ini.
<small>Choose : </small>
<select onchange="if (this.value!='') window.open(this.value,'_blank')" class="other-language">
<option selected value="0"/> Other Language
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sq&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Albanian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ar&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Arabic
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=bg&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Bulgarian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ca&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Catalan
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=zh-CN&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Chinese (Simplified)
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=zh-TW&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Chinese (Traditional)
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=hr&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Croatian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=cs&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Czech
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=da&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Danish
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=nl&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Dutch
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=en&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> English
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=et&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Estonian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=tl&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Filipino
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=fi&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Finnish
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=fr&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> French
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=de&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> German
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=el&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Greek
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=gl&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Galician
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=iw&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Hebrew
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=hi&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Hindi
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=hu&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Hungarian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=it&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Italian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ja&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Japanese
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ko&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Korean
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=lv&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Latvia
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=lt&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Lithuanian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=mt&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Maltese
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=no&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Norwegian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=fa&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Persian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=pl&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Polish
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=pt&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Portuguese
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ro&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Romanian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=ru&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Russian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sr&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Serbian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sk&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Slovak
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sl&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Slovenian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=es&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Spanish
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=sv&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Swedish
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=th&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Thai
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=tr&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Turkish
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=uk&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Ukrainian
<option value="http://translate.google.com/translate?hl=en&sl=id&tl=vi&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Vietnamese
<!-- Please Don't Change or Remove This Code -->
<option value="http://optimasi-blog.blogspot.com"/>- Optimasi Blog -
<!-- Thanks for Your Attention -->
</select>
<small><div style="text-align:right;">by <a href="http://translate.google.com" target="_blank">Google Translate</a></div></small>
Catatan:
- Ganti kode yang berwarna hijau dengan alamat blog kamu.
- Pilihan translate bahasa dapat kamu kurangi dengan menghapus beberapa pilihan yang kamu kehendaki, ex: ingin menghapus bahasa albania, maka kode yang dihapus adalah <option value="http://translate.google.com/translate?hl=en&sl=id&tl=sq&u=http%3A%2F%2Foptimasi-blog.blogspot.com%2F"/> Albanian.
- Mohon untuk kode yang diberi title "Please Don't Change or Remove This Code" sampai dengan "Thanks for Your Attention" jangan dihapus.
- Pastikan kamu tidak menghapus link "Google Translate" yang ditunjukkan dengan warna merah.
- Lihat Blog.
Selamat merubah tampilan google translate...
Manfaat Windows VNC
Banyak pengguna jaringan sudah mengenal apa itu Virtual Network Computing (VNC) yaitu sebuah software yang sangat bermanfaat dalam memonitoring para pengguna komputer dalam jaringan.
Lalu apa manfaat sebenarnya yang dimiliki oleh VNC ini ? yang utama adalah bermanfaat untuk seorang administrator.
Dengan menggunakan software vnc ini dengan demikian seorang administrator dapat diringankan
Membuat Menu pada Joomla
Untuk menambah atau membuat sebuah menu baru sebelumnya harus login terlebih dahulu menggunakan username Admin dan password yang sudah anda buatkan di saat installasi joomla pertama kali. Cara login, ketik //localhost/tobipuken/administrator pada address browser kemudian tekan enter atau klik Login.
Karena pada awalnya menu yang ada pada Main Menu adalah hanya sub menu Home maka sekarang kita
Membuat Kotak Banner
- Login dulu ke account blogger kamu.
- Pilih tab Tata Letak --> Edit HTML.
- Tambahkan kode CSS berikut di atas kode ]]></b:skin>
/* Kotak Banner
===================== */
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center; }
#Box-Banner-ads img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px outset #c0c0c0; }
#Box-Banner-ads img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px inset #333; }
- Simpan dulu template blog kamu.
- Pilih tab Tata Letak --> Elemen Halaman.
- Tambah Gadget dalam elemen blog kamu --> "Tambahkan Gadget", pilih HTML/JavaScript.
- Copy dan pastekan kode di bawah ini.
<div id="Box-Banner-ads">
<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>
<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>
</div>
Catatan :
Ganti kode yang berwarna merah dengan alamat blog kamu.
- Lihat Blog.
<div id="Box-Banner-ads">
<a href="http://dmoz.org/" target="_blank"><img border="0" alt="Open Directory Project at dmoz.org" width="125" src="http://dmoz.org/user-banners/125x125birt.gif" height="125"/></a> <
<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>
</div>
Catatan :
Selamat membuat kotak banner...
Dasar Pembuatan Menu Horizontal
Diposting ini OB akan sedikit berbagi dengan teman-teman tentang bagaimana membuat menu horizontal menggunakan CSS. Mengapa trik blogger ini OB angkat kembali? Karena banyak minat para blogger mania untuk menghiasi blognya dengan menu-horizontal sesuai dengan keinginan dan karakter blognya masing-masing. Ketika kamu blog walking tentu banyak sekali bertemu trik membuat menu horizontal dengan sistem kode yang berbeda pula, dan sangat dimungkinkan pula kode yang akan OB tampilkan berbeda dengan lainnya (atau bisa pula sama). Nah, agar tak titik air ludah karena membaca paragraf pembuka. Yuk, kita bedah triknya.
Kode CSS (Cascading Style Sheets adalah sebagai berikut :
#menu-navigation {
border-bottom: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
clear: both;
display: block;
float: left;
margin: 0 auto;
width: 100%;
}
#menu-navigation ul {
list-style: none;
margin-bottom: 0;
padding: 0 15px;
}
#menu-navigation li {
float: left;
position: relative;
}
#menu-navigation li.alignright {
float: right;
margin: 0;
}
#menu-navigation a {
color: #666;
display: block;
line-height: 3.1428em;
padding: 0 1.5714em;
text-decoration: none;
}
#menu-navigation ul ul {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
box-shadow: 0 3px 3px rgba(0,0,0,.2);
display: none;
float: left;
margin: 0;
padding: 0;
position: absolute;
top: 3.1428em;
left: 0;
z-index: 99999;
}
#menu-navigation ul ul ul {
left: 100%;
top: 0;
}
#menu-navigation ul ul a {
background: #f9f9f9;
border-bottom: 1px dotted #ddd;
font-weight: normal;
height: auto;
line-height: 1.5714em;
padding: .39285em .39285em .39285em 1.5714em;
width: 152px;
}
#menu-navigation ul li:hover > ul {
display: block;
}
#menu-navigation li:hover > a,
#menu-navigation ul ul :hover > a,
#menu-navigation a:focus,
#menu-navigation .selected > a {
background-color: #f5f5f5;
color: #111;
}.selected digunakan untuk mengindikasikan jika URL halaman blog sama dengan URL pada menu navigasi, maka berlaku pengkodean .selected. Sedangkan untuk HTML (HyperText Markup Language) adalah sebagai berikut:
<nav id="menu-navigation">
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#"></a>Tentang</li>
<li><a href="#"></a>Sitemap</li>
<li><a href="#"></a>Kontak</li>
</ul>
</nav>Dengan menggunakan HTML di atas, berarti kita meniadakan fungsi .selected. Pada kasus Blogger.com fungsi .selected dapat diakomodasi dengan menambahkan tag kondisional tiap menu, contoh untuk beranda (home):
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<li><a expr:href='data:blog.homepageUrl'>Beranda</a></li>
<b:else/>
<li class='selected'><a expr:href='data:blog.homepageUrl'>Beranda</a></li>
</b:if>Sedangkan pada menu lain dapat disimak pada kode di bawah ini.
<b:if cond='data:blog.url != "#"'>
<li><a href='#'>Tentang</a></li>
<b:else/>
<li class='selected'><a href='#'>Tentang</a></li>
</b:if>Dimana URL (Uniform Resource Locator) pada kode yang berwarna merah adalah sama, contoh: h**p://namablog.blogspot.com/p/tentang.html. Selanjutnya dengan pengkodean CSS di atas, kita dapat pula membuat menu navigasinya menjadi lebih kompleks (drop down)
<li><a href='#'>Drop Down</a>
<ul class='submenu'>
<li><a href='#'>Item1.1</a></li>
<li><a href='#'>Item1.2</a></li>
<li><a href='#'>Item1.3</a>
<ul>
<li><a href='#'>Item3.1</a></li>
<li><a href='#'>Item3.2</a></li>
<li><a href='#'>Item3.3</a></li>
</ul>
</li>
</ul>
</li>Lho…, dimana tag kondisionalnya. Jika dalam menu berlaku drop down, maka tag kondisional tidak berlaku. Oleh karena masing-masing URL (warna biru) akan diisi dengan berbeda, sedangkan URL yang diberi warna merah tidak perlu dimasukkan — biarkan seperti itu — karena berfungsi sebagai alat bantu. Sekarang kamu pasti sudah bisa membuat menu horizontal sesuai keinginan dan kebutuhan di dalam blog kamu...
Hadiahkan Alexa Ranking untuk Blog Kamu
AlexaRank adalah ukuran kepopuleran suatu Website dengan membandingkan suatu situs dengan semua situs yang berada di jaringan Internet. Perhitungan Alexa rank ini dengan cara mengkombinasikan rata-rata visitor suatu situs perhari dan jumlah jumlah halaman suatu website yang dibuka oleh visitor. Suatu website yang berada di tingkat alexa tertinggi mempunyai Alexa Rank 1 jadi dalam artian semakin kecil berarti semakin bagus Alexa ranking nya. Dengan kata lain urutan alexa ranking kebalikan dari pagerank.
Kegunaan Alexa rank tidak terlalu jauh berbeda dengan pagerank, yakni lebih ditujukan kepada para pebisnis online yang ingin mengumpulkan rezeki via internet. Karena tempat-tempat mencari uang di internet seperti Teks Link ads, Sponsored Review, ReviewMe, ask2link serta web-web penghasil uang lainnya menjadikan alexa rank sebagai salah satu tolok ukur. Semakin bagus alexa rank yang kamu dapatkan, maka akan semakin baik pula blog kamu di mata para pemasang iklan atau adverstiser yang mau memasang iklannya, artinya rupiah akan semakin mudah untuk masuk ke kantong kamu.
Adapun cara menyematkan Alexa rank blog kamu hampir serupa dengan cara mendapatkan pagerank dengan tambahannya adalah sebagai berikut :
- Buatlah postingan tentang Alexa Ranking.
- Download plugin (add-on) Alexa untuk web browser kamu atau dikenal dengan sebutan "Sparky" di http://www.alexa.com/toolbar. Hal ini untuk memudahkan Alexa.com untuk mendeteksi keberadaan blog kamu serta trafik yang terjadi.
- Masukkan pula widget Alexa Rank dalam blog kamu, dengan cara seperti di bawah ini.
- Silakan kunjungi site Alexa.com.
- Di sebelah kanan, klik banner "Update Your Website Info".
- Klik menu "Site Widgets", kemudian pilih bentuk widget yang akan ditampilkan (umumnya widget yang kedua).
- Masukkan alamat lengkap blog kamu dan klik "Build Widget".
- Nah, sekarang akan muncul 3 script kembali. Silakan pilih script mana yang akan kamu pasang dalam blog kamu.
Update:
Cara di atas bukan untuk meningkatkan Alexa rank, namun setidak-tidaknya sebagai upaya kita agar blog lebih mendapat perhatian dari Alexa rank. Sedangkan untuk mendapatkan script widget Alexa, Anda harus terlebih dulu terdaftar sebagai member. Kemudian cari/klik menu “Site Tools” pada menu navigasi horizontal atau di bagian bawah (footer) atau bagian lain, yang bertuliskan “Alexa Tool for Site Owners” (Edit your site listing). Kemudian masukkan alamat blog Anda & ikuti langkah-langkah selanjutnya, sampai Anda mendapatkan kode script.
These rankings are valued for an Optimasi-Blog by Alexa.
Sekelumit Tentang Pagerank Blog
Apa itu pagerank?
Pagerank Blog merupakan standar algoritma yang berguna untuk menilai kepopuleran suatu blog. PageRank merupakan salah satu fitur utama mesin pencari Google yang dihitung dengan skala 1-10 (wikipedia.org). Blog kamu akan semakin populer jika semakin banyak web/blog lain yang meletakan link dan mengarah ke blog kamu tersebut, dengan kata lain postingan di blog kamu lebih populer dibandingkan dengan blog lain.