Announcement

Collapse

NOTICE: SAVE IMPORTANT POSTS

We will be moving to a new forum within a week. Please save the contents of posts that you wish to re-create.
See more
See less

How to align a xat chat room on a "Blogger" site?

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • How to align a xat chat room on a "Blogger" site?

    Hello,

    I recently started a "blogger.com" page and I set a gadget to appear in the "upper center" of the page and I chose "HTML Script" for the gadget and I entered the following:

    <embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=127375646" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=127375646">Go Large!</a></small><br>

    In the gadget, and when I viewed my blog, the Chat room was on the far left of the page then in the center of the page...So I'm asking is there a piece of code should I edit OR a code to add to place the chat room in the center of the page?

    I have created a test site to show you how the chat room is placed on the site: Test Blog Site

    Thanks a lot.

  • #2
    You can use <div align="left"> or align="right" or align="center". I think the way blogger has it setup is that it can't move too much to the left/right/center.

    Comment


    • #3
      Im not familiar with blogger, but you could chose the location exactly. using HTML and CSS.

      [HTML]
      <div style="position:absolute; left:HEREpx; top:HEREpx; width:540px; height:405px; ">

      <embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=127375646" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" />
      <br>
      <small>
      <a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=127375646">Go Large!</a>
      </small>
      <br>
      </div>
      [/HTML]

      Change "here" to your postion... how far left in pixles and how far right, Note: u can also use percentage

      Comment

      Working...
      X