web 2.0

Selasa, 24 Agustus 2010

Chatbox Tersembunyi


ChatboxChatbox tersembunyi adalah Tempat menyimpan berlangganan My Danijel meletakkan widgetChatbox (Shoutmix, shoutbox, dll) Yang Bisa bersembunyi. Sembunyi Disini untuk hubungi pastinya berarti Hilang, kabur, lari Danijel USING kejaran polisi (emangnya Nooordin APA M. Top)?!, Tapi sengaja untuk Artikel Kita sembunyikan Ruang menghemat blog. Sudah hampir sebulan Saya tidak memasang widget shoutmix, banyak KARENA ITU widget berbaring Yang lebih Penting untuk Artikel ditampilkan darinya. Tapi Penghasilan kena pajak Belajar Dan Saya paham, menggunakan trik tersembunyi Chatbox inisial untuk Artikel blog memasang shoutmix sehingga Saya tidak terlihat sesak Lagi (walau sebenarnya masih sesak banget hehehehe, ....). Mau juga nama dan Kembali trik memasang shoutmix Artikel Baru Suami? Baca Baik-Baik ya ...

Trik tersembunyi Chatbox Suami terbagi menjadi 2 pilihan, Kronik Film KIRI-tersembunyi Chatbox Dan KANAN-Tersembunyi Chatbox. Kalau Yang Di Saya pakai blog adalah HAK-Suami Chatbox Tersembunyi. Berikut kodenya:

KIRI-tersembunyi Chatbox

<- Chatbox tersembunyi yang ditinggalkan oleh http://tipsbloggerzacky.blogspot.com MULAI! ->
<style>
# HCl (
posisi: fixed;
top: 100px;
left: 0px;
z-index: 1000;
)
* Html # HCl (posisi: relatif;)
. Hcltab (
tinggi: 100px;
width: 30px;
float: left;
cursor: pointer;
background: url ('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1uK6nnCAyyK_6JD2zNwKUfzKPtKloAJBLmKmbTOOvVnAogDmLdrEKZv5zvjSOeXv9hzTG0B4eB67GcTGDgsJgav3ZrxQJfJwsvogyXXwyZ3SQmqPMrmtEu35NFLJgLzQoGwciZfhkM0I/s400/cbred-LEFT.png') tidak mengulang-;
)
. Hclcontent (
float: left;
border: solid 2px # 790909;
background: # f3f6f7;
padding: 10px;
)
(hc-kredit. font-size: 9px)
hc-. kredit (text-decoration: none)
</ Style>
<script type="text/javascript">
fungsi showHidehcl () (
HCl var = document.getElementById ("HCl");
var w = hcl.offsetWidth;
hcl.opened? movehcl (0, 30-w): movehcl (20-w, 0);
hcl.opened =! hcl.opened;
)
fungsi movehcl (x0, XF) (
HCl var = document.getElementById ("HCl");
var dx = Math.abs (x0-XF)> 10? 5: 1;
var dir = XF> x0? 1: -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString () + "px";
if (x0 = XF) (setTimeout (! "movehcl (" + x + "," + XF +")", 10);)
)
</ Script>
<div id="hcl">
<div class="hclcontent">

<- Kode! SHOUTMIX nama dan Kembali Disini ->

<br />
<div class="hc-credit">
<span style="float:left">
<- KREDIT INI! HARUS tetap utuh UNTUK PENGGUNAAN HUKUM ->
<a href="http://tipsbloggerzacky.blogspot.com/2010/01/hidden-chatbox.html" target="_blank">
Dapatkan widget ini!
</ A>
</ Span>
<span style="float:right">
<a href="javascript:showHidehcl()">
[Close]
</ A>
</ Span>
</ Div>
</ Div>
<div class="hcltab" onclick="showHidehcl()"> </ div>

</ Div>
<script type="text/javascript">
HCl var = document.getElementById ("HCl");
hcl.style.left = (30-hcl.offsetWidth) toString (). + "px";
</ Script>
<- Chatbox tersembunyi yang ditinggalkan oleh AKHIR http://tipsbloggerzacky.blogspot.com! ->


KANAN-tersembunyi Chatbox

<- Chatbox tersembunyi kanan oleh http://tipsbloggerzacky.blogspot.com MULAI! ->
<style>
# Hcr (
posisi: fixed;
top: 100px;
z-index: 1000;
)
* Html # hcr (posisi: relatif;)
. Hcrtab (
tinggi: 100px;
width: 30px;
float: left;
cursor: pointer;
background: url ('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgScAVYXWVG43qGroZEC0HT6FiSc6q0rpjQFogbdyn0s10c7ZKtOByPQX8jBi_lJhuVOTYQit0c5JAKlol1bpICZt4I3n8d1qCM3qs_uSwQhMfQMtJGijhUkZOBN9jY1iwbvg-Tp-645Kc/s400/cbblue.png') tidak mengulang-;
)
. Hcrcontent (
float: left;
border: solid 2px # 003e82;
background: # f3f6f7;
padding: 10px;
)
(hc-kredit. font-size: 9px)
hc-. kredit (text-decoration: none)
</ Style>
<script type="text/javascript">
fungsi showHidehcr () (
hcr var = document.getElementById ("hcr");
var w = hcr.offsetWidth;
hcr.opened? movehcr (0, 30-w): movehcr (20-w, 0);
hcr.opened =! hcr.opened;
)
fungsi movehcr (x0, XF) (
hcr var = document.getElementById ("hcr");
var dx = Math.abs (x0-XF)> 10? 5: 1;
var dir = XF> x0? 1: -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString () + "px";
if (x0 = XF) (setTimeout (! "movehcr (" + x + "," + XF +")", 10);)
)
</ Script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </ div>
<div class="hcrcontent">

<- Kode! SHOUTMIX nama dan Kembali Disini ->

<br />
<div class="hc-credit">
<span style="float:left">
<- KREDIT INI! HARUS tetap utuh UNTUK PENGGUNAAN HUKUM ->
<a href="http://tipsbloggerzacky.blogspot.com/2010/01/hidden-chatbox.html" target="_blank">
Dapatkan widget ini!
</ A>
</ Span>
<span style="float:right">
<a href="javascript:showHidehcr()">
[Close]
</ A>
</ Span>
</ Div>
</ Div>
</ Div>
<script type="text/javascript">
hcr var = document.getElementById ("hcr");
hcr.style.right = (30-hcr.offsetWidth) toString (). + "px";
</ Script>
<- Chatbox tersembunyi benar dengan AKHIR http://tipsbloggerzacky.blogspot.com! ->


Amortisasi:

# Hcr (
posisi: fixed;
top: 100px; / * tab bahwa jarak Menunjukkan USING Atas adalah sejauh100px. Artikel Baru Bisa Ganti nama dan Kembali bawah: 100px jarak tab berarti Yang menjadi Arus bawah USING sejauh * 100px /
z-index: 1000;
)

. Hcrtab (
tinggi: 100px; / * Tinggi pembuka tab * Chatbox tersembunyi /
width: 30px; / * Tinggi pembuka tab * tersembunyi Chatbox /
float: left;
cursor: pointer;
background: url ('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgScAVYXWVG43qGroZEC0HT6FiSc6q0rpjQFogbdyn0s10c7ZKtOByPQX8jBi_lJhuVOTYQit0c5JAKlol1bpICZt4I3n8d1qCM3qs_uSwQhMfQMtJGijhUkZOBN9jY1iwbvg-Tp-645Kc/s400/cbblue.png') tidak mengulang-; / * Gambar Yang dijadikan sebagai pembuka tab * Chatbox tersembunyi /
)

. Hcrcontent (
float: left;
border:2px solid # 003e82; / * warna Dan perbatasan ukuran tersembunyi * Chatbox /
background:# f3f6f7; / * warna latar belakang Chatbox tersembunyi (tidak perlu diganti jika nama dan Kembali mengedit Kode berbaring PADA gaya) * /
padding: 10px;
)


Berikut beberapa Gambar pembuka tab Dan Chatbox tersembunyi Kode warna html perbatasan untuk Artikel Yang Serasi:

cbred-LEFTcbred
Kode warna border: # 790909

cbyellow-LEFTcbyellow
Kode warna border: # aca500

cbgreen-LEFTcbgreen
Kode warna border: # 008232

cbblue-LEFTcbblue
Kode warna border: # 003e82

cbblue-2-LEFTcbblue-2
Kode warna border: # 0079a0


Nha, sekarang pasang kit ITU Kode Di blog. Udah Tahu caranya kan? ITU, Choose Layout > Elemen Halaman > HTML / Javascript, Lalu masukkan Kode Tersembunyi Chatbox disana.

Klik Disini untuk Artikel ada posting demo tersembunyi KIRI-KANAN-Chatbox Dan Chatbox tersembunyi.

Catatan: Trik tersembunyi Suami Bisa juga gunakan nama dan Kembali berbaring memasang widget untuk Artikel, trik Suami Jadi tidak Khusus untuk Artikel memasang shoutmix. Tinggal nama dan Kembali Kode-Kode berkreasi Artikel Baru Yang Bisa Jadi bikin kepala botak ITU, hahahahahaha ...!

Selamat mencoba ....


0 komentar: