DEWI PERMATA SARI SIREGAR

Rabu, 24 Oktober 2012

Cara Membuat Pingbox Pada Blog

Salah satu hal yang harus ada pada sebuah situs ecommerce adalah adanya fasilitas untuk berkomunikasi / kontak secara langsung dengan customer service dari sebuah situs. Di Indonesia umumnya dipakai messenger, dan yang paling banyak dipasang di situs toko online adalah Yahoo Messenger. Kebanyakan dengan memasang button/tombol status online/offline pada sebuah situs. Sayangnya, dengan memakai tombol ini, hanya user yang sudah menginstal /memasang aplikasi YM di computernya saja yang bisa memanfaatkannya.

Nah, sebenarnya ada fasilitas dari YM berupa pingbox (chat box) yang bisa dipake untuk melakukan kontak langsung tanpa harus pengunjung blog memiliki aplikasi YM di computernya.

Berikut tutorial pemasangannya:

1. Silakan langsung menuju ke link berikut ini : Pingbox (login dengan akun YM anda)

2. Kemudian klik pada tombol buat pingbox :

3. Selanjutnya atur tampilan pingbox seperti contoh pada gambar di bawah ini:

Berikut keterangan Gambarnya:

Pengaturan tampilan tema pingbox
Pengaturan ukuran dan warna text ketika melakukan chat
Pengaturan nama tampilan admin di pingbox anda
Text yg akan tampil ketika admin sedang online
Text yang akan tampil saat admin sedang ofline
Nama chat pingbox anda

Ketika anda sudah melakukan setting, kemudian klik Save /Simpan

4. Pengaturan pemasangan pingbox, ikuti keterangan gambar berikut ini:

Keterangan gambar pemasangan pingbox:

Pilih jenis blog anda misal : Blogger atau Wordpres
Aturlah panjang dan lebar pingbox anda
terakhir Copy script pada kolom tersebut untuk dipasang pada blog sobat.

5. Cara pemasangan pingbox di Blog.

Login pada akun blogger anda
Klik opsi Layout/Tata Letak
Klik Add Widget / Tambah Gatget
Pilih HTML/JavaScript
Paste code pada gambar di langkah 4. pada kolom no. 3 ke dalam HTML/JavaScript
Klik Save / Simpan, lalu lihat hasilnya.

Nah, sekarang semua pengunjung blog anda bisa melakukan transaksi secara langsung dengan anda tanpa harus memasang aplikasi YM di computer mereka.

Selamat mencoba

Cara Memasang Translate Pada Blog

Google Translate

Memasang translete pada blog sangat perlu karena mungkin saja ada pengunjung dari negara asing yang nyasar keblog anda, tapi yang harus diperhatikan agar tidak terjadi kesalahan translate maka blog anda harus menggunakan bahasa yang resmi, bukan bahasa pasaran atau gaul.

Nah caranya:

Seperti biasa sig in dulu ke blogger.
Masuk/ klik tombol layout/ tataletak.
Klik tombol elemen halaman/ page elemen=>tambah gadget=>HTML/ Java script
Beri nama/ isi titel dengan kalimat translate atau dengan kalimat yang anda sukai. Kemudian Copy kode berikut dan paste dikolom HTML/ Java Script.

Cara Membuat Buku Tamu pada Blog

Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog - Apa kabar sobat blogger??? Pertama - tama saya memohon maaf atas komentar - komentar sobat blogger yang belum sempat saya balas sebelumnya, karena hidungku ( mampet ), aktivitas blogging ku terhenti hampir seminggu. Setelah sebelumnya memposting artikel cara memasang artikel acak di blog, kali ini dengan hidung yang masih cenat - cenut saya akan menjawab permintaan dari salah satu sobat blogger yang meminta cara membuat buku tamu auto hide di blog seperti yang tampak di sidebar blog ini.

Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, silahkan masukkan kode berikut di HTML/Javascript blog sobat.

<div id="cboxdiv" style="text-align: center; line-height: 0">

</div>

<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

Caranya :

Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kodenya di kotak yang di sediakan.
Klik Save

Tambahan :
Ganti kode yang berwara biru dengan kode buku tamu milik sobat. Sobat yang belum punya buku tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) , fibox, shoutchamp atau pada penyedia chatbox gratisan lainnya.

Cara membuat Navbar

. Login ke Blogger.Com.
2. Kemudian menuju Design, lalu Edit HTML.
3. Dan cari kode berikut ini.

]]></b:skin>

4. Tepat diatas kode itu, masukan kode berikut ini.

#navbar-iframe { display: none !important; }

5. Lalu simpan template kamu.

Selamat sekarang Navbar telah hilang dari pandangan. Itulah cara menghilangkan atau hilangkan navbar Blogger Blogspot.

cara membuat shoutbox

1. Buka situs http://www.shoutmix.com kemudian pada halaman website tersebut anda klik CREATE YOUR SHOUTBOX NOW. Seperti pada gambar dibawah ini.

2. Setelah itu anda akan dibawa ke halaman pendaftaran seperti dibawah ini, dimana pada halaman tersebut anda harus mengisi semua data yang diperlukan dengan benar.

3. setelah anda mengisi data-data anda pada halaman pendaftaran tadi, kemudian anda akan diminta untuk memilih style ataupun bentuk tampilan shoutbox yang akan anda pasang pada blog anda nantinya. Seperti pada gambar dibawah ini.

4. Setelah anda pilih salah satu style shoutbox seperti pada gambar di atas dan setelah anda mengisi kode verifikasinya juga maka proses pembuatan account shoutbox anda telah selesai. Dan anda sudah bisa memasang shoutbox dengan style yang anda pilih tadi pada blog anda.

Cara memasang shoutbox di blog :

Login to BloGGeR : Tulis User Name atau Alamat email kemudian tulis Password (sandi) sampeyan.
Dashboard (Dasbor) :Sampeyan akan di hantarkan ke halaman Dasboard. KLIK link "Layout (Tata Letak)".
Page Element (Elemen Laman) : Di halaman ini akan terlihat "blok-blok" desain blog kita. Terlihat ada beberapa elemen penyusun blog (Atas, tengah, samping kanan atau kiri dan bagian bawah). KLIK "Tambah Gadget" (dalam box garis terputus-putus), yang terletak di bagian samping kanan atau kiri (Sidebar).
HTML/Javascript : Setelah beberapa saat akan terlihat sebuah window baru yang di dalamnya terlihat beberapa jenis widget yang bisa di tambahkan ke blog sampeyan. Tarik halaman lebih ke bawah dan temukan box penambahan widget yang bertuliskan "HTML/Javascript". KLIK tepat di teks "HTML/Javascript" dan tunggu hingga muncul box tempat kode html nantinya di simpan.
Paste Kode Shouthbox : Box HTML/Javascript seperti di atas adalah tempat menyimpan kode css, javascript atau kode html. Copy kode shoutbox yang sampeyan dapatkan kemudian paste-kan di sini.
SAVE/Simpan KLIK "SAVE/Simpan". Setelah proses penyimpanan selesai, lihatlah shoutbox sampeyan dengan membuka blog.

cara membuat emotion di kotak komentar

Nah untuk memasang emoticon dikotak komentar. Anda harus men-setting kotak komentar agar muncul dibawah postingan terlebih dahulu.Bagi anda yang kotak komentarnya berada pada halaman pop-up. Silahkan diatur dulu agar kotak komentarnya muncul di bawah postingan.
Adapun memasang Emoticon pada Komentar blog langkah2nya sbb:

Klik rancangan
Edit HTML
centang expan pada kotak kecil
Cari kode </body>
Lalu letakkan script dibawah ini diatas kode </body>

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

6. Terus cari Code :

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

</b:if>

</p>

7. 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'/>

:))

:)]

;))

;;)

;)

:((

=((

:-o

:-/

:-*

8-}

~x(

:-t

b-(

:-L

=))

</b>

Klik Save Template.
Selesai. Silahkan dites di kotak komentar anda.

cara membuat searchengine

Cara Membuat Search Engine atau Mesin Pencari Di Blog ,Berikut penjelasan tentang Cara Membuat Search Engine Di Blog.

Cara yang pertama:

login ke akun blog sobat, pilit tata letak, pilih tambah gadget, pilih +kotak penelusuran, dan simpan

Cara yang kedua:

<form action="http://URL-SOBAT.blogspot.com/ " 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.