km_โรงเรียนบ้านหาดเสือเต้น

การตกแต่งบล็อค

ขั้นตอนการตกแต่งส่วนหัวของ Blog ทำตามขั้นตอนนี้นะคะ
1.  แต่งภาพส่วนหัวด้วย Photoshop หรือโปรแกรมอื่น ขนาด w=910 H =150

2.  เข้าระบบผู้สร้าง Blog  เลือกBlog ที่ต้องการตกแต่ง  เลือกเมนู Blog   ตกแต่งบล็อก 

3. Copy  source code ต่อไปนี้วางในช่องเนื้อหา

4.  เปลี่ยน ชื่อ File ตามชื่อภาพที่สร้างไว้ 

5. คลิกบันทึกเก็บ

*********

div#container {width: 810px;}

div#content2 {float: right; width: 710px;}

div#sidebar2 {float: left; width: 180px;}

body{ background: #ffff10;background-image:#FFFFFF;background-repeat: repeat;}

div#title {
 padding: 10px 4px 10px;
 font-size: 1.5em;
 color: #000000;
 background-image:url("http://gotoknow.org/file/parn618/lamp1.jpg");
 background-repeat:no-repeat;
 background-position:center center;
 height:110px;

}

div#sidebar2 {
 float: left;
 width: 180px;
 padding-right: 5px;
background: #BBD02E;
}

การตกตแงบล็อคของ ศน.ปานทอง