English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
RSS

Cara Pasang Search Engine

Semoga mudah untuk di mengerti. Bagi sobat yang sudah bergabung di Google adsense, tentunya untuk memasang sebuah search engine bisa memakai layanan dari Google adsense tersebut. Selain berfungsi sebagai search engine, tentunya sobat akan mendapatkan imbalan dari Google setiap ada pegunjung yang menggunakan search engine tersebut. Contoh yang nyata adalah Search Engine yang terpampang di sebelah atas blog ini, jika sobat bermaksud ingin menyumbang ke saya maka tidak usah mengeluarkan kocek dari kantong sobat sendiri akan tetapi cukup dengan terbiasa menggunakan Search Engine tersebut apabila berniat ingin mencari sesuatu yang ada di Web, biarlah Google adsense yang membayar saya.

Pertanyaan berikutnya yang mungkin muncul yaitu :
Bagaimana kalau saya belum tergabung di Google adsense, akan tetapi tetap ingin memasang Search Engine di blog saya agar pengunjung lebih mudah untuk mencari apa yang mereka inginkan di blog saya?


Seandainya kasusnya seperti itu, maka janganlah sobat merasa risau karena sobat bisa membuatkan search engine untuk blog sobat tanpa harus tergabung di Google adsense. Mau tahu caranya? baca aja sampai akhir tulisan ini.

Untuk membuat sebuah Search Engine pada sebuah blog, sebenarnya mudah karena sobat hanya membuatkan sedikit kode HTML, scriptnya seperti ini :





Yang perlu sobat perhatikan adalah tulisan yang saya cetak merah yaitu http://AlamatBlogAnda.blogspot.com/search, tulisan AlamatBlogAnda harus sobat ganti tentunya dengan alamat blog sobat yang ingin di pasangi search engine, misalkan apabila di pasang untuk blog ini maka tulisan tersebut di ganti dengan http://kolom-tutorial.blogspot.com/search. Selain itu, ada juga yang bisa sobat ubah yaitu di bagian kode --> value="Search". Tulisan Search ini adalah tulisan yang akan muncul pada tombol search engine, apabila sobat ingin mengubahnya, silahkan ubah dengan keinginan, contoh : tulisan tersebut ingin di ubah menjadi Cari atau Go.

Sebagai contoh hasil dari search engine dari script diatas adalah seperti ini :





Atau seperti ini :
 



Atau juga seperti ini :





Silahkan coba fungsinya, apakah berfungsi dengan baik atau tidak?

Untuk cara pemasangan sama seperti kode HTML lainya, untuk template klasik silahkan sobat cari sendiri karena masing-masing template mempunyai kode yang berbeda-beda. Untuk yang template baru, sobat bisa memasukannya melalui Elemen Halaman kemudian pilih yang HTML/Javascript.

Saya rasa pembahsanya sudah cukup.

Bagi yang ingin melihat-lihat template, template yang satu ini boleh juga untuk di pertimbangkan, silahkan klik di sini !

Selamat mencoba !

Source: Kolom-tutorial.blogspot.com

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Tips Mengganti Background Blog

Beberapa hari yang lalu, sobat saya menanyakan perihal bagaimana caranya untuk mengganti background blog, dan tentunya saya akan coba membahasnya. Menurut saya, ada dua kemungkinan mengganti background yaitu yang pertama adalah mengganti hanya warna background (latar belakang) saja, yang kedua adalah mengganti background blog dengan menggunakan gambar atau image.

Ada satu hal yang saya anggap penting apabila sobat berniat mengganti background (latar belakang) yaitu gantilah background dengan warna atau image yang sekiranya tidak membuat tulisan-tulisan kita menjadi susah untuk di baca. Jika tulisan yang tersedia berwarna gelap, maka pilihlah warna atau image yang terang, akan tetapi sebaliknya apabila tulisan yang ada berwarna terang, maka sebaiknya warna atau image background berwarna gelap. Tulisan yang susah untuk di baca oleh pengunjung, tentunya akan membuat pengunjung tersebut malas untuk membaca artikel-artikel yang kita tulis, dan tentunya percuma saja kita memposting artikel jika tidak ada yang mau untuk membacanya.OK, biar tidak menyita halaman langsung saja pada topik utama. Karena kode template sangat bervariasi, yang akan saya jadikan contoh adalah template asli blogger yaitu template minima.

·  Mengganti Warna Background

Untuk template minima klasik :
  1. Sign in

  1. Klik menu Template

  1. Klik menu Edit HTML

  1. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data

  1. Rubahlah kode warna asli template dengan kode warna yang sobat sukai (yang warna merah adalah kode yang harus di rubah) :



body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Misalkan jika ingin menjadi warna abu-abu terang, kodenya jadi seperti ini :

body {
background:#E7E3E3;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

  1. Klik tombol Pratinjau untuk melihat perubahan

  1. Jika sudah OK, klik tombol Simpan Perubahan Template

  1. Selesai.


Jika sobat kebingungan tentang kode warna, sobat bisa menggunakan bantuan program photoshop, kapan-kapan akan saya posting khusus tentang bagaimana cara mengetahui kode warna.


Untuk template minima baru :
  1. sign in

  1. Klik menu Layout

  1. Klik menu Fon dan Warna

  1. Pada gambar teks area sebelah kiri, pilih yang Warna latar Belakang Halaman (biasanya yg pertama sih langsung ini, jadi tidak usah di pilih lagi)

  1. Klik warna yang sobat sukai pada gambar warna-warna yang di tampilkan, lalu lihat perubahannya pada gambar di sebelah bawah

  1. Jika merasa sudah cocok, klik tombol SIMPAN PERUBAHAN

  1. Selesai.



Mudah bukan?

·  Mengganti Background Dengan Image

Hal yang pertama tentu saja sobat harus mempunyai file image. Image ini bisa berbentuk imaage biasa, photo, bahkan animasi pun bisa. hal yang kedua adalah menguploadnya ke situs untuk menyimpan gambar, saya anggap sobat sudah bisa melakukannya karena sudah saya bahas pada postingan terdahulu, atau masih bingung? kalau iya, coba baca kembali di sini !

Untuk ukuran gambar, sobat tidak usah membuatnya dalam bentuk yang sangat besar, karena walaupun ukuran asli dari image (gambar) adalah kecil, nanti akan di tampilkan dalam jumlah yang sangat banyak hingga memenuhi layar monitor, contoh saya sudah menguload sebuah gambar dengan ukuran yang kecil saja, gambarnya seperti ini (ukuran gambar dalam ukuran aslinya) :

alamat gambarnya adalah

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

gambarnya seperti ini :



gambarnya sangat kecil bukan? tapi gambar tersebut akan tampil memenuhi layar karena akan di tampilkan dalam jumlah yang sangat banyak.

Untuk cara instalasinya, silahkan ikuti langkah-langkah berikut !

Untuk template minima klasik :
  1. Sign in

  1. Klik menu Template

  1. Klik menu Edit HTML

  1. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data

  1. Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :



body {
background:#fff url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
  1. Klik tombol Pratinjau untuk melihat perubahan

  1. Jika sudah OK, klik tombol Simpan Perubahan Template

  1. Selesai.


Kode warna background sengaja tidak saya hilangkan, ini di maksudkan agar apabila background image yang kita pakai gagal di loading oleh komputer pengunjung blog, maka yang bekerja duluan warna background.


Untuk template minima baru :
  1. Sign in

  1. Klik menu Layout

  1. Klik menu Edit HTML

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

  1. Klik kotak kecil di samping tulisan Expand Template Widget

  1. Tunggu beberapa saat sampai proses selesai

  1. Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :



body {
background:$bgcolor url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

  1. Klik tombol Pratinjau untuk melihat perubahan

  1. Bila sudah OK, klik tombol SIMPAN TEMPLATE

  1. Selesai.



Saya rasa ini sangat mudah dilakukan, karena tidak banyak kode yang harus di tambahkan, Untuk melihat contoh blog yang sudah saya pasang background dengan gambar yang saya contohkan di atas, silahkan sobat klik di sini !

Eh lupa, bagi sobat yang malas membuat gambar, sobat bisa mendownload berbagai gambar pattren di sini.


Selamat mencoba !

Source : kolom-tutorial.blogspot.com

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS