Friday, July 25, 2014

Cara Mudah Membuat Kotak Chatting di Blog

Cara Mudah Membuat Kotak Chatting di Blog

 

Pernahkah anda melihat sebuah kotak obrolan (chatting) pada blog yang anda kunjungi ?
Saya yakin beberapa diantara anda pasti pernah melihatnya, dan saya juga yakin beberapa diantara anda ingin membuat sebuah kotak chatting seperti itu juga di blog nya.
Oke, sebelum saya memberikan tips bagaimana membuat kotak chatting ini. Mungkin anda perlu sedikit mengetahui manfaat dari kotak chatting ini. Karena sudah barang tentu kotak chatting ini dibuat tidak hanya sekedar untuk mempercantik tampilan blog tetapi juga ada tujuan tersendiri yaitu 1) interaksi antara pengunjung blog dengan sesame pengunjung termasuk juga dengan pemilik blog itu sendiri, 2) Promosi blog, selain berinteraksi di media ini anda bisa mempromosikan blog anda 3) Meningkatkan traffic, karena dengan semakin banyak interaksi maka traffic di blog anda akan semakin meningkat.
Jadi saya yakin dengan manfaat tersebut, tidak ada ruginya untuk memasang kotak chatting ini di blog anda. Mantap kan ?
Oke, langsung saja ke TKP
1. Langkah Pertama


  • Buatlah sebuah akun di CBOX untuk mendapatkan sebuah Chat Box

  • Isikan Cbox Name, Email Address, dan Password

  • Setelah itu klik “Creat my Cbox”

  • Kemudian copy kode Cbox anda
2. Langkah kedua
  • Masuk  ke blog anda

  • Masuk ke tata letak/layout

  • Create Gadget HTML/Java script

  • Kamudian letakan kode yang sudah anda copy tadi

  • Save !!! dan lihat hasilnya

 Sekarang anda sudah memiliki layanan chat box sendiri

Ingin posting ulang Artikel ini di WEB/BLOG kamu?

copy paste aja link di bawah ini

copied!

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: gold; border: 2px #006400 solid; padding: 10px; text-align: left;">
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title">
<a href="http://nym-artopraph.blogspot.com/2013/02/cara-mudah-membuat-kotak-chatting-di.html">Cara Mudah Membuat Kotak Chatting di Blog</a></h1>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1xnTvpNzTbVbcATGpguJXPsSyJnepXX7AzB8nfwX0t3VbSpcbX46Sm-mDyc7g3467oM8bbrJP1bGvaeE4tq2YaLn-O2uwaPsS0UVY9FwPrxQAm8KY_pavdbmJ7yvEyyWWjMEvH2i4tKVg/s1600/Chatting.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1xnTvpNzTbVbcATGpguJXPsSyJnepXX7AzB8nfwX0t3VbSpcbX46Sm-mDyc7g3467oM8bbrJP1bGvaeE4tq2YaLn-O2uwaPsS0UVY9FwPrxQAm8KY_pavdbmJ7yvEyyWWjMEvH2i4tKVg/s1600/Chatting.jpg" height="320" width="270" /></a></div>
<h1 class="post-title entry-title">
&nbsp;</h1>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<span style="font-family: &quot;Cambria&quot;,&quot;serif&quot;; font-size: 12.0pt; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Pernahkah
anda melihat sebuah kotak obrolan (chatting) pada blog yang anda kunjungi ?</span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<span style="font-family: &quot;Cambria&quot;,&quot;serif&quot;; font-size: 12.0pt; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Saya yakin
beberapa diantara anda pasti pernah melihatnya, dan saya juga yakin beberapa
diantara anda ingin membuat sebuah kotak chatting seperti itu juga di blog nya.
</span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<span style="font-family: &quot;Cambria&quot;,&quot;serif&quot;; font-size: 12.0pt; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Oke, sebelum
saya memberikan tips bagaimana membuat kotak chatting ini. Mungkin anda perlu
sedikit mengetahui manfaat dari kotak chatting ini. Karena sudah barang tentu
kotak chatting ini dibuat tidak hanya sekedar untuk mempercantik tampilan blog
tetapi juga ada tujuan tersendiri yaitu 1) interaksi antara pengunjung blog
dengan sesame pengunjung termasuk juga dengan pemilik blog itu sendiri, 2) Promosi
blog, selain berinteraksi di media ini anda bisa mempromosikan blog anda 3)
Meningkatkan traffic, karena dengan semakin banyak interaksi maka traffic di
blog anda akan semakin meningkat.</span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<span style="font-family: &quot;Cambria&quot;,&quot;serif&quot;; font-size: 12.0pt; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Jadi saya
yakin dengan manfaat tersebut, tidak ada ruginya untuk memasang kotak chatting
ini di blog anda. Mantap kan ?</span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
</div>
<span style="font-family: &quot;Cambria&quot;,&quot;serif&quot;; font-size: 12.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: major-latin; mso-bidi-font-family: &quot;Times New Roman&quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: major-latin;">Oke, langsung saja ke TKP</span>
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
</div>
<span style="font-family: &quot;Cambria&quot;,&quot;serif&quot;; font-size: 12.0pt; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"><b>1. Langkah
Pertama</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Zuqp6AFVZdggBhpPhZvcrDGy5XDoWmMfxct_QkhrZpbcaJIoLL0HHsb9SBG6Of30h97rABFdVLv9R7s-i3tSHoVPOUHD7Hs3AeE56I7h9zKh4kuFYENXnhwjavHpX1pe1cjKuplIivLE/s1600/Sign+Up+Cbox.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Zuqp6AFVZdggBhpPhZvcrDGy5XDoWmMfxct_QkhrZpbcaJIoLL0HHsb9SBG6Of30h97rABFdVLv9R7s-i3tSHoVPOUHD7Hs3AeE56I7h9zKh4kuFYENXnhwjavHpX1pe1cjKuplIivLE/s1600/Sign+Up+Cbox.jpg" height="212" width="320" /></a></div>
<br />
<ul>
<li><span style="font-family: Cambria, serif; font-size: 12pt; line-height: 115%;">Masuk ke
situs ini </span><a href="http://www.cbox.ws/index.php" style="font-family: Cambria, serif; font-size: 12pt; line-height: 115%;">http://www.cbox.ws/index.php</a></li>
</ul>
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
</div>
<ul>
<li><span style="font-family: Cambria, serif; font-size: 12pt; line-height: 115%;">Buatlah
sebuah akun di CBOX untuk mendapatkan sebuah Chat Box</span></li>
</ul>
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
<span style="font-family: &quot;Cambria&quot;,&quot;serif&quot;; font-size: 12.0pt; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"></span></div>
<ul>
<li><span style="font-family: Cambria, serif; font-size: 16px; line-height: 18px;">Isikan Cbox Name, Email Address, dan Password</span></li>
</ul>
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
</div>
<ul>
<li><span style="font-family: Cambria, serif; font-size: 12pt; line-height: 115%;">Setelah itu
klik “Creat my Cbox”</span></li>
</ul>
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
</div>
<ul>
<li><span style="font-family: Cambria, serif; font-size: 12pt; line-height: 115%;">Kemudian
copy kode Cbox anda</span></li>
</ul>
<span style="font-family: &quot;Cambria&quot;,&quot;serif&quot;; font-size: 12.0pt; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"><b>2. Langkah
kedua</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTF7K9yfOgIrsYMFM2OiX1MNUnreMphq1SajeHrPcANMw_cRMBcDNqNVWwQQnowQIs8NvtU6OdB02kh5uQ_aVknITgYOWCZk-xega6poDMR41n5kkfocSkQkIBnz5uh5-yBJfv192WUnwq/s1600/Cbox.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTF7K9yfOgIrsYMFM2OiX1MNUnreMphq1SajeHrPcANMw_cRMBcDNqNVWwQQnowQIs8NvtU6OdB02kh5uQ_aVknITgYOWCZk-xega6poDMR41n5kkfocSkQkIBnz5uh5-yBJfv192WUnwq/s1600/Cbox.jpg" height="320" width="156" /></a></div>
<ul style="text-align: left;">
<li><span style="font-family: Cambria, serif; font-size: 12pt; line-height: 115%;">Masuk </span><span style="font-family: Cambria, serif; font-size: 12pt; line-height: 115%;">&nbsp;</span><span style="font-family: Cambria, serif; font-size: 12pt; line-height: 115%;">ke blog anda</span></li>
</ul>
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
</div>
<ul>
<li><span style="font-family: Cambria, serif; font-size: 12pt; line-height: 115%;">Masuk ke
tata letak/layout</span></li>
</ul>
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
</div>
<ul>
<li><span style="font-family: Cambria, serif; font-size: 12pt; line-height: 115%;">Create
Gadget HTML/Java script</span></li>
</ul>
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
</div>
<ul>
<li><span style="font-family: Cambria, serif; font-size: 12pt; line-height: 115%;">Kamudian
letakan kode yang sudah anda copy tadi</span></li>
</ul>
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify;">
</div>
<ul>
<li><span style="font-family: Cambria, serif; font-size: 12pt; line-height: 115%;">Save !!! dan
lihat hasilnya </span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: &quot;Cambria&quot;,&quot;serif&quot;; font-size: 12.0pt; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"><b>&nbsp;Sekarang anda sudah memiliki layanan chat box sendiri</b></span>

<br />
<h1 class="post-title entry-title">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</h1>
</div>
</div>

Bagikan

Jangan lewatkan

Cara Mudah Membuat Kotak Chatting di Blog
4/ 5
Oleh

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.

silahkan tinggalkan komentar anda di bawah ini

TREK BLOG