JRTR site | Berbagi Tanpa Batas, Blogger Tips, Widget, Template

Berbagi informasi online, komputer, tutorial blogger, template untuk blogger, tips trik blogger.

Sabtu, 15 September 2012

Cara Mudah Pasang Cbox Di Blogspot




  1. Langkah Pertama  pergi ke Cbox
  2. Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
  3. Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
  4. Setelah sudah masuk edit sendiri Cbox anda sendiri

dan Langkah berikutnya Copy-Paste HTML dibawah ini 


!-- desaign chatbox by 
! Bakalan-Tlogorejo-City START -->
<style type="text/css">

.gb_fixed{
position:fixed;
top:60px;
right:0px;
z-index:+10;
}

* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:0px solid gray;
background:transparent;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody>
<tr><td>
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="https://www.bookonthenet.net/east/RKEres/Images/CloseButtonHot.bmp" /></a>
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<span style="font-size: 80%;">
<span style="color: red;"> Get this</span>
<a href="http://acer-c4yber.blogspot.com/2012/08/cara-pasang-chat-box-atu-buku-tamu.html" target="_blank">
<span class="Apple-style-span" style="color: orange;"> Desaign1</span>
</a>
<span style="color: red;"> or</span>
<a href="http://acer-c4yber.blogspot.com/2012/08/cara-pasang-fibox-shoutbox-yang-cool.html" target="_blank">
<span class="Apple-style-span" style="color: orange;"> Desaign2</span></a></span>

Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

</td></tr>
</tbody></table>
</div>

<script src="http://marewainfo.googlecode.com/files/ordinaryhack-floating.js">
</script>
<div class="gb_fixed" style="z-index: +5;">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXQHvkwHWAAoLJXtFX4FJMQVYbyjxvXdQKKZuDt6KaaXoO83i7pZtHSuu2nwfWgZxizvQ5-8tmNJPI4kzZy0ZGsD4jATGA0_DVCt5P6CmvtBukQBfgxihFI43qWax-4CmZ6M2S0OSQH7p3/s1600/cbred.png" style="filter: alpha(opacity=60); opacity: 0.6;" />
</a> </div>
<!-- desaign chatbox by ! Bakalan-Tlogorejo-City END -->


Cara menaruh html di atas
  1. Masuk akun blogger siapa ajah boleh
  2. Ke tata letak
  3. Add gadget atau Tambah gadget
  4. Edit html/javascript
  5. Masukan html di atas
  6. selesai
  7. Semoga artikel ini bermanfaat buat sahabat semua..... Tambahan tombol saat membuka chatbox:
    Berikut ini adalah icon hidden chatbox dan warna border yang serasi dan bisa anda gunakan dalam hidden chatbox anda ,


    URL Gambarhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho4HvNa3zalrZSRx7eG1ooTon1_O35XKOQx612shTpJhtX9Hqeeq6FB7F_HJYrMpJ2mUeMA9A-iwecAw8ZOLI7gNDk-4cjqlUdIv-X5KyNSxHvzp8MXy9NrgM4vTcxAqHNeJ49Tuw4DD7t/s1600/cbblue-2.png
    Warna border #0079a0


    URL Gambarhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAR4BTTjCaEbIZrkmis-i4UBcTvw_LXK_UCbwGDI3B_BINtLEUm5Fe5p5OIBUgS1AQCtKTJsaV4Yp5pnq1ho9a_6PZC-S0Kbw6tBsj6N8NWZJLT58LUi2sKdt3f7IWcjk-WBbBS1JgizXn/s1600/cbblue.png
    Warna border #003e82


    URL Gambarhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTX1oaLM635QpnomQeSQ4TXT_wTnSstbPjq78XwWY5cSZNTC1YZY1y8dbUu4PVtwCbGqSTIF1iZyxgzHnCGMNgxyYWNIFUTFpnuFaS0t04BSNiTKXT7ftQWyg7HI9bZFv7IehAW9GKvdPz/s1600/cbgreen.png
    Warna border #008232






    URL Gambarhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsokyiQIOXqx_xkHZNoDnBJJmUEgcyf8g4ncXoXmJHha8S29rZ-qMovvGzZYgxK_c5nF1JRPzP1nZGZVab2MCsZwgpGOQpxcPgJPmuDB6mKRqb6rOxCwqDhDcec_As-QlWQ0fXhh7NUp-t/s1600/cbyellow.png
    Warna border #aca500


    URL Gambarhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXQHvkwHWAAoLJXtFX4FJMQVYbyjxvXdQKKZuDt6KaaXoO83i7pZtHSuu2nwfWgZxizvQ5-8tmNJPI4kzZy0ZGsD4jATGA0_DVCt5P6CmvtBukQBfgxihFI43qWax-4CmZ6M2S0OSQH7p3/s1600/cbred.png
    Warna border #790909
    Sumber:http://acer-c4yber.blogspot.com/2012/09/cara-pasang-dan-membuat-widget-melayang.html
    JokoRowoTlogoRejo Beri Komentar
    Bagikan kepada teman!
    Garis
    300 x 250

    1 komentar:

    Catatan:
    Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
    Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
    Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
    Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
    Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
    Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

    Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

    NB: Jangan menuliskan link aktif karena akan terhapus secara automatis.

    Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah

     
    Design by JRTR Copyright © 2014 ~ 2015 Powered by Blogger
    TOP