diff --git a/layouts/xe_official/conf/info.xml b/layouts/xe_official/conf/info.xml
index 730595ab6..02ef2fd82 100644
--- a/layouts/xe_official/conf/info.xml
+++ b/layouts/xe_official/conf/info.xml
@@ -81,6 +81,16 @@
             <description xml:lang="jp">ロゴをクリックした時に移動するホームページのURLを入力してください。</description>
             <description xml:lang="ko">Escribe URL para mover cuando los usuarios haga clic en logotipo.</description>
         </var>
+        <var name="background_image" type="image">
+            <title xml:lang="ko">배경 이미지</title>
+            <title xml:lang="jp">背景イメージ</title>
+            <title xml:lang="zh-CN">背景图片</title>
+            <title xml:lang="en">Background Image</title>
+            <description xml:lang="ko">배경 이미지를 사용하시려면 등록해주세요.</description>
+            <description xml:lang="jp">背景イメージを使う場合は、登録してください。</description>
+            <description xml:lang="zh-CN">要想使用背景图片请在这里上传。</description>
+            <description xml:lang="en">Please input if you want to use background image.</description>
+        </var>
     </extra_vars>
     <menus>
         <menu name="main_menu" default="true">
diff --git a/layouts/xe_official/layout.html b/layouts/xe_official/layout.html
index 4fe3cf6f2..d43a4f920 100644
--- a/layouts/xe_official/layout.html
+++ b/layouts/xe_official/layout.html
@@ -10,6 +10,12 @@
     <!--%import("css/default.css")-->
 <!--@end-->
 
+<!--@if($layout_info->background_image)-->
+<style type="text/css">
+    body {  background-repeat:repeat-x; background-image:url({getUrl()}{$layout_info->background_image}); }       
+</style>
+<!--@end-->
+
 <div id="bodyWrap">
 	<div id="header">
 		<h1><a href="{$layout_info->index_url}"><!--@if(!$layout_info->logo_image)--><img src="./images/{$layout_info->colorset}/zeroBoardXE.png" alt="ZeroBoard™  XE" width="152" height="23" class="iePngFix" /><!--@else--><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /><!--@end--></a></h1>