jump to navigation

Cara membuat Chatbox di Blog Slide Style October 2, 2011

Posted by ariefsyamsudien in Blog.
trackback

Mungkin dari temen temen holyc pengen tau cara membuat tampilan slide pada chatbox-holyc !! ok saya akan memberikan tutorial cara membuat slide Chatbox Versi Holyc

Langkah yang pertama.
  • Masuk dahulu ke Blogger sobat,
  • Masuk ke Rancangan,
  • Pilih Elemen Edit,
  • Klik Tambah Gadget,
  • Selanjutnya, cari dan klik Javascript/Html
  • Masukan script di bawah ini dan letakan kedalam Javascript/Html tersebut.

$(document).ready(function(){

$(“.btn-slide”).click(function(){

$(“#panel”).slideToggle(“slow”);

$(this).toggleClass(“active”); return false;

});

});

#panel {

height: auto;

width: auto;

display: none;

padding: 7px;

border: #0C0;

-moz-border-radius-topright:10px;

-webkit-border-top-right-radius:10px;

-moz-border-radius-bottomright:10px;

-webkit-border-bottom-right-radius:10px;

-moz-border-radius-topleft:10px;

-webkit-border-top-left-radius:10px;

-moz-border-radius-bottomleft:10px;

-webkit-border-bottom-left-radius:10px;

}

.slide {

margin: 0;

padding: 0;

background: url(http://i1121.photobucket.com/albums/l510/nero999/asdfasf.png) no-repeat center top;

}

.btn-slide {

text-align: center;

width: 240px;

height: 40px;

margin: 0 auto;

display: block;

font: bold 120%/100% Arial, Helvetica, sans-serif;

color: #fff;

text-decoration: none;

}

.active {

background-position: right 12px;

}


ShoutMix chat widget

document.write(unescape(‘%3C%63%65%6E%74%65%72%3E%3C%62%3E%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%62%69%74%2D%78%70%2E%63%6F%6D%2F%32%30%31%31%2F%30%39%2F%63%61%72%61%2D%6D%65%6D%62%75%61%74%2D%73%68%6F%77%68%69%64%65%2D%63%68%61%74%62%6F%78%2D%64%65%6E%67%61%6E%2E%68%74%6D%6C%27%20%74%69%74%6C%65%3D%27%47%65%74%20%54%68%69%73%20%57%69%64%67%65%74%20%42%79%20%77%77%77%2E%62%69%74%2D%78%70%2E%63%6F%6D%27%3E%47%65%74%20%54%68%69%73%20%57%69%64%67%65%74%3C%2F%61%3E%3C%2F%62%3E%3C%2F%63%65%6E%74%65%72%3E’));

Comments»

1. Ruang Informasi Terkini - October 2, 2011

Nebarik sekali, ga salah tuk dipraktekan. Blogwalking me..

2. Notebook Drivers - October 2, 2011
3. ichwan hausgame - October 5, 2011

keren sob…selama ini ane juga gonta ganti model tampilan qbox …kayakya nanti dicoba ni,

4. Admin - October 5, 2011

@ichwan hausgame Terima kasih Monggo di cobak

5. rudietnovian - October 19, 2011

thanks info ny sob,,😀
Di tunggu follow back ny y sob..😀


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: