Bloggang.com : : dokapon

***

ข้อแนะนำสำหรับการตกแต่ง blog

1. การใช้ code ต่างๆที่เกี่ยวข้องกับรูปภาพเช่นเปลี่ยนโลโก้ เปลี่ยน background จะต้องใช้ url ของรูปภาพนั้นๆ หากท่านต้องการใส่รูปจากเครื่องของท่านเอง จะต้อง upload รูปของท่านไว้ที่เว็บที่ให้บริการรับฝากรูปก่อน ตัวอย่างเช่นเว็บ //photobucket.com/ และ //www.freeimagehosting.net/upload.ph

2. code ต่างๆที่เป็น java script จะต้องใส่ไว้ที่ส่วน script area เท่านั้น สำหรับ stylesheet สามารถใส่ได้ที่ script area และช่องเขียนบล็อก

3. หากเกิดปัญหาจากการใส่ code ต่างๆเช่น ใส่แล้วทำให้การแสดงผลของบล๊อกผิดเพี้ยนไป ในขั้นแรกขอให้ลบ code นั้นออก และตรวจสอบว่า code นั้นถูกต้องหรือไม่ หากแน่ใจว่า code ของท่านถูกต้องแล้ว ขอให้แจ้งปัญหาของท่านอย่างละเอียด พร้อมแนบ code ของท่านมาที่อีเมล bloggang@pantip.com

Code Hot Hit !

1.เปลี่ยน background (จะต้องเลือก theme เป็น Theme อิสระ)

body{background-image:url("//...........url ของรูปที่คุณต้องการเอามาใช้....");}

2. code ที่ทำให้ background ติดอยู่กับที่ไม่เคลื่อนไปไหน

body{background-attachment: fixed;}

3. เปลี่ยนโลโก้ bloggang (จะต้องเลือก theme เป็น Theme อิสระ)

document.images[0].src = " //...........url ของโลโก้ bloggang ที่ต้องการจะ ใส่ ... "

4. ใส่เพลงในบล็อก
4.1 แบบที่แสดง control และต้องกด play เพื่อฟังเพลง

4.2 แบบที่ซ่อน control โดยเมื่อเปิดหน้าเว็บจะได้ยินเสียงเพลงเลย

ทั้งนี้วิธีการใส่เพลงเพิ่มเติม สามารถดูได้ที่บล็อกของ คุณรำเพย ค่ะ

5. แก้ bullet หน้าหัวข้อให้เป็นรูปอื่น

ul{list-style: ;list-style-image: url('//...........url ของรูปที่คุณต้องการเอามาใช้....');}

6. ทำให้มีกรอบและตัวเลขตรงส่วน comment

HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '

คห.ที่ ' + i + ' ที่แวะมาตอบ blog'; document.getElementById( i ).innerHTML = beforeHtml + originalHtml; }

* ส่วนสีแดงคือส่วนที่สามารถเปลี่ยนแปลงได้
* code จาก คุณกึ่งยิงกึ่งผ่าน และ คุณรำเพย

7. ใส่รูปให้กล่อง comment

textarea{width:450;height:240;background:url("http:ของรูป");color="blue"; font-family : tahoma; font-size:20pt;

8. ตกแต่งตัวหนังสือและเปลี่ยนสี font

body, ul, li, p{font: normal "MS Sans Serif",Tahoma;font-size:10pt;color:"black";}

* ส่วนสีแดงคือส่วนที่สามารถเปลี่ยนแปลงได้
* สำหรับตารางสีดูได้ที่บล๊อกของคุณ ป้ามด ค่ะ

--------------------------------------------------------------------------------

Create Date : 28 กุมภาพันธ์ 2549

Last Update : 28 กุมภาพันธ์ 2549 15:45:55 น.

0 comments

Counter : 758 Pageviews.