's Booth Shafa

Chat Box Costume

Wednesday, July 17, 2013 | 0 comments

I wan't to make my chat box look cute! Like many people use in their blog. How?

1. Pick one chat box custom over here :)

<div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/chatbox-animation-1-1.gif) no-repeat;padding-right:8px;padding-left:1px;padding-top:130px;padding-bottom:35px;">

Setting Code:
Width : 170 px || Height : 152 px (first)
|| Height : 75 px (last)

<div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/strawberry.gif) no-repeat;padding-right:1px;padding-left:25px;padding-top:145px;padding-bottom:70px;">

Setting Code:
Width : 155 px || Height : 210 px (First)
|| Height : 75 px (Last)

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE6myFVgWVrrkzm21wSX-tC1RMgOPXmAAGH5GuH5pFruBkAlpzL-TFMMWJVKzC2OK4d_3AYddJpKBxWiXnqIIluM8gBsl8YP1VJDqRb-XnyvElKnlBRsB058_JaEDCEIBqrRBJvYGrOsX6/s1600/cboxqs7.gif) no-repeat;padding-right:20px;padding-left:13px;padding-top:110px;padding-bottom:90px;">

Setting Code:
Width : 175 px || Height : 190 px (First)
|| Height : 75 px (Last)

2. Dashboard > Template > Edit html

3. Copy the chat box custom code that you picked.

4. Check your chat box code first!

At the second line, <div along the <div lines until o"> , delete it! And switch (copy paste) with kode kostum cbox tadi yang sudah Guys pilih.

5. preview then save!

*Watch the Setting Code!!

Good Luck! Any question?

Post a Comment

Post a Comment