6
Cara Membuat Chat Box Di Blog - sekarang Firman Blog akan membagikan Widget Chat Box keren ala Kang Ismet, widget ini dirancang untuk menambah fasilitas chat pada blog.


Cara Membuat Chat Box Di Blog

  1. Masuk ke Blogger.
  2. Pilih Tata Letak > Add Widget > Pilih HTML/JavaScript.
  3. Dan copy kode di bawah ini dan pastekan di HTML/JavaScript.

<style scoped="" type="text/css">
#kangischat{
background:white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnsc47aXJtPqcfkLQcdHOMtDEZ67KCyeVzgZYbWAF0y8sEXKkseVHli7dhBuem5JmRmmFVzhLgWr3bzMysOq4JmC6jxmUdP9Z0xfP0H1Ci3DNc6CRPvDlTT6aUkHFqxzRZv6o3KdXoe5c/s1600/chatbg2.png)repeat-x top;
text-align:left;
color:#333;
font-family:Arial, Sans-serif;
box-shadow: 0 0 5px 1px #bbb;
padding:12px 11px 10px;
}
#kangischat a {
color:#80bc00;
}
.chatdalem {
background:white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxa-s2ns7FIBoKKsJm8wMVy4Moh5EmJhVSh1u21boVnNyia-x7CmjCRvPGP2Q8GvYNYBMQsrpi4oX69WflmSUYUx6ggPh2hVCEqe5mezwC5MbahS_lS5PG2ayNYUKrlj9SqVmXtmM4i_8/s1600/shoutmix-loader.gif)no-repeat 50% 40%;
position: relative;
margin-top:17px
}
#bukachat {
background:#80bc00 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjskIY_LlEYhhWcQy2jKRYi6jwAIbv4cuP1mNDZw1BF4qLz1rZ0X2wEYY0le0lckC-1s2nYMu0daTqO-V1LGPdHbUAN5CreEdqMS8dDRN8RRtp1WpM4p2TJzLiq6tD08Nv5uhkzzfjmhAk/s1600/ngobrol.png)no-repeat 10px 50%;
color:white;
padding:10px 10px 10px 45px;
font-family:Oswald, Arial;
font-size:130%;
text-transform:uppercase;
height:25px;
line-height:25px;
cursor:pointer;
box-shadow: 0 0 5px 1px #bbb;
display:none;
}
#tutupchat {
background:#80bc00 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjskIY_LlEYhhWcQy2jKRYi6jwAIbv4cuP1mNDZw1BF4qLz1rZ0X2wEYY0le0lckC-1s2nYMu0daTqO-V1LGPdHbUAN5CreEdqMS8dDRN8RRtp1WpM4p2TJzLiq6tD08Nv5uhkzzfjmhAk/s1600/ngobrol.png)no-repeat 10px 50%;
color:white;
padding:10px 10px 10px 45px;
font-family:Oswald, Arial;
font-size:130%;
text-transform:uppercase;
height:25px;
line-height:25px;
box-shadow: 0 0 5px 1px #bbb;
cursor:pointer;
}
</style>

<div id="bukachat" style="display: none;">
Buka Obrolan</div>
<div id="tutupchat" style="display: block;">
Tutup Obrolan</div>
<div id="kangischat" style="display: block;">
<span style="margin-left: 6px;">Mau request? silakan <a href="http://sht.mx/firmanblog">disini</a></span>
<div class="chatdalem">
<center>
<!-- Begin ShoutMix -->
<iframe frameborder="0" height="480" id="shoutmix_firmanblog" scrolling="auto" src="http://sht.mx/firmanblog" width="auto">
<a href="http://sht.mx/firmanblog">ShoutMix Live Chat</a>
</iframe>
<!-- End ShoutMix --></center>
</div>
</div>
<script type="text/javascript">
$('#bukachat').click(function() {
    $('#kangischat').show(500);
    $('#bukachat').hide();
    $('#tutupchat').show();
});
$('#tutupchat').click(function() {
    $('#kangischat').hide(500);
    $('#bukachat').show();
    $('#tutupchat').hide();
});
</script>
  1. Kemudian klik Simpan Sekian tutorial dari saya semoga bermanfaat.

Post a Comment Blogger

6 blogger-facebook

Anonymous delete 3/05/2014

Memangnya kalau sudah memasang chatbox kenapa mas dengan blog kita, apakah lebih SEO atau gimana ya?

Itu cuma sekedar Fasilitas untuk blog anda :D

Test tag pre :
/*-----Labels Cloud----*/ .label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #B20000; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }

KAMI SEKELUARGA TAK LUPA MENGUCAPKAN PUJI SYUKUR KEPADA ALLAH S,W,T
dan terima kasih banyak kepada AKI atas nomor togel.nya yang AKI
berikan 4 angka [6542] alhamdulillah ternyata itu benar2 tembus AKI.
dan alhamdulillah sekarang saya bisa melunasi semua utan2 saya yang
ada sama tetangga.dan juga BANK BRI dan bukan hanya itu AKI. insya
allah saya akan coba untuk membuka usaha sendiri demi mencukupi
kebutuhan keluarga saya sehari-hari itu semua berkat bantuan AKI..
sekali lagi makasih banyak ya AKI… bagi saudara yang suka main togel
yang ingin merubah nasib seperti saya silahkan hubungi KI JAYA WARSITO,,di no (((085-342-064-735)))
insya allah anda bisa seperti saya…menang togel 970 JUTA , wassalam.


dijamin 100% jebol saya sudah buktikan...sendiri....







Apakah anda termasuk dalam kategori di bawah ini !!!!


1"Dikejar-kejar hutang

2"Selaluh kalah dalam bermain togel

3"Barang berharga anda udah habis terjual Buat judi togel


4"Anda udah kemana-mana tapi tidak menghasilkan solusi yg tepat


5"Udah banyak Dukun togel yang kamu tempati minta angka jitunya
tapi tidak ada satupun yang berhasil..







Solusi yang tepat jangan anda putus asah... KI JAYA WARSITO akan membantu
anda semua dengan Angka ritual/GHOIB:
butuh angka togel 2D ,3D, 4D SGP / HKG / MALAYSIA / TOTO MAGNUM / dijamin
100% jebol
Apabila ada waktu
silahkan Hub: KI JAYA WARSITO DI NO: [[[085-342-064-735]]]


ANGKA RITUAL: TOTO/MAGNUM 4D/5D/6D


ANGKA RITUAL: HONGKONG 2D/3D/4D/



ANGKA RITUAL; KUDA LARI 2D/3D/4D/



ANGKA RITUAL; SINGAPUR 2D/3D/4D/



ANGKA RITUAL; TAIWAN,THAILAND



ANGKA RITUAL: SIDNEY 2D/3D/4D

Anonymous delete 10/17/2016

SAYA MENANG NOMBOR TOTO 4D BERKAT BANTUAN AKI KORO. JIKA ANDA INGIN MERASAKAN KEMENANGAN NOMBOR SEPERTI SAYA HBG AKI KORO DI NOMOR Tlpn. 085222836389. http://ramalantogel2d3d4d-hariini.blogspot.co.id

Anonymous delete 3/27/2018

Memang benar memang betul angka dari o magus tembus 100% kemarin saya dibantu lagi dan angka yg diberikan benar tembus dan ini yg ke 3 kalinya saya tembus angka dari o magus saya informasikan kpd teman yg sering kalah togel silahkan hub o magus 085393909957 atau kunjungi situs https://www.facebook.com/nomortogeltembus
Terima kasih semoga sukses…!!

Komentar yang menyertakan link aktif, iklan, atau titip link, akan dimasukan ke folder SPAM.
Untuk pertanyaan di luar topik artikel silahkan tag [OOT]
menyisipkan kode, gunakan tag <i rel="code">KODE ANDA DI SINI...</i> atau <i rel="pre">KODE ANDA DI SINI...</i>
menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Tools Konversi

 
Top