HomeSearch
Latest topics
Hidden Chatbox
4 posters
:: Tutorial :: Tutorial Blogger
Page 1 of 1
Hidden Chatbox
by polokoku Sat Feb 11, 2012 6:00 pm
salam mabuns semuanya^^
ketemu lagi ama ane di bagian tutorial. .hehhe...
langsung ah, kali ini tutorial bagaimana caranya bikin hidden chatbox (yg kyk chatboxnya mabuns itu)
login blogger - ke layout - add new gadget - copas script di bawah
letakkan script chatboxmu di bawah tulisan <!-- KODE SHOUTMIX ANDA DISINI -->
lebih lengkap tentang tutorial ini silahkan maen ke tempat zacky-sensei [You must be registered and logged in to see this link.]
ketemu lagi ama ane di bagian tutorial. .hehhe...
langsung ah, kali ini tutorial bagaimana caranya bikin hidden chatbox (yg kyk chatboxnya mabuns itu)
login blogger - ke layout - add new gadget - copas script di bawah
letakkan script chatboxmu di bawah tulisan <!-- KODE SHOUTMIX ANDA DISINI -->
- Spoiler:
- <!-- left hidden chatbox by [You must be registered and logged in to see this link.] START -->
<style>
#hcl {
position:fixed;
top:100px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S2Evq5hIpUI/AAAAAAAABAM/3qo6ScKImhw/s400/cbred-LEFT.png') no-repeat;
}
.hclcontent {
float:left;
border:2px solid #790909;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = 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 ANDA DISINI -->
<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<a href="http://tipsbloggerzacky.blogspot.com/2010/01/hidden-chatbox.html" target="_blank">
Get this widget!
</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">
var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>
<!-- left hidden chatbox by [You must be registered and logged in to see this link.] END -->
lebih lengkap tentang tutorial ini silahkan maen ke tempat zacky-sensei [You must be registered and logged in to see this link.]
polokoku- Adavanced
- Jumlah posting : 130
Gold : 157
Reputation : 5
Join date : 2012-01-28
Age : 32
Lokasi : Prontera -
Re: Hidden Chatbox
by Kyo Sat Feb 11, 2012 6:11 pm
Pertamax kah? 
Makasih om Polo, lagi2 udah menambahkan tutorial di forum ini
Makasih om Polo, lagi2 udah menambahkan tutorial di forum ini
Kyo- Manga4indo Team
- Jumlah posting : 200
Gold : 334
Reputation : 14
Join date : 2010-11-19
Age : 33
Lokasi : Palembang
Re: Hidden Chatbox
by polokoku Sat Feb 11, 2012 6:14 pm
sama-sama kk, kami juga sekalian back up script nih klo2 suatu hari terjadi sesuatu. .ehehe...
mav yah kk, ane disini cuma bisa numpang back up script...
mav yah kk, ane disini cuma bisa numpang back up script...
polokoku- Adavanced
- Jumlah posting : 130
Gold : 157
Reputation : 5
Join date : 2012-01-28
Age : 32
Lokasi : Prontera -
Re: Hidden Chatbox
by Kyo Sat Feb 11, 2012 6:42 pm
polokoku wrote:sama-sama kk, kami juga sekalian back up script nih klo2 suatu hari terjadi sesuatu. .ehehe...
mav yah kk, ane disini cuma bisa numpang back up script...
Huahaha... gpp kali gan... ini kan termasuk sharing juga... dan bs membantu bagi yang membutuhkan
Kyo- Manga4indo Team
- Jumlah posting : 200
Gold : 334
Reputation : 14
Join date : 2010-11-19
Age : 33
Lokasi : Palembang
No.134- Intermediate
- Jumlah posting : 91
Gold : 107
Reputation : 2
Join date : 2012-01-30
Lokasi : Amazon Lily
Re: Hidden Chatbox
by polokoku Mon Feb 13, 2012 1:19 pm
mav deh kk, klo kejujuran ane keterlaluanNo.134 wrote:hahaha ..
jujur amat buat back up .. -___-
polokoku- Adavanced
- Jumlah posting : 130
Gold : 157
Reputation : 5
Join date : 2012-01-28
Age : 32
Lokasi : Prontera -
JevonDilha- Adavanced
- Jumlah posting : 102
Gold : 154
Reputation : 8
Join date : 2011-12-31
Age : 31
Lokasi : Pekanbaru -
Re: Hidden Chatbox
by polokoku Mon Feb 13, 2012 5:43 pm
polokoku = POLOs dan KOplakmya diriKU ^^JevonDilha wrote:terlalu polos gan, hehehe
polokoku- Adavanced
- Jumlah posting : 130
Gold : 157
Reputation : 5
Join date : 2012-01-28
Age : 32
Lokasi : Prontera -
Re: Hidden Chatbox
by JevonDilha Wed Feb 22, 2012 3:02 am
polokoku wrote:polokoku = POLOs dan KOplakmya diriKU ^^JevonDilha wrote:terlalu polos gan, hehehe
wkwkwkwk
ngaku nih gan
aku ane mau ngaku ane bilang kalo ane ganteng
wkwkwkwk
JevonDilha- Adavanced
- Jumlah posting : 102
Gold : 154
Reputation : 8
Join date : 2011-12-31
Age : 31
Lokasi : Pekanbaru -
:: Tutorial :: Tutorial Blogger
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
» Tak Kenal Maka Tak Sayang,Tak Sayang maka tak cinta, karena itu mari kita kenalan dulu
» Salam kenal
» (Tutorial) Typesetting (Low Size tapi High Quality)
» Kritik, Saran dan Pertanyaan.
» Future Project
» Mari Belajar HTML Part #1
» Ingin Gabung dengan Manga4indo? Masuk Sini, gan!
» Perkenalan