Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih...

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"


2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".

3. Lalu pilih HTML/Javascript"

4. Kemudian masukkan script berikut ini kedalamnya.

	Gadgets powered by Google

Fitur yg lumayan asik dari Windows XP adalah kemampuan untuk mendefrag ketika ada dalam proses booting. Boot Defrag pada prinsip menata file2 yg relevan dengan booting secara berurutan. Secara default fitur ini telah diaktifkan pada beberapa Build Windows, tapi beberapa build windows tidak, ada baiknya kalo kita cross check terhadap fiotur yg satu ini.
1. Start Menu>Run
2. Regedit
3. HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Dfrg\
BootOpt imizeFunction
4. Cari “Enable” dibagian kanan regedit
5. Klik “Modify”
6. Pilih “Y to enable”
7. Reboot

Tweaking ini mengurangi waktu tunggu secara otomatis ketika windows sudah menerima instruksi untuk shutdown.
1. Start>Run
2. ‘Regedit’>OK
3. ‘HKEY_CURRENT_USER\Control Panel\Desktop\’
4. Sorot ‘WaitToKillAppTimeout’
5. Klik kanan dan pilih modify
6. Ubah value menjadi ‘1000′
7. Klik ‘OK’
8. Sorot ‘HungAppTimeout’
9. Klik kanan dan pilih modify
10. Ubah value menjadi ‘1000′
11. Klik ‘OK’
12. ‘HKEY_USERS\.DEFAULT\Control Panel\Desktop
’sorot WaitToKillAppTimeout’
13. Klik kanan dan pilih modify
15. Ubah value ke ‘1000′
16. Klik ‘OK’
17. ‘HKEY_LOCAL_MACHINE\System\CurrentControlSet\Contr ol\
’ sorot ‘WaitToKillServiceTimeout’
19. Klik kanan dan pilih modify
20. Ubah value menjadi ‘1000′
21. Klik ‘OK’

Random Access Memory (RAM) digunakan untuk menampung data sementara di dalam komputer. Semakin banyak aplikasi yang kita buka, maka semakin banyak pula RAM digunakan. Ada cara menambah RAM yaitu dengan memanfaatkan flashdisk (penyimpan data), dengan tambahan software (aplikasi) eBooster.exe, kita bisa menambah RAM kita tanpa harus membeli RAM yang baru.
Kita sering menggunakan komputer, karena asyiknya, kita buka Microsoft Word, kemudian Excell, PowerPoint, Access, ditambah AdobePhotoShop, CorelDraw. Kemudian kita ingin membuka Winamp untuk mendengarkan music. Tapi tiba-tiba komputer kita hang, Alias mati. Mengapa ini terjadi?
Karena kapasitas RAM-nya habis, RAM (Random Access Memory) biasa digunakan untuk menyimpan data sementara di komputer. Artinya sementara data tersebut hanya bisa dilihat di layar monitor, namun belum kita simpan ke media penyimpanan, seperti Hardisk, flashdisk, CD Room dan sebagainya.
Semakin banyak aplikasi yang kita buka di komputer kita, maka semakin besar RAM yang kita gunakan. Sebagai gambaran RAM sebagai berikut. Misal di komputer kita terpasang RAM dengan kapasitas 512 Mb. Setiap aplikasi yang kita buka akan membutuhkan RAM, atau secara mudah setiap kita membuka setiap aplikasi maka persediaan RAM yang ada akan berkurang.
Sebagai contoh, misalnya kalau kita membuka Microsoft Word, maka Microsoft Word akan membutuhkan memory sementara (RAM) sebesar 300 Mb (bukan data sebenarnya, karena saya belum pernah mengukur Microsoft Word membutuhkan memory berapa untuk bisa berjalan), berarti persediaan RAM yang ada tinggal (512-300 = 212 Mb). Jika kita membuka lagi satu aplikasi tidak boleh lebih dari 212 Mb, kalau aplikasi yang dibukan melebihi 212 Mb, misal Microsoft Excel memory yang dibutuhkan adalah 300 Mb, maka komputer akan Hang (OVER CLOCK), karena kebutuhan memory untuk running program tidak cukup.
Untuk menambah kapasitas RAM biasanya kita harus membeli RAM untuk tambahan, menjadi lebih besar.
Namun dalam materi kali ini kita akan memperbesar kapasitas RAM dengan FLASHDISK, dengan argumen, bahwa flashdisk bisa berfungsi ganda, bisa untuk RAM juga bisa untuk menyimpan data. Semakin besar kapasitas flashdisk, maka semakin besar pula RAM yang bisa kita tambahkan.
Kita membutuhkan software eBooster.exe, yang dapat di download di sini atau di sini.
Ataupun kita juga bisa melihat video tutorial cara menambah ram dengan flash disk di sini
Download Tulisan Lengkap: trisno-menambah-ram-dengan-flashdisk.pdf

Ikuti Langkah-LangkahnYa :

yang pertama tama musti anda lakukan adalah kunjungi situs yang ini dulu, setelah anda klik link tersebut lalu anda akan di hadapkan ke halaman register/pendaftaran dan masukan data anda sesuai dengan yang di ingan kan di form tersebut... yaitu di kolom yang pertama dari atas silahkan nama username anda (terserah anda) setelah itu di kolom kedua silahkan isikan pasword yang ingin anda pakai untuk login, kemudian di kolom yang ketiga masukkan ferifikasi pasword yang anda masukkan tadi di kolom yang kedua (inget! pasword harus sama dengan yang anda isikan di kolom yang kedua tadi), kemudian di kolom yang ke empat silahkan masukkan nama asli anda, dan yang terakhir masukkan alamat email yang anda punya. nah..setelah anda lengkap mengisi data diri anda termasuk user name dan pasword lalu jangalupa anda mengasih tanda centang atau cecklist pada tulisan " I have read and agree to the Terms of Service." setelah itu tekan tombol "continue". setelah anda tadi tetrdaftar dan anda sekarang ada di halaman pemilihan style chat box. anda bisa memilih style sesuka hati anda dengan cara kasih tanda titik atau cecklist pada style chat box anda pilih, setelah itu masukkan ferisikasi kata yang ada di gambar sebelah kanan kolom. setelah itu anda klik "continue" selesai... dan tahap selanjutnya adalah pengambilan code scriptnya.. yaitu dengan cara klik menu di paling atas yang bertuliskan " settings ", di dalam halam seting ini anda bisa mengkonfigurasi setingan chat box anda, seperti mengubah warna chat box, dan lain2.. nah untuk mengkonfigurasi setingan ini anda bisa lakukan sendiri mendatang ( saya yakin anda bisa, dulu saya juga pas pertama juga binun.. heheh ) dan yang paling penting adalah tahap pengambilan code scriptnya.. setelah anda di halaman setting anda cari aja tulisan " Get codes " yang berada di kotak sebelah kiri atas (klik aja tulisan itu) anda akan dihalam baru dan cari dan klik lagi yang bertuliskan " Place shoutbox on webpage " setelah itu muculah code scriptnya di bawah... dan silahkan copy code script tersebut dan pastekan di halaman blog anda... ,mengenai penempatan nya sesuai dengan selera anda.. dan yang paling baik di tempatkan di bagian "sidebar" blog anda.. cara menempatkan di sidebar pun cukup mudah, anda tinggal login ke blogger setelah itu tekan menu di blogger yg bertuliskan "layout" abis ntu pilih lagi pilihan " Add a Page Element " ( pengaturan dalam bahasa inggris, jika blog anda memakai pengaturan bahasa indonesia silahkan di kira2 sendir arti yang sama dengan kata " Add a Page Element "), kemudian akan muncul jendela baru dan pilih lagi pilihan " HTML/JAVASCRIPT " dan masukkan code script chat box tadi ke kolom yang tersedia dan tekan tombolo save/simpan... selesai sudah, anda bisa ngeceng dengan pengunjung blog anda di chat box tadi... wekekeke....
ya udah.... sekian dulu yah.. kalo masih ada yang binun tinggalkan pesan di kotak komentar di bawah yah.... mungkin bisa bermanfaat buat anda kedepannya....
dan ga lupa saya ucapkan selamat mencoba dan sukses... kalo sukses jangan lupa kasih kabar juga yah di kotak komentar oce..................
InsyaAllah Bisa......

Ikuti Langkah-langkahNya :

Agar blog anda tampak cantik dan menarik untuk di lihat, maka anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Untuk melihat contoh blog yang memasang jam blog silahkan lihat di sini. Dan bagi anda yang ingin blognya di pasang jam blog juga, silahkan ikuti langkah-langkah berikut :

1. Silahkan klik link berikut –> clock
2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai

Selamat mencoBa.inSyaAllah bisa..

Beberapa hari yang lalu, sempat ada salah seorang sobat meninggalkan pesan Offline pada YM milik saya yang isinya kira-kira seperti ini :




"Bagaimana caranya menyimpan banner pada header blog"



Sebuah keinginan yang saya anggap wajar bagi seorang pemilik blog, karena sudah barang tentu merupakan suatu kebahagiaan tersendiri apabila banner yang sangat kita sukai dapat di tempatkan pada blog kebanggan kita. Jika ada pertanyaan lain "apakah kita bisa mengganti atau menambahkan banner sendiri kedalam blog?" jawabannya adalah bisa, akan tetapi tentunya kita harus sedikit bercape ria mengotak-atik kode template.



Lagi-lagi karena template terbagi dua yaitu template klasik dan template baru, maka saya akan membagi dua bahasan tentang bagaimana caranya menambahkan atau mengganti banner yang ada di header.



Sebelum menginjak kepada proses editting template, langkah awal tentunya sobat harus mempunyai banner yang akan di pakai. Untuk membuat sebuah banner, sobat bisa menggunakan berbagai program desain grafis yang sobat kuasai, apakah itu photoshop, coreldraw, ataupun program-program yang lainnya yang sejenis yang penting judulnya adalah program yang bisa membuat banner.



Karena template bentuknya ratusan atau bahkan mungkin ribuan, tentunya tulisan ini tidak akan bisa mewakili untuk pemakaian template, akan tetapi mungkin akan sedikit memberi gambaran bagaimana cara menambahkan atau merubah banner yang ada di header. Sebagai proyek percontohan (kaya kerjaan saja ya pake proyek segala), saya akan mengambil contoh template Minima yang di desain oleh Douglas Bowman, dan template ini merupakan template asli blogger.



Untuk Template Klasik




Seperti yang saya sebutkan di awal bahwa langkah pertama yang dilakukan adalah membuat banner, gambar banner terserah kepada sobat, mau gambar pemandangan, laut, atau photo sobat sendiri juga boleh. Langkah kedua adalah meng upload banner tersebut, bisa di upload ke blogger sendiri atau ke hosting lain. Untuk cara upload gambar sudah saya terangkan di sini dan di sini. Sebagai contoh, saya sudah upload banner di www.photbucket.com dan mempunyai alamat banner seperti ini :



http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif



dan gambar bannernya seperti ini ( gambarnya dalam skala kecil):









Untuk cara penempatannya silahkan ikuti langkah-langkah berikut :

1. Sign in di blogger





2. Klik menu Template





3. Klim menu Edit HTML





4. Copy seluruh kode HTML yang ada lalu paste pada notepad kemudian save, ini sebagai backup data apabila kita melakukan kesalahan dalam proses edtitting template





5. Sisipkan kode berikut pada style sheet css sobat. Yang warna hitam adalah kode asli dan yang merah adalah kode yang harus di tambahkan





/* Header
----------------------------------------------- */

@media all {

#header {

width:660px;

margin:0 auto 10px;

border:1px solid #ccc;

background:url(http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif) no-repeat top center;


}

}






6. Jika sobat ingin menghapus garis yang berada di tepi banner, sobat harus menghapus kode berikut :




#blog-title {

margin:5px 5px 0;

padding:20px 20px .25em;


border:1px solid #eee; <-- hapus (delete)

border-width:1px 1px 0; <-- hapus (delete)

font-size:200%;

line-height:1.2em;

font-weight:normal;


color:#666;

text-transform:uppercase;

letter-spacing:.2em;

}




#description {

margin:0 5px 5px;


padding:0 20px 20px;

border:1px solid #eee; <-- hapus (delete)

border-width:0 1px 1px; <-- hapus (delete)

max-width:700px;

font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;


text-transform:uppercase;

letter-spacing:.2em;

color:#999;

}





7. Klik tombol Pratinjau untuk melihat perubahan






8. Jika sudah OK, klik tombol Simpan Perubahan Template





9. Selesai.

Untuk template baru



Bagi sobat pengguna template baru, bisa menggunakan dua cara.



Cara pertama :

1. Sign in di blogger





2. Klik menu Layout





3. Klik menu Edit HTML





4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data






5. Klik kotak kecil di samping tulisan Expand Template Widget





6. Tunggu beberapa saat sampai proses selesai






7. Tambahkan kode berikut pada style sheet css sobat.Yang warna hitam adalah kode asli dan yang merah adalah kode yang harus di tambahkan




/* Header
-----------------------------------------------

*/



#header-wrapper {


width:660px;

margin:0 auto 10px;

border:1px solid #ccc;

background:url(http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif)no-repeat top center;

}

}




8. Klik tombol Pratinjau untuk melihat perubahan yang ada





9. Bila sudah OK, klik tombol SIMPAN TEMPLATE





10. Selesai.

Langkahnya diatas sama dengan yang di template klasik.





Cara kedua :

1. Sign in di blogger





2. Klik menu Layout






3. Klik menu Edit HTML





4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data





5. Klik kotak kecil di samping tulisan Expand Template Widget





6. Tunggu beberapa saat sampai proses selesai







7. cari kode berikut pada template sobat :




<b:section class='header' id='header' maxwidgets='1'>



pada kode maxwidgets='1'. Rubah angka satu menjadi angka 2, sehingga
kodenya menjadi seperti ini :



<b:section class='header' id='header' maxwidgets='2'>




8. Klik tombol SIMPAN TEMPLATE

Nah itu langkah pertama, langkah selanjutnya adalah :

1. Klik menu Elemen Halaman





2. KLik tulisan Edit yang ada pada elemen Header





3. Tunggu beberapa saat





4. Pilih radio button yang ada di samping tulisan dari komputer Anda






5. Klik tombol Browse...





6. Pilih banner yang telah di buat yang ada pada komputer sobat





7. Tunggu beberapa saat sampai proses selesai.





8. Gambar banner sobat akan di tampilkan





9. Klik tombol SIMPAN PERUBAHAN






10. Selesai.

Nah silahkan sobat lihat hasilnya!



jika sobat merasa banner tersebut, maka sobat bisa menggantinya lagi, ulangi saja
langkah-langkah di atas.

Bagi sobat yang gemar memasang gambar ataupun emoticons pada postingan, sering kali menghadapi sedikit ganjalan yaitu gambar yang di pasang mempunyai border/bingkai gambar berbentuk kotak. nah bagi sobat yang ingin menghilangkan border ini, saya ada sedikit tips untuk menghilangkannya.



Contoh gambar yang mempunyai border :









Atau seperti ini :
















Bandingkan dengan yang ini :









Atau seperti ini :
















Lebih asyik bukan jika gambar yang kita posting tidak mempunyai border/bingkai. Cara untuk menghilangkan border adalah sobat harus membiasakan diri menambahkan kode border="0" pada setiap gambar yang di pasang. Sebagai contoh saya mempunyai alamat gambar seperti ini :



http://amen24.googlepages.com/face5.gif



Untuk membuat gambar, bisakan menyisipkan kode border="0", contohnya :



<img src="http://amen24.googlepages.com/face5.gif" border="0">



Bagaimana jika sobat sudah menambahkan kode border="0", akan tetapi gambar masih tetap mempunyai border/kotak. Nah untuk kejadian yang satu ini, maka style sheet css sobat ada yang harus di modifikasi. Silahkan ikuti langkah-langkah berikut ini!




Untuk yang memakai template klasik :

1. Sign in di blogger





2. Klik menu Template





3. Klik menu Edit HTML





4. Copy seluruh kode HTML template sobat, lalu paste pada notepad, kemudian save untuk backup apabila ada kesalahan editting






5. Cari kode berikut pada css sobat (ini contoh saja):





.post img { <-- perhatikan kode ini

padding:4px;

border:1px solid $bordercolor; <-- yang di rubah kode yg ini

}





tentunya setiap template berbeda-beda, akan tetapi biasanya selalu ada kode .post img




6. Rubah angka 1 (satu) menjadi angka 0 (nol), sehingga kodenya menjadi seperti ini :




.post img {

padding:4px;

border:0px solid $bordercolor;

}






7. klik tombol Simpan Perubahan Template
   
   
   
   
8. Selesai.

Untuk yang memakai template baru :

1. Sign in






2. Klik menu Layout





3. Klik menu Edit HTML





4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data






5. Klik kotak kecil di samping tulisan Expand Template Widget






6. Tunggu beberapa saat sampai proses selesai






7. Cari kode berikut pada css sobat (ini contoh saja):





.post img { <-- perhatikan kode ini

padding:4px;

border:1px solid $bordercolor; <-- yang di rubah kode yg ini


}




tentunya setiap template berbeda-beda, akan tetapi biasanya selalu ada kode .post img




8. Rubah angka 1 (satu) menjadi angka 0 (nol), sehingga kodenya menjadi seperti ini :




.post img {

padding:4px;


border:0px solid $bordercolor;

}





9. Klik tombol SIMPAN TEMPLATE





10. Selesai.

Bagaimana sobat, mudah-mudahan expresi sobat lebih bebas karena sudah tidak di ganggu lagi dengan adanya border.




Salam buat blogger semua.

Menanggapi beberapa pertanyaan dari para sobat yang di ajukan baik melalui
shoutbox, kotak komentar dan bahkan ada yang melalui yahoo messenger menyoal tentang
bagaimana cara membuat kategori dari artiekl-artikel yang telah di posting. Memang
betul, tentu dengan adanya pengkategorian atau pengelompokan artikel yang telah di
posting oleh pemilik blog dapat lebih mempermudah bagi para pembaca untuk memilih
artikel mana yang ingin dibaca.



Di blogger.com fasilitas ini sebenarnya sudah di sediakan, akan tetapi walaupun
fasilitas tersebut telah tersedia tentu saja jika kita tidak mengetahui cara menggunakannya akan menjadi tidak berguna. Untuk membuat kategori, di blogger.com di kenal dengan istilah Label. Dengan adanya fasilitas ini kita sebagai pemilik blog hanya tinggal mengisi kotak label yang di sedikan pada setiap posting artikel, sangat simpel dan sederhana.





Agar tidak membingungkan, silahkan sobat lihat pada akhir postingan artikel ini.
Disana ada tulisan seperti ini : Labels : Blog tutorial, membuat label.
Nah berarti postingan ini termasuk ke dalam dua kategori, yaitu kategori Blog tutorial dan kategori membuat label. Untuk melihat fungsi dari label ini silahkan sobat klik label yang bertuliskan Blog tutorial, maka secara otomatis seluruh postingan yang saya beri label Blog tutorial akan di tampilkan dan siap untuk di baca oleh pengunjung.



Bagaimana cara membuat label?




Untuk membuat sebuah kategori atau label, sobat hanya tinggal mengisi kotak kosong
di samping tulisan Label untuk postingan ini : (karena sekarang blogger sudah
ada yang berbahasa indonesia) yang berada di bawah kotak tempat membuat artikel.
Isi kotak tersebut dengan kategori yang kira-kiracocok untuk postingan yang kita buat. Contoh : liburan musim dingin. Satu postingan
tidak hanya terpatok hanya pada satu kategori saja, akan tetapi satu postingan bisa
mempunyai beberapa kategori. untuk membuatnya tinggal di pisahkan dengan tanda koma ( , )saja, misal untuk postingan artikel blog ini ada yang ber label Blog tutorial, blog tools, aksesori blog, karena postingan tersebut memang cocok dan masuk kedalam ketiga kategori tersebut.



Apakah kategori (label) bisa di tampilkan di sidebar?



Untuk sobat para pengguna template baru, Label (kategori) bisa di tampilkan
di sidebar, dan biasanya element label ini sudah tersedia ketika baru memasang template. Jika element label belum tersidia, sobat bisa membuatnya sendiri, silahkan ikuti langkah - langkah berikut ini :

1. Sig in di blogger dengan id sobat






2. Klik menu Layout





3. Klik menu Elemen Halaman





4. Klik tulisan Tambahkan sebuah Elemen Halaman





5. Klik tombol yang bertuliskan TAMBAHKAN KE BLOG yang berada di bawah tulisan Label






6. Tulisan Labels di samping tulisan Judul bisa sobat rubah menjadi Kategori jika sobat mau merubahnya





7. Pilih radio button yang sobat inginkan di samping tulisan Menyortir, Alfabetik : jika kategori ingin di tampilkan sesuai dengan abjad alfabetik ( dari A --> Z ), Berdasarkan Frekuensi : jika kategori ingin ditampilkan sesuai dengan banyaknya label (kategori)






8. Klik tombol yang bertuliskan SIMPAN PERUBAHAN





9. Selesai.

Sangat mudah bukan?



Sedikit pengumumam, karena blogger sekarang sudah ada yang berbahasa indonesia, maka
mulai sekarang dalam memandu mengikuti dengan memakai yang berbahasa indonesia.




Selamat mencoba !

Menjawab pertanyaan beberapa hari yang lalu yang di ajukan melalui shoutbox mengenai cara membuat random banner header atau gambar banner yang ada di header bisa bergantian atau berubah-berubah. Sepertinya memang lebih menarik apabila banner yang
ada di header bisa bergantian sehingga suasana akan lebih fresh karena tidak monoton
seperti blog saya ini , tapi tidak apa-apa, mungkin suatu hari nanti blog inipun headernya bisa bergantian

.



Untuk membuat random banner ada beberapa langkah yang harus sobat lakukan, yaitu :

Langkah pertama

Langkah pertama yang harus dilakukan tentunya sobat wajib membuat beberapa banner,
bisa tiga, empat, lima, dan seterusnya tergantung dari keinginan sobat. Untuk membuatnya sobat bisa menggunakan program-program semisal adobe photoshop atau coreldraw serta kawan-kawannya yang lain. Akan tetapi karena saya tidak terlalu mahir masalah program untuk desain gambar, maka tidak akan saya terangkan cara pembuatannya. Jika sobat ingin berkonsultasi mengenai program adobe photoshop, silahkan kunujungi http://jaloee.blogspot.com miliknya kang jaloee, beliau ini pakarnya kalau masalah photoshop.

langkah kedua

Langkah kedua yang harus dilakukan adalah mengupload banner-banner tersebut pada hosting tempat menyimpan gambar, saya ambil contoh www.photobucket.com
untuk cara upload pada situs ini sudah saya terangkan pada postingan terdahulu, jika masih bingung silahkan klik di sini.



Jika proses upload selesai, copy URl address banner-banner tersebut lalu paste pada program notepad guna nanti untuk di masukan kedalam kode/script yang akan saya berikan.

Langkah ketiga

Langkah ketiga yaitu memasukan script kedalam kode template yang sobat miliki. Script dasarnya adalah :








<script type="text/javascript">

var banner= new Array()


banner[0]="bannerURL0"

banner[1]="bannerURL1"

banner[2]="bannerURL2"

banner[3]="bannerURL3"

banner[4]="bannerURL4"


banner[5]="bannerURL5"

banner[6]="bannerURL6"

banner[7]="bannerURL7"

banner[8]="bannerURL8"

banner[9]="bannerURL9"

var random=Math.floor(10*Math.random());

document.write("<style>");

document.write("#header {");


document.write(' background:url("' + banner[random] + '") no-repeat top left;');

document.write(" }");

document.write("</style>");

</script>








Terlihat diatas bahwa jumlah banner yang diberikan adalah 10 buah, akan tetapi jumlah ini tidak mutlak yaitu berapa saja yang sobat inginkan yang penting pada kode var random=Mat. jumlahnya harus sesuai dengan jumlah banner.




Lagi-lagi karena template blogger ada dua yaitu template klasik dan template baru
maka untuk menempatkan kode/script akan berbeda, Sehingga pembahasannya pun akan saya bagi menjadi dua bagian. Sebelumnya saya akan memberikan contoh kode yang memuat banner yang sudah saya upload dan masing-masing memiliki URL addres sebagai berikut :




http://i162.photobucket.com/albums/t253/rohman24/banner_1.gif



http://i162.photobucket.com/albums/t253/rohman24/banner_2.gif



http://i162.photobucket.com/albums/t253/rohman24/banner_3.gif



http://i162.photobucket.com/albums/t253/rohman24/banner_4.gif



http://i162.photobucket.com/albums/t253/rohman24/banner5.gif



http://i162.photobucket.com/albums/t253/rohman24/banner_6.gif



http://i162.photobucket.com/albums/t253/rohman24/banner_7.gif



http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif




http://i162.photobucket.com/albums/t253/rohman24/banner_9.gif



http://i162.photobucket.com/albums/t253/rohman24/banner_10.gif




dan contoh bannernya adalah sebagai berikut (gambar diperkecil) :














































Contoh script dari banner-banner ini adalah :







<script type="text/javascript">


var banner= new Array()


banner[0]="http://i162.photobucket.com/albums/t253/rohman24/banner_1.gif"

banner[1]="http://i162.photobucket.com/albums/t253/rohman24/banner_2.gif"

banner[2]="http://i162.photobucket.com/albums/t253/rohman24/banner_3.gif"

banner[3]="http://i162.photobucket.com/albums/t253/rohman24/banner_4.gif"

banner[4]="http://i162.photobucket.com/albums/t253/rohman24/banner_5.gif"

banner[5]="http://i162.photobucket.com/albums/t253/rohman24/banner_6.gif"

banner[6]="http://i162.photobucket.com/albums/t253/rohman24/banner_7.gif"


banner[7]="http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif"

banner[8]="http://i162.photobucket.com/albums/t253/rohman24/banner_9.gif"

banner[9]="http://i162.photobucket.com/albums/t253/rohman24/banner_10.gif"

var random=Math.floor(10*Math.random());

document.write("<style>");

document.write("#header {");

document.write(' background:url("' + banner[random] + '") no-repeat top left;');

document.write(" }");


document.write("</style>");

</script>








Jika script diatas tulisannya terlalu kecil silahkan klik di sini untuk melihat
tulisan yang normal.




Untuk caranya silahkan ikuti langkah-langkah berikut ini.





Untuk Template klasik

1. Sig in di blogger dengan id sobat




2. Klik menu Template




3. Klik menu Edit HTML




4. Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula





5. Copy kode berikut ini lalu paste di bawah kode <div id='header'> (biasanya)








<script type="text/javascript">

var banner= new Array()


banner[0]="http://i162.photobucket.com/albums/t253/rohman24/banner_1.gif"


banner[1]="http://i162.photobucket.com/albums/t253/rohman24/banner_2.gif"

banner[2]="http://i162.photobucket.com/albums/t253/rohman24/banner_3.gif"

banner[3]="http://i162.photobucket.com/albums/t253/rohman24/banner_4.gif"

banner[4]="http://i162.photobucket.com/albums/t253/rohman24/banner_5.gif"

banner[5]="http://i162.photobucket.com/albums/t253/rohman24/banner_6.gif"

banner[6]="http://i162.photobucket.com/albums/t253/rohman24/banner_7.gif"

banner[7]="http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif"

banner[8]="http://i162.photobucket.com/albums/t253/rohman24/banner_9.gif"

banner[9]="http://i162.photobucket.com/albums/t253/rohman24/banner_10.gif"


var random=Math.floor(10*Math.random());

document.write("<style>");

document.write("#header {");

document.write(' background:url("' + banner[random] + '") no-repeat top left;');

document.write(" }");

document.write("</style>");

</script>






Klik tombol Save Template Changes

Selesai.

Untuk Template baru

1. Sign in di blogger dengan id sobat




2. Klik menu layout




3. Klik menu Page Elements




4. Klik tulisan Add a Page Element




5. Klik tombol ADD TO BLOG di bawah tulisan HTML/JavaScript





6. Copy paste kode berikut kedalamnya








<script type="text/javascript">

var banner= new Array()


banner[0]="http://i162.photobucket.com/albums/t253/rohman24/banner_1.gif"

banner[1]="http://i162.photobucket.com/albums/t253/rohman24/banner_2.gif"


banner[2]="http://i162.photobucket.com/albums/t253/rohman24/banner_3.gif"

banner[3]="http://i162.photobucket.com/albums/t253/rohman24/banner_4.gif"

banner[4]="http://i162.photobucket.com/albums/t253/rohman24/banner_5.gif"

banner[5]="http://i162.photobucket.com/albums/t253/rohman24/banner_6.gif"

banner[6]="http://i162.photobucket.com/albums/t253/rohman24/banner_7.gif"

banner[7]="http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif"

banner[8]="http://i162.photobucket.com/albums/t253/rohman24/banner_9.gif"

banner[9]="http://i162.photobucket.com/albums/t253/rohman24/banner_10.gif"

var random=Math.floor(10*Math.random());


document.write("<style>");

document.write("#header {");

document.write(' background:url("' + banner[random] + '") no-repeat top left;');

document.write(" }");

document.write("</style>");

</script>










7. Klik tombol SAVE CHANGES




8. Selesai.

Sekedar tambahan (padahal masih banyak ),
kode diatas adalah sekedar contoh, silahkan ganti address bannernya dengan yang di miliki sobat.



Mungkin ada beberapa template yang di pakai sobat saat ini banner headernya tidak sesuai dengan keinginan sobat, sebenarnya ukuran tersebut bisa kita ganti. Contoh untuk template minima sebagai berikut :






@media all {

#header {

width:660px;

margin:0 auto 10px;

border:1px solid #ccc;

}





Pada kode diatas terlihat bahwa untuk lebar banner header sebesar 660p(width:660px;),
nilai tersebut bisa kita rubah sesuai dengan keinginan. Dan untuk tinggi dari banner header tidak di definisikan, nah agar banner kita sesuai dengan keinginan maka kita harus menyelipkan kode tambahan sebagai definisi, contoh lebar yang di inginkan adalah sebesar 150px, maka kode yang di tambahkan adalah height:150px; sehingga kode di atas menjadi seperti ini :





@media all {

#header {

width:660px;

height:150px;


margin:0 auto 10px;

border:1px solid #ccc;

}




Untuk masing-masing template tentunya akan sangat berbeda, akan tetapi untuk template
milik blogger, biasanya untuk bagian header di beri nama #header.




Untuk melihat contoh nyata dari efek script diatas, saya sudah membuat satu blog
sebagai percontohan, blog tersebut sudah di pasang 10 banner seperti yang saya terangkan di atas, untuk melihat perubahannya sobat harus mengklik susuatu agar layar browser menjadi berubah baru, saya beri contoh dengan mengklik judul arsip atau yang lainnya.






Selamat mencoba !!!!

Apabila kita membaca tips dari para master blogger tentang cara meningkatkan pengunjung blog atau web, seringkali ada kata-kata seperti “daftarkan artikel anda ke Situs Social Bookmarking” atau Social bookmarking Network atau Favourite Bookmarking dan lain sebagainya. Tentunya kita sebagai Newbie atau pemula di dunia blogging acap kali bingung dengan kata-kata tersebut, dan mungkin timbul pertanyaan “Apa sih Situs Social Bookmarking Itu?”, “Manfaat apa yang bisa di rasakan?”

Hmmm… bagi anda yang sudah lama malang melintang di jagad blogosphere mungkin sering kali melupakan keberadaan mereka yang belum faham akan hal ini, dan sering lupa juga bahwa dulu pada awal-awal ngeblog kita juga sama seperti mereka juga (ngaku dech). Bagi anda yang belum faham akan manfaat dari keberadaan situs Social Bookmarking, yuk kita bareng-bareng cari tahu informasinya.

Sambil mencari info lengkap, kang Rohman mencoba berbagi apa yang sudah kang Rohman Ketahui, mudah-mudahan bermanfaat. Apa yang di maksud dengan Situs Social Bookmarking Network? secara awam kang Rohman artikan bahwa Situs Social Bookmarking Network adalah sebuah situs jejaring penandaan informasi yang ada di internet. Jika pada umumnya sebuah situs atau website ataupun blog akan di isi atau di update oleh sipemilik atau admin situs tersebut, berbeda dengan situs social bookmarking network tadi, situs seperti ini akan di isi oleh artikel ataupun informasi dari situs lain yang di submit atau di masukan ke situs itu. Siapa saja boleh memasukan artikel atau informasi dari situs apapun yang dianggap bermanfaat.

Apa manfaat memasukan artikel blog kita ke situs Social Bookmarking? sebelum langsung ke manfaat memasukan artikel blog kita ke situs Social Bookmarking tentu saja kita harus tahu alur kerjanya seperti apa. Jika sekiranya kang Rohman membuat sebuah alur kerja mungkin seperti :

Pertama, yang memasukan artikel anda ke situs social bookmarking tidaklah harus anda sendiri sebagai admin web atau blog namun boleh siapa saja. Sebagai contoh, jika anda merasa artikel yang sedang anda baca sekarang bermanfaat atau menarik dan ingin berbagi informasi ke orang lain, maka anda boleh memasukan artikel ini ke situs social bookmarking.

Kedua, pada situs social bookmarking ada yang namanya Vote atau kalau bahasa indonesia memberikan suara, anda dan siapa saja boleh memberikan vote terhadap artikel mana saja yang anda anggap bermanfaat atau menarik.

Dan masih ada lagi alur kerja yang lain, namun dari dua alur kerja yang telah saya sebutkan di atas bisa di ambil beberapa kesimpulan tentang apa saja manfaat dari memasukan artikel blog anda ke situs social bookmarking. Beberapa di antaranya :

1. Mendapatkan Limpahan pengunjung.

Ini yang sering di gembar-gembor kan oleh para master blogger tentang manfaat memasukan artikel blog anda ke situs social bookmarking, kenapa bisa demikian? yuk kita cermati!

• Agar lebih mudah untuk di fahami, Kang Rohman mengambil salah satu contoh situs social bookmarking yang ada di indonesia yaitu Lintasberita.com. Jika anda memasukan artikel anda ke lintas berita, maka tentu saja artikel anda akan ada di situs lintas berita (bolak-balik jadinya nich), apabila artikel anda sepertinya menarik untuk di baca maka pengunjung situs tersebut akan mengunjungi langsung ke blog anda karena artikel yang ada di lintas berita hanya berupa ringkasan saja serta link ke postingan anda. berikut contoh screenshot nya :

Jika artikel yang anda masukan sangat menarik di baca, maka para pembacapun tidak akan segan-segan memberikan votting ke artikel anda. Semakin banyak anda menerima vote, maka kesempatan artikel anda terpampang di sidebar situs tersebut terbuka lebar, jika artikel anda sudah terpampang di sidebarnya, maka tentu saja ribuan pengunjung situs tersebut akan selalu melihat judul artikel anda, ini tentu saja merupakan peluang sangat besar blog anda akan di kunjungi.

Seringkali artikel yang kita masukan mempunyai posisi yang baik di search engine, ini juga tentunya merupakan limpahan pengunjung ke blog atau web anda.

2. Mendapatkan backlink (link popularity) secara gratis

Sudah tahu kan tentang yang namanya backlink atau link popularity? semakin banyak yang nge link ke blog atau web anda maka semakin baik. Jika orang luar sana, banyak sekali yang rela mengeluarkan ratusan atau bahkan ribuan dolar dalam sebulan hanya untuk mendapatkan backlink dari situs lain. Jika anda memasukan artikel anda ke situs social bookmarking, maka anda akan mendapatkan backlink secara gratis.

Dan banyak lagi manfaat yang bisa di dapat apabila anda rajin memasukan artikel anda ke situs social bookmarking, sepertinya artikel ini akan terlalu panjang jika di tulis semuanya.

Beberapa situs social bookmarking terkenal yang berbahasa inggris adalah http://digg.com, http://www.stumbleupon.com, http://ma.gnolia.com, http://delicious.com, http://www.furl.net, dan lain-lain. Contoh yang bebahasa indonesia dalah http://www.lintasberita.com, http://www.infogue.com, http://kilasan.com, dan lain-lain.

Mungkin itu alasan para master sering menganjurkan agar kita memasukan setiap artikel kita ke situs social bookmarking.

Semoga bermanfaat!

Hari kemarin sempat sedikit heboh tentang isu kotak komentar blogspot yang disemat di bawah posting mengalami masalah, para pengunjung yang ingin memberikan komentar tidak bisa berkomentar. Dan ternyata blog kang Rohman yang ini pun termasuk ke dalam blog yang bermasalah. Kang Rohman sempat kebingungan dan mencoba mencari tahu apa gerangan penyebabnya. Namun sebelum penyakitnya terdeteksi, kang Rohman mempunyai masalah lain yaitu koneksi internet kang Rohman terputus total, di tunggu sampai malam belum juga bisa. Daripada BT menunggu koneksi tersambung kembali, mending istirahat di tempat tidur deh.

Baru pagi ini koneksi tersambung kembali, dan ternyata oh ternyata ada yang sudah menemukan solusi untuk mengatasi kotak komentar yang bermasalah kemarin,

Bagi anda yang kotak komentarnya bermasalah, solusinya adalah anda harus mengganti setting bahasa blog anda menjadi bahasa inggris. Berikut adalah langkah-langkahnya ;

1. Login ke blogger dengan ID anda
2. Klik Pengaturan.
3. Klik Format.
4. Alihkan perhatian ke bagian bawah, cari tulisan Bahasa. Ubah bahasanya menjadi Inggris (Inggris Raya).

   

5. Klik tombol SIMPAN SETELAN.
6. Selesai.

Silahkan cek kotak komentar anda, mudah-mudahan sudah normal kembali seperti biasa.

Menanggapi pertanyaan sobat tanggo yang menanyakan perihal penggalan artikel dari rubrik elektronik yang katanya selalu muncul di atas posting artikel, maka dari itu kali ini saya akan membahas cara pembuatannya, barangkali ada dari sobat-sobat lainnya sama-sama tertarik atau kalau tidak tertarik, ya sekedar pengetahuan saja juga tidak ada ruginya kan.



Sebenarnya penggalan artikel di atas adalah bukanlah suatu tulisan hasil posting,
akan tetapi hanya berupa tulisan biasa yang ujung kalimatnya di beri link untuk menuju ke artikel sebenarnya yakni artikel yang terdapat pada blog rubrik elektronik. Maksud pemasangan penggalan kalimat itu sebenarnya untuk membawa para pembaca ke blog saya yang satu lagi yaitu Rubrik Elektronik tadi, soalnya itu blog kan ada iklan google adsense nya, nah barangkali saja ada diantara para sobat sekalian yang mau berbaik hati meng klik iklan google adsense milik saya cuma hiks.... hiks masih dikit yang mau klik iklan aku tapi ga apa-apa berarti belum rezekinya (berarti ga ikhlas donk bikin tutorialnya kalo gitu / weith..... maaf bukan begitu maksud saya, jadi ga enak hati nih ).




Untuk membuat penggalan artikel seperti diatas, langkah pertama adalah mengcopy sebagian kalimat yang mau kita link, yang kedua adalah mencatat address dari artikel tersebut, nah ujung dari kalimat tersebut kita buatkan link. Agar tidak terlalu membingungkan saya beri contoh. Misalkan address dari artikel yang mau saya pasang linknya adalah sebagai berikut :



http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html



Isi dari penggalan kalimatnya adalah sebagai berikut :




Electronic Shopping



Many Indonesians were still believing that products that in marketed overseas his quality was far more better than products that in marketed in the country. Around them many that were deliberate went overseas only a to shop. You some among them?




Maka kode yang kita buat adalah sebagai berikut :







<span style="gt;<font size="6">Electronic Shopping</font></span>


<hr width="100%" align="left">



<br/>


Many Indonesians were still believing that products that in marketed overseas his quality was far more better than products that in marketed in the country. Around them many that were deliberate went overseas only a to shop. You some among them? <a href="http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html"><b>...Read more...</b></a>



<hr width="90%" align="left">


<br/>





Kode tersebut hasilnya akan seperti ini :









Biar lebih faham, sedikit saya uraikan :



<span > ..... </span> --> ini adalah kode untuk merubah warna text. #FD8403 merupakan kode warna orange.


<font size="6">.......</font>< --> ini adalah kode untuk menampilkan huruf dalam ukuran font 6 (ukuran besar)



<hr width="100%" align="left"> --> ini adalah kode untuk membuat garis sebesar 100% dari lebarnya halaman blog yang dimulai dari tepi kiri.


<br/> --> kode untuk membuat suatu kalimat pindah ke bawah sebesar satu line break.




Mudah-mudahan keterangan diatas dapat di pahami. Setelah kita membuat kode seperti yang di terangkan diatas, tugas selanjutnya yaitu memasukan kode tersebut kedalam blog. Tentunya ada perbedaan cara memasukan kode antara template klasik dengan template baru. Silahkan ikuti langkah-langkahnya :



Untuk template klasik :

Sign in di blogger dengan id sobat

Klik menu Template

Klik menu Edit HTML

Copy seluruh kode HTML yang ada, kemudian save di komputer sobat. Ini untuk backup data apabila terjadi kesalahan dalam proses editting template

Cari kode seperti di bawah ini :



<div class="post"><a name="<$BlogItemNumber$>"></a>


<BlogItemTitle>






Tempatkan kode yang telah kita buat tadi persis diatas kode diatas, sehingga kodenya menjadi :






<span style="gt;<font size="6">Electronic Shopping</font></span>


<hr width="100%" align="left">



<br/>



Many Indonesians were still believing that products that in marketed overseas his quality was far more better than products that in marketed in the country. Around them many that were deliberate went overseas only a to shop. You some among them? <a href="http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html"><b>...Read more...</b></a>


<hr width="90%" align="left">


<br/>


<div class="post"><a name="<$BlogItemNumber$>"></a>



<BlogItemTitle>



Klik tombol Preview untuk melihat perubahan yang baru di lakukan

Apabila sudah OK, klik tombol save Template Changes

Selesai.

Catatan : cara di atas tentunya merujuk kepada template asli buatan blogger.com, bagi pengguna template bukan buatan blogger tentu akan lain, yang perlu di ingat yaitu penempatan kode penggalan artikel adalah persis diatas kode untuk Posting artikel.




Untuk template baru :

Sign In di blogger dengan id sobat

Klik menu Layout

Klik menu Page Elements

Klik Add a Page Element

Klik tulisan ADD TO BLOG yang berada di bawah tulisan HTML/JavaScript

Copy paste kode penggalan artikel yang telah kita buat tadi

Klik tombol SAVE CHANGES

Klik kotak element yang baru di buat, tahan kemudian pindahkan di atas kotak yang bertuliskan Blog post (di drag & drop)

Klik tulisan View Blog untuk melihat hasil dari penambahan kode tadi

Bila sudah OK, klik tombol SAVE

Selesai.

Bagaimana penjelasannya sobat? mudah-mudahan dapat di pahami. Selamat mencoba !

Sudah dua hari ini saya tidak menelorkan tulisan baru ( emangnya ayam pake bertelor segala ) mungkin buat sobat yang rajin datang ke sini merasa bosan karena tulisannya itu-itu melulu. OK, biar ga basi langsung aja.Menanggapi banyaknya pertanyaan yang di ajukan melalui shoutbox beberapa waktu lalu seputar masalah mengganti template, maka kali ini saya akan membahasnya agar bagi sobat yang masih bingung dapat mempunyai gambaran seputar template ini.



Sebenarnya tentang masalah template ini sudah saya posting, jika mau iseng-iseng baca silahkan klik di sini, tapi biar lebih jelas akan saya bahas lebih dalam.




Mungkin ada diantara sobat semua masih bingung dengan yang namanya template klasik sama template baru. Di blogger.com saat ini template yang di gunakan ada dua pilihan yaitu template klasik dan baru. Bagaimana caranya kita membedakan apakah kita menggunakan template klasik atau template baru? Ada beberapa ciri untuk mengenal apakah yang kita pakai template baru atau klasik, diantaranya yaitu :

Template baru :

1. Pada menu dashboard (menu yang dijumpai pada saat kita baru login) akan terlihat menu seperti ini :
   
   
   
   Manage : Posts, Settings, Layout





2. Jika kita klik menu Layout, akan ada menu seperti ini :
   
   
   
   
   Page Elements | Fonts and Colors | Edit HTML | Pick New Template





3. Jika kita klik menu Edit HTML maka akan muncul beberapa ciri khas, yaitu :
   
   
   
   Tulisan --> download Full Template
   
   
   
   Tombol bertuliskan --> Browse..., Upload
   
   
   Ada kotak kecil di samping tulisan Expand Widget Templates
   
   
   Tombol bertuliskan ---> CLEAR EDITS, PREVIEW, SAVE TEMPLATE
   
   
   
   Dibagian bawah terdapat tulisan :
   
   
   
   • Revert to Classic Template
   
   
   • View Classic Template

Itu tadi sedikit ciri apabila kita memakai template baru.




Apabila memakai template klasik, cirinya adalah :

1. Pada menu dashboard (menu yang dijumpai pada saat kita baru login) akan terlihat menu seperti ini :
   
   
   
   
   Manage : Posts, Settings, Template





2. Jika kita klik menu Template, akan ada menu seperti ini :
   
   
   
   Edit HTML | Pick New | customize Design | Adsense






3. Jika klik menu Edit HTML akan muncul beberapa ciri :
   
   
   
   terdapat tulisan --> Change the Blogger Navbar
   
   
   
   Tombol bertuliskan ---> Save Template Changes, Preview, Clear
   
   

Itu tadi beberapa ciri jika kita memakai template klasik.




Dari kedua contoh ciri diatas, tentu saja kita dapat mengetahui template apa yang sekarang kita pakai.



Apa kelebihan atau kekurangan dari kedua template tersebut?



Template baru

• Terdapat menu : Page Elements
  
  Dengan menu ini kita dapat dengan mudah menambahkan element tanpa harus mengerti bahasa HTML. Element-element yang bisa ditambahkan bisa berupa Newsreel, Video Bar, List, Links List, Picture, Text, HTML/JavaScript, Feed, Labels, Logo,
  Profile, Blog Archive, serta Page Header.






• Sistem Drag & Drop
  
  
  Dengan sistem ini kita dapat dengan mudah memindahkan setiap element yang telah kita buat dimana saja yang kita sukai.





• Terdapat menu : Fonts and Colors
  
  Dengan menu ini kita dapat dengan mudah merubah warna serta bentuk huruf tanpa harus repot-repot merubah style sheet dan tentunya tidak memerlukan kemampuan berbahasa HTML

Itu tadi beberapa keuntungan memakai template baru, dan kekurangannya yaitu :




bagi sobat yang suka otak-atik kode HTML, pada template ini agak susah tuk di otak-atik (khusus buat pemula seperti saya, lain halnya bila sobat sudah expert).





Sekarang apa kelebihan dari template klasik :

• Kode HTML sangat mudah untuk di otak-atik, jadi bagi sobat yg suka bermain dengan HTML sangat cocok memakai template ini.

Kekurangan :

• Tidak tersedia menu Page Elements, sehingga bagi sobat yang masih bingung dengan HTML akan menemui kesulitan.






• Tidak tersedianya menu : Fonts and Colors, sehingga menyulitkan dalam mengatur Font serta warna hurup.

Nah itu tadi beberapa keunggulan serta kekurangan dari kedua template, silahkan pikirkan mana yang mau sobat pilih.




Cara Migrasi Template



Setelah menimbang-nimbang, tentunya sobat tertarik dengan salah satu diantara keduanya. jika ternyata sobat tertarik untuk bermigrasi(pindah) template dan belum mengtahui caranya silahkan ikuti langkah berikut:



Dari Template baru ke template klasik :

• Sign in di blogger dengan id sobat






• Klik menu Layout





• Klik menu Edit HTML





• Klik tulisan yang ada di bagian bawah layar yaitu : Revert to Classic Template
  
  Bila muncul kotak dialog, klik OK aja
  
  
  
  
  
• Selesai, sobat memasuki dunia baru yaitu template klasik.

Dari template klasik ke template baru :

• Sign in di blogger dengan id sobat






• Klik menu Template





• Klik menu Customize Design






• Klik tombol bertuliskan UPGRADE YOUR TEMPLATE





• Pilih template yang di sukai, lalu klik tombol SAVE TEMPLATE





• Selesai. sobat sudah memasuki alam baru, yaitu Template Baru.

Cara mengganti Template



Ada dua kemungkinan, yaitu mengganti template dengan buatan blogger dan mengganti template bukan buatan blogger.

Ganti template dengan template buatan blogger

Untuk template Klasik, ikuti langkah-langkah berikut :

1. Sign in di blogger dengan id sobat





2. Klik menu Template





3. Klik menu Pick New






4. Pilih template mana yang paling cocok, lalu klik tombol bertuliskan Use This Template yang berada di bawah gambar
   template





5. Selesai. Blog sobat sudah punya wajah baru.

Untuk template baru, ikuti langkah-langkah berikut :

1. Sign in di blogger dengan id sobat






2. Klik menu Layout





3. Klik menu Pick New Template





4. Pilih template mana yang sobat sukai, lalu klik tombol SAVE TEMPLATE





5. Selesai.Blog sobat sudah mempunyai wajah baru

Ada yang perlu di ketahui yaitu jika kita mengganti template dengan template buatan blogger sendiri, maka data-data semisal link, shoutbox, image dan lain-lain. Data ini tidak akan hilang. Lain halnya apabila kita mengganti dengan template buatan bukan blogger.com, maka semua data-data yang di sebutkan tadi akan menghilang (kecuali postingan artikel tidak akan hilang) dan tentunya harus di input ulang,
dan judulnya Caaaaapppppee deeeeehhhhh .....

Ganti template dengan template bukan buatan blogger

Hal pertama yang harus di ingat adalah semua data-data yang ada seperti yang saya sebutkan tadi, maka apabila kita mengganti template dengan template bukan buatan blogger sendiri, kita harus mengcopy dulu seluruh data tersebut, dan kemudian nanti setelah kita sudah mengganti template, data-data tadi kita input ulang.

Template baru

1. Sign in di blogger dengan id sobat





2. Klik menu Layout






3. Klik menu page Elements





4. Klik tulisan Edit pada masing-masing Element, lalu copy seluruh datanya





5. Jika semua data di pastikan sudah di copy, maka langkah selanjutnya adalah klik menu edit HTML





6. Klik tulisan --> download Full Template, save dalam komputer. Ini di maksudkan apabila nanti sobat berubah pikiran dan ingin kembali lagi, sobat masih punya data template tersebut






7. Beri tanda centang dulu pada kotak kecil disamping tulisan Expand Widget Template





8. Klik tombol Browse..., lalu masukan data Template baru yang ingin di masukan





9. Klik Tombol Upload





10. Biasanya keluar peringatan bahwa data-data yang kita punya seperti link, shoutbox dan lain-lain akan ter delete (terhapus)






11. Klik tombol --> Confirm & Save, dengan asumsi bahwa sobat sudah mengcopy data-data tadi





12. Selesai. Blog sobat sudah mempunyai wajah baru.

Template Klasik

1. Sign in di blogger dengan id sobat






2. Klik menu Template





3. Klik menu Edit HTML





4. Tandai (highligh/blok) semua data template yang ada, sorot pada tulisan yang sudah di tandai, klik kanan Copy,lalu paste pada program notepad, save dan beri judul dengan nama yg mudah di ingat. Ini dimaksudkan untuk backup data untuk nanti input ulang data-data seperti link,shoutbox dll






5. Delete semua data template yang lama





6. Copy seluruh data template yang baru yang mau di masukan, lalu paste pada kotak data template yang sudah di delete tadi





7. Klik tombol Preview, lihat perubahan yang ada (biasanya preview ini agak berbeda dengan tampilan blog aslinya), Jika sudah cocok, klik tombol Save Template Changes





8. Selesai. blog sobat sudah mempunyai wajah baru.

Bagaimana sobat? mudah-mudahan keterangan diatas dapat menjawab semua pertanyaan mengenai ganti template.




Selamat mencari dan menemukan template yang sobat suka.

Ok, biar ga terlalu garing sedikit demi sedikit kita mulai memasuki topik bahasan, yoi kali ini saya mau membahas tentang cara membuat menu navigasi menggunakan CSS.
Untuk melihat demo Navigasi yang akan saya terangkan, silahkan klik tombol di bawah ini:











Bagaimana sobat, sudah mendapat gambaran apa yang akan saya sampaikan? pasti jawabnya iya. Dengan adanya menu navigasi seperti di atas, tentunya akan lebih menarik perhatian para pengunjung blog kita di banding dengan hanya menu biasa, dan selain itu pula menu ini lebih memperjelas bahwa tulisan atau tombol tersebut merupakan sebuah tombol navigasi yang bisa di klik oleh para pengunjung.



Sekarang timbul pertanyaan bagaimana cara membuatnya? bagi yang belum tahu dan berminat untuk mengetahuinya silahkan sobat terus membaca sampai akhir artikel. Untuk membuat menu seperti yang terlihat di atas tadi, kita perlu menambahkan beberapa kode tambahan pada blog kita.



Seperti pada contoh tadi di atas, ada dua jenis menu navigasi yang akan saya bahas yakni yang tidak menggunakan Image backround serta yang menggunakan Image backround, silahkan simak langkah-langkah berikut ini :

buatlah dua buah tombol navigasi yang bentuknya sama persis, akan tetapi berbeda warna, ini di maksudkan agar ketika tombol mouse menunjuk tombol tersebut tombolnya akan berubah warna. Bagaimana cara membuat tombol? Tentu saja untuk membuat sebuah tombol, kita bisa menggunakan berbagai program komputer semisal adobe photoshop, coreldraw ataupun berbagai program lainnya.

Upload gambar tombol-tombol tersebut pada hosting penyimpan semisal www.photobucket.com
untuk cara upload gambar sudah saya terangkan pada pembahasa yang lalu

.



Agar ada contoh, umpamanya kita mempunyai alamat tombol sebagai berikut :



http://i162.photobucket.com/albums/t253/rohman24/tombol_03.gif



http://i162.photobucket.com/albums/t253/rohman24/tombol_06.gif

Langkah selanjutnya adalah menambahkan kode, ada dua contoh yakni yang tidak memakai gambar tombol dan yang memakai gambar tombol. contoh yang tidak memakai gambar tombol :

1. Tambahkan kode berikut sesudah kode <style type="text/css"> dan sebelum kode </style>, ya di mana saja asalkan di antara kode tadi.






.unyil{


text-align:left;

display:block;

width:180px;

height:20px;

background:#f0f0f0;

padding:3px 4px 3px 8px;

margin:7px 10px 7px 0;

}



.unyil:hover{


background:#97A4B9;

text-decoration:none;

}






2. copy kode di bawah ini, lalu paste di tempat yang sobat inginkan, bisa di sidebar, footer atau dimana saja, kemudian rubahlah dengan link yang sobat punya :






<a class="unyil" href="http://rubrik-elektronik.blogspot.com">Rubrik Elektronik</a><span class="hide"> | </span>




<a class="unyil" href="contoh-blog.blogspot.com">Blog Menu D'Tree</a><span class="hide"> | </span>



<a class="unyil" href="http://rohman-freeblogtemplate.blogspot.com">Free Blog Templates</a><span class="hide"> | </span>




<a class="unyil" href="http://kolom-authorized.blogspot.com">Authorized Service</a><span class="hide"> | </span>


biar tidak telalu bingung, sedikit saya uraikan :





.unyil --> kata .unyil bisa diganti apa saja yang penting harus sesuai dengan kode berikutnya.



text-align:left; --> kata left artinya tulisan akan berada di sebelah kiri, ini bisa di ganti dengan kata center atau right




display:block; --> kata block artinya di tampilkan di layar monitor.



width:180px; --> angka 180px adalah lebar dari tombol navigasi sebesar 180px, nah ini bisa di rubah sesuai dengan kondisi blog sobat masing-masing.



height:20px; --> angka 20px adalah tinggi dari tombol navigasi sebesar 20px, ini bisa di ganti sesuai dengan keinginan sobat.




background:#f0f0f0; --> tulisan #f0f0f0 adalah kode warna dari background, ini bisa di rubah sesuai dengan ke sukaan sobat.



padding:3px 4px 3px 8px; --> nilai padding ini adalah untuk mengatus jarak tulisan pada tombol navigasi, bisa di rubah sesuai kebutuhan.coba-coba aja rubah sendiri.



margin:7px 10px 7px 0; --> margin ini untuk jarak antara satu tombol dengan tombol yang lain, bisa di rubah, coba aja.




.unyil:hover{ --> .unyil:hover artinya yaitu ketika mouse berada pada tombol .unyil akan berubah menjadi seperti yang di definisikan pada kode ini.



background:#97A4B9; --> #97A4B9 adalah kode warna yang dinginkan ketika mouse berada pada tombol .unyil




text-decoration:none; --> text dekorasi jangan di rubah.




Bagaimana sudah jelas? mudah-mudahan jelas.






Contoh yang kedua adalah yang memakai background image, dalam hal ini saya ambil contoh dengan image milik saya dan mempunyai alamat seperti ini :






http://i162.photobucket.com/albums/t253/rohman24/tombol_03.gif



http://i162.photobucket.com/albums/t253/rohman24/tombol_06.gif



prinsipnya kode-kode ini sama dengan diatas, yang membedakan adalah penambahan image doang, coba lakukan langkah berikut ini :





Tambahkan kode berikut sesudah kode <style type="text/css"> dan sebelum kode </style>, ya di mana saja asalkan di antara kode tadi.





.cuplis{

text-align:left;

display:block;

width:180px;


height:20px;

background:#f0f0f0 url(http://i162.photobucket.com/albums/t253/rohman24/tombol_03.gif) top right no-repeat;

padding:3px 4px 3px 8px;

margin:7px 10px 7px 0;

}



.cuplis:hover{
background:#97A4B9 url(http://i162.photobucket.com/albums/t253/rohman24/tombol_06.gif) top right no-repeat;


text-decoration:none;

}


copy kode di bawah ini, lalu paste di tempat yang sobat inginkan, bisa di sidebar, footer atau dimana saja, kemudian rubahlah dengan link yang sobat punya :


<a class="cuplis" href="http://rubrik-elektronik.blogspot.com">Rubrik Elektronik</a><span class="hide"> | </span>




<a class="cuplis" href="contoh-blog.blogspot.com">Blog Menu D'Tree</a><span class="hide"> | </span>



<a class="cuplis" href="http://rohman-freeblogtemplate.blogspot.com">Free Blog Templates</a><span class="hide"> | </span>




<a class="cuplis" href="http://kolom-authorized.blogspot.com">Authorized Service</a><span class="hide"> | </span>







Yang membedakan hanya pemasangan URL image saja, yang lainnya sama persis. Kata cuplis adalah untuk membedakan dengan perintah menu navigasi unyil, jadi kalau dua efek ini mau besamaan ada dalam satu blog, ya harus berbeda.





Selamat mencoba !

Bagi para sobat yang baru membuat blog, pada kesempatan kali ini saya mau menambahkan perbendaharaan blog tools nya, yakni pasang MyBloglog.




Apa itu Mybloglog ?




Bingung kalau harus mendifinisikan apa itu mybloglog biar kita tidak sama-sama bingung, silahkan alihkan perhatian sobat ke bagian sidebar sebelah kanan layar monitor, di bawah tulisan Tamu terdapat photo yang ganteng-ganteng serta cantik-cantik.

Nah itu bukanlah photo saya ataupun my family, tapi itu merupakan tamu yang pernah berkunjung ke blog ini dan beliau-beliau inipun sama-sama anggota dari mybloglog, atau barangkali photo sobat sudah terpampang disana? selamat kalau iya, karena sobat
akan mulai jadi orang terkenal. Ko bisa? Ya iiyya...lah, karena tercatat tak kurang dari lima puluh pengunjung setiap harinya yang mampir kemari dan selalu melihat photo sobat, keren kan! makanya sering-sering main kemari biar cepat terkenal..he..he..(wuyyy...udah dong ngelanturnya ).




Bagaimana sobat sudah dapat gambaran? saya yakin sudah. Atau belum? kalau belum bolehlah saya yang mendefinisikan, tapi tentunya dengan versi saya sendiri. Mybloglog adalah suatu situs yang menyediakan layanan untuk melacak (tracking) para pengunjung blog/website dimana apabila pengunjung tersebut merupakan anggota situs mybloglog maka dapat secara otomatis terdeteksi dan di cantumkan dalam menu Recent Reader nya (pembaca terbaru).



Apa manfaat bergabung di mybloglog?



Ada beberapa manfaat kita bergabung dengan mybloglog yaitu :

Untuk menambah traffic ke blog kita

Dengan adanya photo kita terpampang di blog orang lain, maka ada kemungkinan banyak yang akan berkunjung ke blog milik kita, sekurang-kurangnya dari pemilik blog itu sendiri.

Mengetahui link mana yang banyak di klik

Di mybloglog ada fasilitas tracking untuk memberi peringkat terhadap link-link yang kita pasang, link mana yang banyak di klik pengunjung, maka peringkat link itu semakin baik.

Mempererat tali silaturahmi antar pemilik blog

Tak bisa di pungkiri dengan adanya otomatisasi photo kita terpampang tanpa harus menuliskan pesan seperti halnya buku tamu, ini tentunya akan lebih memungkinkan saling kunjung mengunjungi antar pemilik blog.





Dan tentu saja masih ada manfaat-manfaat yang lainnya yang bisa di dapat, akan tetapi untuk menghemat pembahasan hanya itu saja dulu. Nah sekarang bagaimana cara bergabung dengan mybloglog, silahkan ikuti langkah-langkah berikut ini :

1. Silahkan buka situs http://www.mybloglog.com




2. Isi form yang telah di sediakan di bawah tulisan Sign Up Now





3. Screen name --> Isi dengan nama yang ingin di tampilkan. Contoh : Amen24




4. Email --> Isi dengan email sobat ( yang valid)




5. Passwor --> Isi dengan password yang di inginkan. Contoh : ranggalawe




6. Blog/Site URL --> Isi dengan alamat blog sobat. Contoh : http://rubrik-elektronik.blogspot.com





7. Klik Tombol Register





8. Terlihat beberapa form yang harus diisi lagi





9. Blog/Site Title --> Isi dengan judul blog sobat




10. Blog platporm --> pilih blogspot.com





11. Dibagian bawah ada dua radio buttun, silahkan pilih yang sobat sukai




12. Klik tombol yang bertuliskan Complete Registration




13. Klik tulisan Go to Your page





14. Klik tombol yang bertuliskan Edit profile yang berada di sebelah kanan atas





15. Isi semua data diri sobat (tidak saya sebutkan satu2 karena terlalu banyak)




16. Jika sudah selesai di isi semua, klik tombol bertuliskan Update my profile




17. Klik tulisam MY HOME untuk kembali ke home




18. Klik tombol yang bertuliskan Get Widget





19. Klik kotak di samping tulisan c_color_heading_bg kemudian pilih warna yg di sukai pada panel warna untuk
    merubah warna background heading




20. Klik kotak di samping tulisan c_color_heading kemudian pilih warna yg di sukai pada panel warna untuk
    merubah warna tulisan heading




21. Klik kotak di samping tulisan c_color_link_bg kemudian pilih warna yg di sukai pada panel warna untuk merubah
    warna backround link





22. Klik kotak di samping tulisan c_color_link kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan link




23. Klik kotak di samping tulisan c_color_link kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround bottom




24. Tulis ukuran lebar yang sesuai dengan sidebar blog sobat (kalau mau di tempatkan di sidebar) contoh : 160




25. Di samping tulisan Show Screen Names ada dua radio button, sebaiknya pilih yes, pilih No juga boleh





26. Di samping tulisan Image Size ada dua radio button, sebaiknya pilih Full-Size, pilih half-Size juga boleh




27. Disamping tulisan Rows, pilih berapa baris yang ingin muncul (terserah)





28. Disamping tulisan Title, tulis kata yang sobat suka. contoh : pembaca terbaru, yang mampir, tamu blog ini, atau apa saja




29. Di bagian bawah, ada tulisan Stat Tracking Script, copy kode script yang di berikan lalu paste pada program notepad, silahkan save terlebih dahulu




30. Kembali ke bagian atas




31. Klik tombol bertuliskan Preview and Get Code





32. Copy seluruh kode yang berada di bawah tulisan Recent Readers Widget Display & Code, lalu paste ke dalam notepad




33. Silahkan klik tulisan Logout yang berada di bagian atas untuk keluar dari account sobat




34. Silahkan close window situs tersebut.

Langkah selanjutnya adalah memasukan kode yang sudah di copy pada notepad tadi kedalam blog kita, karena kode ini merupakan Java Script, maka cara memasukan kodenya sama dengan memasukan kode HTML, dan ini sudah saya bahas pada postingan terdahulu. Selesai.




Selamat menikmati photo-photo ganteng dan cantik dari tamu blog sobat.

Menanggapi pertanyaan sobat takdir yang di ajukan melalui shoutbox beberapa waktu yang lalu,
beliau menanyakan tentang bagaimana cara menampilkan status online Yahoo ! Messenger pada halaman blog. Barangkali ada di antara para sobat juga berkeinginan yang sama namun belum mengetahui caranya,ada baiknya menyimak beberapa penjelasan yang akan saya utarakan.





Sebenarnya jika saya pikir-pikir, kayanya agak merasa malu menerangkan ini, mungkin bagi para sobat yang sudah beberapa kali mengunjungi blog ini hampir atau bahkan belum pernah melihat Icon Yahoo ! Messenger saya menyala tanda sedang online chatting. Memang benar saya sangat jarang sekali ber chatting ria di dunia maya, paling-paling kalau ada perlu dan itupun janjian terlebih dahulu baru saya chatting
(lho ko jadi cerita...kelamaan), oh iya lupa



Untuk menampilkan icon status online yahoo ! messenger, kita bisa memilih sebanyak 5 pilihan, yakni style id 1, style id 2, style id 3, style id 4, serta style id 5, Apa perbedaan dari style id ini? perbedaannya adalah ukuran dari icon itu sendiri, untuk melihat perbedaan style id, silahkan sobat perhatikan gambar berikut :






Style ID 1

Style ID 2
Style ID 3
Style ID 4

Style ID 5
















masing-masing gambar mempunyai URL adddress sendiri yaitu :




http://opi.yahoo.com/online?u=YahooID&m=g&t=1
Untuk Style ID 1




http://opi.yahoo.com/online?u=YahooID&m=g&t=2
Untuk Style ID 2



http://opi.yahoo.com/online?u=YahooID&m=g&t=3
Untuk Style ID 3




http://opi.yahoo.com/online?u=YahooID&m=g&t=4
Untuk Style ID 4



http://opi.yahoo.com/online?u=YahooID&m=g&t=5
Untuk Style ID 5






itu tadi adalah URL address masing-masing Style ID, maka agar tampil menjadi gambar, kita harus menambah kode yaitu :




<img src="URL address">




Sehingga untuk menampilkan URL address di atas menjadi sebuah gambar, maka kodenya akan seperti ini :




<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=1" border="0">
Untuk Style ID 1




<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=2" border="0">
Untuk Style ID 2



<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=3" border="0">
Untuk Style ID 3




<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=4" border="0">
Untuk Style ID 4



<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=5" border="0">
Untuk Style ID 5






Penambahan kode border="0", agar gambar yang di hasilkan terhindar dari adanya garis tepi atau bingkai. Tapi tentu saja kode diatas adalah hanya untuk menampilkan gambar icon YM nya dan belum bisa bereaksi walaupun sudah di klik oleh para pengunjung.



Ada beberapa pilihan yang bisa kita terapkan ketika pengunjung mengklik icon YM kita, yaitu :




Kirim Instant Messenger.



Kodenya sebagai berikut :




<a href="ymsgr:sendIM?YOURID">Kirim IM</a>





Sehingga untuk kode lengkapnya jadi seperti ini :




<a href="ymsgr:sendIM?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a>









Kirim Instant Messenger dengan pesan



Kodenya sebagai berikut :




<a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE">Kirim IM</a>




Sehingga untuk kode lengkapnya jadi seperti ini :





<a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a>






Menambahkan link ke chat room favorit




Kodenya sebagai berikut :




<a href="ymsgr:addfriend?YOURID">Masukan ke daftar teman sobat</a>




Sehingga untuk kode lengkapnya jadi seperti ini :




<a href="ymsgr:addfriend?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a>





Bagaimana jelaskan? biar lebih jelas lagi saya beri contoh.




Karena email saya adalah amn_tea@yahoo.co.id maka id saya adalah amn_tea, Sehingga kode untuk mengirimkan Instan Message dengan pilihan Style ID 2 adalah sebagai berikut :





<a href="ymsgr:sendIM?amn_tea"><img src="http://opi.yahoo.com/online?u=amn_tea&m=g&t=2" border="0"></a>






dan yang akan tampil seperti ini :











Icon di atas benar-benar Live, jadi tentunya icon nya akan menyala apabila saya sedang online di Yahoo ! Messenger .





Mudah-mudahan jelas. Selamat mencoba