Cara Membuat Search Engine

Cara yang pertama:
Login ke akun blog sobat, pilit tata letak, pilih tambah gadget, pilih +kotak penelusuran, dan simpan

 

Cara yang kedua:
Login ke akun blog sobat, pilit tata letak, pilih tambah gadget, pilih Html/Javasript, dan masukan kode berikut

<form action="http://URL-SOBAT.blogspot.com/search" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti  http://URL-SOBAT.blogspot.com/ dengan URL blog sobat
Ganti 30 menjadi ukurang panjang yang sobat inginkan.

Cara menampilkan Emoticon di kotak Komentar

Dengan memasang emoticon di kotak komentar maka para komentator akan lebih mudah untuk mengekspresikan perasaannya. Selain itu, juga akan membuat blog kita lebih ekspresif bukan?

Nah untuk memasang emoticon dikotak komentar. Anda harus men-setting kotak komentar agar muncul dibawah postingan terlebih dahulu. Contohnya seperti di blog ini. Jika kotak komentar anda berada dalam halaman pop-up seperti gambar dibawah ini maka anda tidak bisa memasang emoticon pada kotak komentar.


Bagi anda yang kotak komentarnya berada pada halaman pop-up. Silahkan diatur dulu agar kotak komentarnya muncul di bawah postingan. Kalau anda tidak tahu caranya, baca membuat kotak komentar tampil dibawah postingan.

1. Jika sudah klik Design -> Edit HTML
2. Beri tanda centang pada "Expand Widget Templates"

3. Cari kode </body>
4. Lalu letakkan script dibawah ini diatas kode </body>

<script src='http://hbhost.googlecode.com/files/yemoticon.js' type='text/javascript'/>

5. Trus cari kode berikut ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if>
</b:if>
</p>

6. Kalau tidak sama, cari yang paling mendekati. Kemudian letakkan kode berikut ini dibawah <p class='comment-footer'>

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>

7. Klik Save Template.

8. Selesai. Silahkan dites di kotak komentar anda. Jika berhasil maka akan muncul icon-icon lucu di kotak komentar anda seperti ini:


Selamat mencoba..

cara membuat pingbox

Salam Blogger, Kali ini saya akan berbagi tentang bagaimana Cara Membuat Chat YM Pingbox Pada Blog yang telah direquest salah satu sobat Blogger saat chat dengan saya.

Untuk melengkapi cara berkomunikasi langsung pada pengunjung blog kita haruslah menyediakan sebuah media misalnya seperti chatbox ataupun chat YM Pingbox agar pengunjung lebih leluasa untuk bertanya pada kita.

Sebab tidak semua pengunjung mau bertanya lewat komentar pada blog, mungkin disebabkan malu ataupun lainya, dan tidak semua pemilik blog pun mau menjawab pertanyaan si pengunjung tersebut, hal ini saya alami sendiri dulu sewaktu pertama merambah dunia blogger, pengalaman pahit [heheheeee,,, ].

Baiklah cukup sekian kita basa-basinya, bagi sobat bloger yang berminat untuk memasang YM Pingbox Silakan ikuti langkah-langkah berikut ini:

1. Sobat Klik link berikut ini  Pingbox
2. Klik buat pingbox seperti gambar di bawah ini

3. Sobat atur tampilan pingbox seperti gambar di bawah:

Keterangan nomor pada Gambar:

1. Untuk mengatur tampilan tema pingbox
2. Untuk mengatur ukuran text dan warna text pada saat chat
3. Untuk mengatur nama tampilan admin pada pingbox
4. Text yg tampil saat admin online
5. Text yang tampil saat admin ofline
6. Nama chat pingbox

Dari keterangan di atas sobat sesuaikan sendiri tampilannya sesuai selera sobat.


4. Mengatur pingbox akan dipasang dimana, lihat keterangan gambar berikut:

Keterangan nomor pada gambar:

1. Pilih apa jenis blog sobat Blogger atau Wordpres
2. Atur panjang dan lebar pingbox
3. Copy script yang tampil pada kolom tersebut untuk dipasang pada blog sobat.

Dari keterangan di atas sobat sesuaikan sendiri tampilannya sesuai selera sobat dan download aplikasi yahoo! Messengernya.

5. Cara pemasangan.

• Login pada akun blogger sobat
• Klik Tata Letak
• Klik Add Widget / Tambah Gatget
• Pilih HTML/JavaScript
• Paste code yang tampil pada kolom 3 pada gambar di atas ke dalam HTML/JavaScript
• Klik Save / Simpan dan lihat hasilnya.

Demikianlah Cara Membuat Chat YM Pingbox Pada Blog. Semoga bermanfaat ya sobat dan selamat mencoba.

Cara Membuat Shoutbox

Shoutbox merupakan sarana yang terbaik untuk berinteraksi dengan pengunjung blog. baik itu untuk berkirim pesan, persahabatan yang intens atau sekedar "say hello ".

Karena ke praktisannya berhubungan dan berkomunikasi, shoubox bahkan menjadi media yang ampuh untuk mengiklankan dan memajukan blog kita sendiri. karena satu hal, pesan yang di sampaikan melalui shoutbox, menyimpan link alamat blog kita yang bisa di klik oleh sembarang pemilik blog lainnya.
untuk memasang ShoutBox di blog kita, silahkan klik di sini untuk daftar.
Setelah terbuka web penyedia layanan shoutbox .
1. klik tulisan Create Your Shoutbox Now atau bisa juga klik tulisan Sing Up untuk pendaftaran.


2. Kemudian isi
User Name : nama user
Choose password : kata sandi minimal sebanyak 6 digit.
Retype password: Ulangi kata sandi di atas.
Name : nama kita atau nama samaran.
Email: alamat email yang kita miliki.

3. Kemudian Tandai kotak kecil di sampimg kiri I have read and agree.. untuk menyetujui perjanjian.

4. Setelah beres klik tombol Countinue.
Kemudian pada jendela baru yang terbuka , kita di suruh untuk memilih style atau desain shoutbox. pilih salah satunya .
pada kotak Verification, masukan verifikasi kata.


klik lagi tombol Countinue untuk melanjutkan pada halaman berikutnya.
Setelah pendaftaran di terima, pada jendela yang terbuka klik tulisan Go to My Control Panel Now.
pada halaman yang terbuka klik Style & Color di bawah label Display, untuk membuka halaman Style & Color.

pada halaman ini kita bisa merubah font, ukuran font, warna font, warna latar, warna border dll.
Untuk mengetahui setiap perubahan settingan yang kita lakukan klik tulisan Preview. klik tulisan Reset untuk kembali pada tampilan defaultnya, klik tulisan save settings untuk menerima perubahan.
Kemudian di kolom kiri di bawah label navigasi tekan tulisan Back to Settings.
jika kita ingin merubah format tanggal dan waktu kita tinggal mengklik Date & Time di bawah tulisan Display.
Setelah merasa cukup dengan settingan yang kita inginkan, sekarang kita mengambil code script untuk di pasangkan pada blog kita.
untuk itu kita klik tulisan Get Code di bawah label Quick Start.


pilih dan klik tulisan Place Shoubox On Webpage.

1. Shoutbox size
Untuk sementara kita terima saja ukuran shoutboxnya, yakni lebar 140 px dan panjangnya 400 px ( ukuran ini bisa kita rubah sesuai dengan ukuran kolom sidebar yang kita miliki ).
2. Shoutbox option
Untuk mengaktifkan atau meng-nonaktifkan border di sisi Shoutbox.
3. Generated codes

Script yang ada pada kotak Generated Code ini, merupakan javascript yang harus kita installkan atau simpan ke dalam blog kita.
untuk itu pilih semua tulisan yang ada pada kotak ini, kemudian klik kanan pilih Copy.

Install Shoutbox.

Langkah yang terakhir yaitu mengistall atau memasang Shoutbox di bagian sidebar blog. untuk itu Buka blog-nya.
1. Dalam halaman Template -> buka tab Elemen Halaman.
2. Kemudian di bagian sidebar klik Tambahkan Sebuah Halaman Elemen.
3. Pilih elemen HTML/JavaScript. kemudian klik Tambahkan Ke Blog.

4. Setelah terbuka jendela HTML/JavaScript, Copy paste-kan kode script shoutbox tadi.
klik kanan Copy paste.

sesudah di copy paste.

5. Jika ingin shoubox-nya di kasih judul, silahkan isi judul dengan nama yang kita mau.

6. Kemudian Simpan Perubahan.
Shoutbox sudah terpasang di dalam blog kita, jika kita inigin mengetahuinya silahkan saja klik tulisan Simpan di lanjutkan dengan menekan tulisan Lihat Blog. seperti gam di bawah ini.

Secara default posisi shoubox berada di bagian atas elemen sidebar. Jika kita ingin memindahkan posisi shoutbox , klik dan tahan elemen shoubox tersebut. kemudian drag atau geser ke posisi paling bawah. ( atau letakan di posisi yang kita inginkan. ) seperti ilutrasi gam bawah.
Dengan mouse klik dan tahan elemen shoutbox.

Drag atau geser ke posisi bawah.

Setelah itu Simpan.