Group Blog
 
 
กรกฏาคม 2553
 
 123
45678910
11121314151617
18192021222324
25262728293031
 
14 กรกฏาคม 2553
 
All Blogs
 

รวมโค้ดแต่งบล๊อค


ตัวอักษร และสี
color = ใช้กำหนดสีของตัวอักษรสามารถใส่เป็นชื่อสีBlack,White,Red,Blue หรือจะใส่เป็นรหัสสีก็ได้

<*font color=red size=2>ข้อความ <*/font>

<*font color=#008C7C size=2>ข้อความ <*/font>

<*U> ข้อความ <*/U> ช่วยเน้นข้อความด้วยการขีดเส้นใต้

<*i> ข้อความ <*/i> ตัวเอียง

<*b> ข้อความ <*/b> ตัวหนา

<*u> ข้อความ <*/u> ขีดเส้นใต้

<*big> ข้อความ <*/big> ตัวใหญ่

<*small> ข้อความ <*/small> ตัวเล็ก

<*sup> ข้อความ <*/sup> ยกสูงกว่าบรรทัด

<*sub> ข้อความ <*/sub> ตัวต่ำกว่าบรรทัด

<*p align=left> ข้อความ <*/p> ข้อความชิดขอบซ้าย

<*p align=right> ข้อความ <*/p> ข้อความชิดขอบขวา

<*center> ข้อความ <*/center> กลางหน้า


(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา เนยสีฟ้า Bloggang



โค้ดวางภาพ
1. โค๊ดวางภาพ ตามขนาดจริง

<*img src="URL ของภาพ">



2. โค๊ดทำให้ภาพมีข้อความเมื่อนำเม้าส์ไปวาง

<*img src="URL ของภาพ"*alt="ใส่คำที่ต้องการให้ขึ้นเมื่อนำเม้าส์ไปวางบนภาพ">



3. โค๊ดกำหนดค่าความ กว้าง-สูง ของภาพ

<*img src="URL ของภาพ"*width="กำหนดความกว้าง"*height=" กำหนดความสูง">


หมายเหตุ : ก่อนจะนำภาพมาวางบนเน็ตต้องนำภาพไปอัพโหลดที่เว็บฝากภาพ จากนั้นก็ copy url ของภาพที่ฝากไว้มาใส่ในโค๊ด

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)


ขอบคุณแหล่งที่มา เนยสีฟ้า Bloggang



โค้ดบีจี
1. โค๊ด บีจีทำซ้ำ เลื่อนขึ้น-ลง ตาม scrollbar

<*style>Body{background-image:url('URL ของบีจี');background-repeat:repeat;background-position:;-<*/style>



2. โค๊ด บีจีอยู่กับที่ไม่เลื่อนตาม scrollbar

<*style>body{background-attachment: fixed;background-image:url(URLของบีจี);}<*/style>


หมายเหตุ : ถ้าให้พื้นหลังเหมือนกันทุกหน้าก็นำโค๊ดบีจีไปใส่ที่จัดการ Script area ถ้าจะเปลี่ยนบีจีทุกครั้งที่สร้างบล็อก ก็นำโค๊ดบีจีใส่ตอนเราสร้างบล็อกใหม่

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา เนยสีฟ้า Bloggang



โค้ดสร้าง Link
1.ทำลิงก์โดยตั้งชื่อ

<*a href =URL ของเว็บที่จะทำลิงก์*target=_blank>ใส่ชื่อที่ต้องการ<*/a>



2. โค๊ดทำลิงก์แบบใช้ภาพ
(โค๊ดนี้คลิกแล้วจะไปยังเว็บนั้นโดยปิดหน้าเว็บเดิม เมื่อจะกลับหน้าเดิมต้องคลิกย้อนกลับ)


<*a href="URL ของเว็บที่ทำลิงก์"><*img src="URL ของภาพที่จะแสดง"*border=0>



3.โค๊ดทำลิงก์แบบใช้ภาพ
(โค๊ดนี้คลิกแล้วจะไปยังเว็บนั้นโดยหน้าเว็บเดิมยังอยู่)


<*a href=URLของเว็บที่ทำลิงก์*target=_blank><*img src=URLของภาพที่จะแสดง*border=0<*/a>


หมายเหตุ : โค๊ดสำหรับทำลิงก์เมื่อต้องการลิงก์ไปยังเว็บหรือบล็อกที่เราจะอ้างอิง

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา เนยสีฟ้า Bloggang



โค๊ดเปลี่ยนสีอักษรทั้งหน้า และสีของลิงก์
1. โค๊ดเปลี่ยนสี font ทั้งหน้า (ชื่อบล็อก - หัวข้อบล็อก - Location - Group Blog -All Blogs)

<*style>body,ul,li,p{font:normal MS Sans Serif,Tahoma;font-size:10pt;color:ใส่รหัสสี;}<*/style>



2. โค๊ด เปลี่ยนสีลิงก์ (สีของข้อความที่เป็นลิงก์ทั้งหมดภายในบล็อก)

<*style>A:hover{color:รหัสสีที่ 1;text-decoration:none;position:relative;left:-1px;top:1;}A:link{color:รหัสสีที่ 2;text-decoration:none;}A:visited{color:รหัสสีที่ 3;text decoration:none;<*/style>


หมายเหตุ : โค๊ดที่ใส่ในจัดการ Script area จะแสดงผลเหมือนกันทุกหน้าโค๊ดที่ใส่ในการเขียน blog ใหม่ จะแสดงผลแค่บล็อกนั้น

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา เนยสีฟ้า Bloggang



โค๊ด ภาพเฮดบล็อก (ภาพที่แสดงด้านบนสุดของบล็อก)
ภาพที่ใช้อย่ากว้างเกินไปนะคะ เดี๋ยวจะทำให้บล็อกขยายออกด้านข้างมากไปค่ะ นำโค๊ดไปใส่ที่ ตั้งชื่อ Slogan นะคะ

<*center><*img border="0" src="ใส่ URL ของภาพที่จะใช้ค่ะ>"<*/center>


สำหรับเพื่อนใหม่ที่ไม่ทราบโค๊ดสำหรับแสดงภาพประกอบเนื้อหาบล็อก ในกรณีที่จะใช้ภาพที่แจกทางเน็ต ต้องการใช้ภาพใดก็คลิกขวาที่ภาพนั้น แล้วเลือก properties จะเห็น Address (URL) ของภาพนั้น ก๊อปปี้ URL ของภาพนั้นมา แล้วนำมาใส่ในโค๊ดดังนี้ค่ะ

<*img src="ใส่ URL ของภาพที่จะใช้">


ถ้าต้องการให้ภาพแสดงอยู่กลางบล็อกก็ใช้โค๊ดนี้ค่ะ

<*center><*img src="ใส่ URL ของภาพที่จะใช้"><*/center>


ถ้าจะนำภาพไปแปะคอมเม้นต์เพื่อนๆ ในบล็อกแก๊งค์ ก็ให้ลบเครื่องหมาย " ออก ทั้งหัวและท้ายค่ะ

<*center><*img src=ใส่ URL ของภาพที่จะใช้><*/center>

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา เนยสีฟ้า Bloggang



โค๊ดเว้นวรรค
โค๊ด เว้นวรรค คือ &*nbsp;

หมายเหตุ : ใช้เว้นวรรคได้ทั้งข้อความที่ต้องการเว้นวรรคและเว้นวรรคระหว่างภาพ กับข้อความที่ต้องการค่ะ

ขอบคุณแหล่งที่มา เนยสีฟ้า Bloggang



โค๊ดให้คลิกดูบีจีได้เลย และให้คลิกดูภาพขนาดจริง
1. โค๊ดสำหรับทำบีจีแจก(ทำให้ทดลองคลิกดูลายบีจีได้เลย)

<*a href=javascript:document.body.style.backgroundImage='url("URL ของบีจี")';document.close();><*IMG src="URL ของบีจี"width="ความกว้างที่จะแสดง"height="ความสูงที่จะแสดง"border="0"><*/a>



2. โค๊ดให้คลิกดูภาพขนาดจริง (เมื่อคลิกจะแยกไปแสดงอีกหน้าเว็บเพจ)

<*a href="URL ของภาพ"target=_blank><*img src=URL ของภาพ width='ความกว้างที่จะแสดง'height='ความสูงที่จะแสดง'border=0><*/a>


หมายเหตุ : โค๊ดทำบีจีให้ทดลองคลิกดูลายได้ในบล็อก..สำหรับนำบีจีมาแจกแต่ละโค๊ดต้องใส่ URLของภาพ ให้เหมือนกันทั้งสองตำแหน่ง


(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา เนยสีฟ้า Bloggang



โค้ด เปลี่ยน Icon แทนตัว B ของ Bloggang

<*link rel="shortcut icon" type="image/icon" href="ใส่ URL ของรูป ที่ต้องการเปลี่ยน ที่นี่ค่ะ">

URL ของรูป จะใช้ .ico หรือ .gif ก็ได้ค่ะ


(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา Paradijs Bloggang



ใส่รูปให้กล่อง comment
<*style type=text/css>textarea{width:450;height:240;background:url( URL ของภาพที่ต้องการใส่);color=blue; font-family : tahoma; font-size:20pt; <*/style>

ปรับขนาดของกล่อง comment ตามใจชอบ ที่ width และ height หรือให้เท่าขนาดของรูปที่จะนำมาใส่

คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก
คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang



ทำให้รูปเลื่อนได้
<*marquee><*img src=urlของรูปที่จะใส่> <*/marquee>

จะได้รูปออกมาตามตัวอย่าง





(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา isugar Bloggang



ใส่รูปอยู่ด้านขวาพร้อมข้อเขียนอยู่ด้านซ้ายมือของรูป
<*table border="0"><*tbody><*tr>
<*td valign="top"><*p>เขียนข้อความที่ต้องการ<*/p><*/td><*td valign="top"><*img src="..ใส่..//..ของรูป.."border="0"><*/td><*/tr><*/tbody><*/table>
จะได้รูปออกมาตามตัวอย่าง


เขียนข้อความที่ต้องการ



(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา isugar Bloggang



รูปอยู่บนด้านซ้ายพร้อมข้อเขียนอยู่ด้านขวามือของรูป
<*table border="0"><*tbody><*tr><*td valign="top"><*img src="urlของรูปที่จะใส่" border="0"/>
<*/td><*td valign="top"><*p>ข้อความที่ต้องการใส่<*/p><*/td><*/tr><*/tbody><*/table>

จะได้รูปออกมาตามตัวอย่าง


ข้อความที่ต้องการใส่




(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา isugar Bloggang



ใส่กรอบให้รูป
<*table border="3" cellspacing="1" style="border: 3px solid ใส่โค้ดสี"><*tbody><*tr><*td><*img src="..ใส่..//..ของรูป.."border="0" /><*/td><*/tr><*/tbody><*/table>

จะได้รูปออกมาตามตัวอย่าง

1. solid


2. dotted


3. dotted


4. dotted


5. dotted


6. dotted

7. dotted



8. dotted


(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา isugar Bloggang






วิธีใส่รูปให้เรียงกันลงไปในหน้าเดียวกัน
ให้ copy คำสั่งใส่รูป ไปเรียงๆกันไว้ใน notepad แล้วจัดระยะห่างให้พอดีตามต้องการ จึงค่อยเอา url ของรูปมา paste ลงตรงสีน้ำเงิน จะใส่กี่รูปก็ได้ไม่จำกัด (ถ้าลิ้งค์มา)

การใส่เข้าหน้าบล็อกโดยตรงทีละรูปจะช้า ควรจะเป็นรูปที่เราไปแปะไว้ที่อื่น เช่นที่ pantip หรือเว็บที่เราเป็นสมาชิกอยู่ จะเขียนคำบรรยายไว้ใต้รูปด้วยก็ได้

เมื่อทำเสร็จหมดเรียบร้อย copy ทั้งหมด ไปใส่ในช่องรายละเอียดตอนสร้างบล็อก


<*center><*img src=URL ของภาพที่ต้องการใส่><*/center>


<*center><*img src=URL ของภาพที่ต้องการใส่><*/center>


<*center><*img src=URL ของภาพที่ต้องการใส่><*/center>


ตัวอย่าง





(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang



ใส่รูปโดยใช้ filter
<*center><*img src=URL ของภาพที่ต้องการใส่ width="400" height="550" style="filter :
Alpha(opacity=100, finishopacity=0, style=1..(2)..(3))"><*/center>




เลือกใช้ 3 style ต่างกันคือ 1, 2 และ 3

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang



การใส่ background
1.ใส่ bg แบบ tile

<*style>body{background-image:url(XXX);}<*/style>


2.ใส่ bg แบบ fixed ไม่ให้ bg เลื่อนลงตาม scroll bar

<*style>body{background-attachment: fixed;background-image:url(XXX);}<*/style>


3.ใส่ bg เป็นรูปภาพเดียวทั้งหน้า

<*style>Body{background-image:url(http:XXX);background-position: center (bottom left..etc..);background-repeat: no-repeat;background-attachment: fixed;background-color:
color code
;}<*/style>


4.ใส่ bg โดยใช้สี

<*style>body{background:color code}><*/style>


5. ใส่ bg โดยไล่เฉดสี (gradient)

<*body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='color code 1', startColorstr='color code 2', gradienttype=0);"*>

gradienttype 0 ไล่สีตามแนวนอน
gradienttype 1 ไล่สีตามแนวตั้ง


คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก
คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล้อก จะแสดงเฉพาะที่บล็อกนั้น

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang



เปลี่ยนสี font

ปกติการเปลี่ยนสีของ font จะใช้คำสั่ง

<*font color=color code>ข้อความ<*/font>


แต่ถ้าต้องการเปลี่ยนสีของ font ทั้งหน้า ต้องใช้คำสั่งข้างล่างนี้

<*style>body, ul, li, p{font: normal MS Sans Serif,Tahoma;font-size:10pt;color:color code;}<*/style>

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang



เปลี่ยนสี font ของ link
บางครั้ง background ที่เราชอบ เราเลือกสีของ font ได้ตามใจชอบ แต่บางรูป สีของ background
จะกลืนกับสีของ link ที่ทาง bloggang กำหนดมาให้ จึงควรจะเปลี่ยนสีให้มองเห็นได้ชัด คำสั่งนี้จะมี 3 จังหวะ
ไปลองเลือกเอานะคะ ว่าต้องการสีอะไรในจังหวะไหน

<*style>A:hover{color:สีที่ 1;text-decoration: none;position: relative;left: -1px; top: 1;}
A:link{color:สีที่ 2;text-decoration:none;}A:visited{color:สีที่ 3;text-decoration:none;<*/style>
คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก
คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang



เปลี่ยนตัวอักษรให้เล็กลงทั้งหน้าเว็บ

เปลี่ยนตัวอักษรให้เล็กลงทั้งหน้าเว็บ

<*style>p b font {font:bold 15px Verdana,Tahoma;}<*/style>

คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก
คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น

ขอบคุณแหล่งที่มา auntymod Bloggang



ลบกรอบและสีขอบของบล็อก
<*style>table {background-color: transparent;border-style: none;border-spacing: none;}TD {border: none;border-color: none;background: none;}<*/style>

คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก
คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น

ขอบคุณแหล่งที่มา auntymod Bloggang



สร้าง link

สร้างชื่อของ link

<*a href =url ของเว็บที่ต้องการ link target=_blank>ชื่อที่ต้องการใส่ตรงนี้<*/a>

เช่น

<*a href =//www.bloggang.com/viewdiary.php?id=auntymod&group=2&month=04-2005&date=15&blog=8 target=_blank>Guestbook<*/a>
จะออกมาแบบนี้

Guestbook

สร้างรูปให้ link โดยใส่คำสั่งสั่งรูปต่อท้ายเข้าไป ในตัวอย่าง เอา url ของบล็อกที่เป็น guestbook
ใส่คู่กับรูป guestbook ที่เราต้องการ
<*a href =http ของเว็บที่ต้องการ target=_blank><*img src=url ของรูปที่ใส่เป็น link border=0<*/a>

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang



เปลี่ยนรูป cursor
หา save รูป cursor ที่ต้องการมาใส่ในบล็อกของเรา (หรือจะเอารูป cursor ไป upload ที่เว็บอื่น)
แล้วเอา URL มาใส่ของรูปมาใส่ในคำสั่งข้างล่าง

<*body style="cursor:url(ใส่ URL ของรูป)"*>
คำสั่งที่ใส่ใน body


(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang



แต่งกรอบ comment และให้นับข้อความ
เปลี่ยนสีกรอบกล่อง comment พร้อมตกแต่งเขียนข้อความที่กรอบเล็ก(คุณกึ่งยิง)

<*script>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 = '<*fieldset style="border: สีของกรอบใหญ่ solid 1px; padding:4"> <*legend align=center(left)(right)style="border: สีของกรอบเล็กsolid 1px; padding:2; background: none">คห.ที่' + i + ' <*/font><*/legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}<*/script>
copy code ไปใส่ไว้ที่ช่อง script


(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang





เปลี่ยนรูป Bullet
Bullet คือรูปจุดกลมๆที่แสดงอยู่หน้า Group Blog

<*style>ul{list-style: ;list-style-image: url(http:ของ รูป bullet);}<*/style>

คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก
คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang



เปลี่ยนสี scroll bar
ให้เปลี่ยนสีเองตามใจชอบที่ชื่อ โค้ดสี (ตัวอักษรสีน้ำเงิน)

<*style type="text/css">body {scrollbar-arrow-color: #000000;scrollbar-highlight-color:#000000; scrollbar-base-color:#C4A2A2;scrollbar-dark-shadow-color: #000000;scrollbar-track-color:#C4A2A2;}<*/style>

คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก
คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang



ใส่ Search Google
<*!-- Search Google -->
<*center>
<*FORM method=GET action="//www.google.com/search"TARGET=_blank>
<*input type=hidden name=ie value=tis-620>
<*input type=hidden name=oe value=tis-620>
<*A HREF="//www.google.co.th/">
<*IMG SRC="//www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle">
<*INPUT TYPE=text name=q size=25 maxlength=255 value="">
<*INPUT type=submit name=btnG VALUE="Google Search"><*/FORM><*/center>

copy code ไปใส่ที่ช่องแนะนำตัว ใน profile หรือ slogan

ขอบคุณแหล่งที่มา auntymod Bloggang



ลูกเล่นเมื่อเปลี่ยน webpage
<*="Page-Enter" content="RevealTrans (Duration=3, Transition=23)"><*="Page-Exit" content="RevealTrans (Duration=2, Transition=23)">

ขอบคุณแหล่งที่มา auntymod Bloggang



Fieldset Box

fieldset box คือกรอบที่เห็นใส่ code อยู่นี้ สามารถเปลี่ยนค่าได้ตามใจชอบที่ข้อความสีแดง

มีหลายแบบ เรียงลำดับตามความง่าย

1. <*fieldset>ใส่รายละเอียดที่นี่<*/fieldset>


2. <*fieldset><*legend>Title<*/legend>ใส่รายละเอียดที่นี่<*/fieldset>

3. <*fieldset style="border:1px solid #FF0000; padding:10;"><*legend align="left"><*font color="#FF0000">Title<*/font><*/legend><*font color="#FF0000"><*p align="center (left, right)">ใส่รายละเอียดที่นี่<*/p><*/font><*/fieldset>

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang



ใส่รูปท้าย bullet ที่หน้าชื่อ group blog
ความจริงรูปพวกนั้นไม่ใช่ bullet สังเกตดูจะเห็น bullet เดิมยังมีอยู่วิธีทำคือ เข้าไปจัดการที่ group blog แล้วกดเปลี่ยนชื่อของ group blog นั้น พอจะใส่ชื่อใหม่ก็ให้ใส่รูปเข้าไปข้างหน้า ใช้คำสั่งนี้ได้เลย

<*img src=ulr ของรูปที่จะใส่ border=0>


และถ้าต้องการให้ข้อความเป็นสีอะไร ก็ใส่คำสั่งสีเข้าไปข้างหน้าข้อความ


<*font color=color code> ข้อความ <*/font>

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang



โค้ดวิทยุออนไลน์
นำโค้ดนี้ไปใส่ในช่อง Script area

<*embed AllowAccess="never" AllowAccess="never" type="application/x-mplayer2" pluginspage="//www.microsoft.com/windows/windowsmedia/download/AllDownloads.aspx/" filename="URL สถานีวิทยุ"name=MediaPlayer showc showstatusbar="1" width="280"height="69" autostart="true" showtracker="1" showaudiocshowpositi autostart="true"playCount="10"><*/embed>

ขอบคุณแหล่งที่มา popiazaza Bloggang



โค้ดใส่รูปหัวบล๊อก
ก็อปปี้โค้ดไปวางที่ตั้งชื่อ Slogan ของ Blog (โค้ดอันนี้จะไม่เกี่ยวกับพื้นหลังที่สคริปเอเรียคะ)

<*table border="0" cellspacing="3" cellpadding="3" width="80%" align="center" style="background-image: url('//..ที่ใช้เป็นขอบกรอบ')"><*tbody><*tr><*td align="center" valign="middle">
<*table border="0" width="100%" align="center" style="background-image: url('//..ของแบล็คกราว์ดของกรอบ')"><*tbody><*tr><*td align="center" valign="middle">
<*img src="//..ของรูปหัวบล็อก***อันนี้เอง...มีมาแจกคะ" border="0" width="100%" height="300" />
<*table border="0" width="100%" align="center"><*tbody><*tr><*td align="center" valign="middle">
<*table border="0" width="100%" align="center"><*tbody><*tr><*td align="center" valign="middle">
<*/td><*/tr><*/tbody><*/td><*/tr><*/tbody><*/td><*/tr><*/tbody><*/td><*/tr><*/tbody>>

(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา chlorella Bloggang



ใส่กรอบ (Table) หลายๆแบบให้ข้อความ
ต้องการกรอบแบบไหนก็เปลี่ยนรายละเอียดได้ 3 ตำแหน่ง คือ
ความหน้าของกรอบ 2px
ชนิดของกรอบ dotted, dashed,solid, groove, ridge, inset, outset, double
สีของกรอบ red

<*center><*table style="border: 1px solid color code;"cellpadding="5"cellspacing="10"<*tr><*td>
<*center>ใส่รายละเอียดที่นี่<*/center><*/td><*/tr><*/table><*/center>





dotted 2px




dashed 2px




solid 2px




groove 5px




ridge 5px




inset 5px




outset 2px




double 5px



ดูรูป เปรียบเทียบค่าของ cellpadding


cellpadding="5"


cellpadding="10"


cellpadding="20"



(ตัวหนังสือสีน้ำเงินเปลี่ยนค่าได้หมดค่ะ)

ขอบคุณแหล่งที่มา auntymod Bloggang




หมายเหตุ...อย่าลืมเอาเครื่องหมาย*ออกด้วยทุกครั้ง




 

Create Date : 14 กรกฎาคม 2553
34 comments
Last Update : 19 พฤศจิกายน 2553 14:58:53 น.
Counter : 8752 Pageviews.

 

สวัสดียามเย็นทานข้าวให้อร่อยนะคะ ^^

 

โดย: หาแฟนตัวเป็นเกลียว 14 กรกฎาคม 2553 16:52:15 น.  

 

 

โดย: แวะมาทักทายคะ (ฮอมปอย ) 14 กรกฎาคม 2553 18:47:09 น.  

 

<*b>ใจดีจัง..ขอบคุณค่า<*/b> ตัวหนา

 

โดย: ขึ้น15ค่ำ 14 กรกฎาคม 2553 21:56:48 น.  

 

ใจดีจัง..ขอบคุณค่า ตัวหนา

 

โดย: ขึ้น15ค่ำ 14 กรกฎาคม 2553 21:58:24 น.  

 

ขอบคุณค่า..คุณครู
เย้..ทำเป็นแล้ว..ดีใจจัง
แต่ต้องขอโทษด้วยที่ลองหลายครั้ง

 

โดย: ขึ้น15ค่ำ 14 กรกฎาคม 2553 22:03:18 น.  

 

สวัสดีค่ะ หลับฝันดีนะคะ

 

โดย: ณรินทร์รัตน์ชนา 14 กรกฎาคม 2553 22:53:32 น.  

 

ขอบคุณมากจ้า..

 

โดย: ก้นกะลา 15 กรกฎาคม 2553 1:40:03 น.  

 

test

 

โดย: น้องแอ๊ะ 17 กรกฎาคม 2553 17:12:48 น.  

 

test

 

โดย: น้องแอ๊ะ 17 กรกฎาคม 2553 17:23:07 น.  

 

ขอหยิบไปใช้หน่อยนะคร้า ขอบคุณมากค่ะ เรามือใหม่อ่ะ เหอๆ

 

โดย: สาวน้อยเหล็กดัดฟัน 17 กรกฎาคม 2553 19:05:34 น.  

 

แวะมาทักทายจ้า

น้องแอ๊ะ

 

โดย: sodaaning 18 กรกฎาคม 2553 17:15:38 น.  

 

กรอบเม้นท์น่ารักจังเลยอ่ะ ทำยังไงอ่ะ?

 

โดย: thepompooy 21 กรกฎาคม 2553 11:03:32 น.  

 

ขอบคุณค่าาา

 

โดย: chocho-khimi 22 กรกฎาคม 2553 9:03:23 น.  

 

ขอบคุณสำหรับคำแนะนำดีๆมากมายก่ายกองนะคะ ขอบคุณค่ะ

 

โดย: yingjj88 26 กรกฎาคม 2553 3:19:48 น.  

 

กำลังหัดทำบล็อคพอดีเลยค่ะ ขอบคุณมากๆๆๆเลยนะคะ

 

โดย: pim_pearl 27 กรกฎาคม 2553 7:43:22 น.  

 

ขอบคุณมากเลยนะค่ะ ได้ความรู้เพิ่มขึ้นอีกค่ะ

 

โดย: ดาวริมทะเล 29 กรกฎาคม 2553 19:46:29 น.  

 

ขอหยิบยืมไปใช้หน่อยนะจ้ะ
ขอบคุณมากค่ะ

 

โดย: poo_oor 5 สิงหาคม 2553 13:33:32 น.  

 

มือใหม่หัดทำ ขอบ้างน้า

 

โดย: กิ๊ก IP: 202.28.249.180 8 สิงหาคม 2553 16:24:03 น.  

 




สวัสดีจ้า แวะมาทักทายในวันทำงาน มีความสุขมากๆ นะจ๊ะ

 

โดย: หน่อยอิง 24 สิงหาคม 2553 10:07:47 น.  

 

อยากได้ baby checklist อ่ะค่ะ รบกวนส่งมาที่ hik_dara@hotmail.com ขอบคุรล่วงนะคะ

 

โดย: hik IP: 192.168.1.150, 202.143.182.130 6 กันยายน 2553 14:08:37 น.  

 

ขอบคุณค่ะ

 

โดย: kwansara (kwansara ) 8 กันยายน 2553 21:07:50 น.  

 

แวะมาทักทายคะ

 

โดย: ใต้ร่มเงารัก 22 พฤศจิกายน 2553 17:01:15 น.  

 

ขอบคุณค่ะ

 

โดย: เชิญจุติ 7 มกราคม 2554 14:03:17 น.  

 

ขอบคุณมากๆเลยจ้า ใจดีจัง

 

โดย: myloveza 1 กุมภาพันธ์ 2554 17:09:35 น.  

 

ขอบคุณสำหรับความรู้ดีๆค่ะ

 

โดย: หนูดี IP: 125.24.46.110 9 กุมภาพันธ์ 2554 22:43:15 น.  

 

อยากได้ template ปฏิทิน ที่เคยโพสไว้ใน pantip หนะค่ะ

//www.pantip.com/cafe/family/topic/N10054312/N10054312.html

wanphenkham@hotmail.com

รบกวนด้วยนะค่ะ (หาเจ้าของจนเจอ)

 

โดย: ก้อย IP: 115.31.165.197 11 มีนาคม 2554 13:33:46 น.  

 

ขอบคุณค่ะ

เอาไปใช้ไมอ่ะ เพราะใช้ธีมสำเร็จ

อยากสร้างใหม่แต่ขี้เกียจ
เอาธรรมดาสบายๆดีกว่า อิอิ

 

โดย: Sweet-Por 11 เมษายน 2554 16:17:01 น.  

 

ขอบคุณ คุณแอ๊ะ มากๆเลยค่ะ ช่วยได้มากค่ะ เพิ่งหัดทำ blog เปงครั้งแรก ได้คุณแอ๊ะ มาช่วยชีวิตจริงๆค่ะ ^^

 

โดย: GoDZillA (LorLLy ) 18 มิถุนายน 2554 14:23:25 น.  

 



" สวัสดีวันแม่คะ ฝากพวงมาลัยนี้กราบและขอพรคุณแม่ด้วยคนนะคะเพราะหน่อยอิงไม่มีแม่ให้กราบและขอพรมา 7 ปีแล้วคะ แต่ท่านก็ยังอยู่ในใจของลูกๆ ทุกคนอยู่ทุกวันนี้คะ "

 

โดย: หน่อยอิง 12 สิงหาคม 2554 15:01:57 น.  

 

ขอบคุณนะคะ

 

โดย: แม่น้องเบียร์ (pimjai&good ) 14 สิงหาคม 2554 9:39:06 น.  

 

"สวัสดียามเย็นย่ำค่ำครับ แวะมาทักทายครับ"

 

โดย: krittut_48 4 กันยายน 2554 19:11:57 น.  

 

ขอบคุณนะจ๊ะ แต่บีจีปวดตามากเลยอ่าาาา >__<

 

โดย: lizFah 20 ธันวาคม 2554 16:37:01 น.  

 

//www.google.co.th/webhp?sourceid=navclient&hl=th&ie=UTF-8#q=site:bloggang.com+%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B8%9A%E0%B8%A5%E0%B9%87%E0%B8%AD%E0%B8%81&hl=th&newwindow=1&rlz=1R2ADFA_enTH431&prmd=imvnsl&ei=3dGxT-PqOOeaiAfgmMXaCA&start=10&sa=N&bav=on.2,or.r_gc.r_pw.r_qf.,cf.osb&fp=23315e941c9f0de5&biw=1440&bih=773

 

โดย: amulet108 15 พฤษภาคม 2555 10:56:00 น.  

 

 

โดย: amulet108 15 พฤษภาคม 2555 10:59:01 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 


น้องแอ๊ะ
Location :
ชลบุรี Thailand

[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 1 คน [?]




Google
โค้ดสีที่ใช้บ่อย
#FFCCFF #CCFFFF #CCFFCC #CCCCFF #FFCC66
#FF99FF #99FFFF #CCFF99 #CC99FF #FFCC33
#FF66FF #33FFFF #CCFF66 #CC66FF #CC9900
#FF33FF #00CCFF #CCFF33 #CC33FF #CC6600
#FF00FF #33CCFF #CCFF00 #CC00FF #993333
#FF33CC #0099FF #99FF33 #9933FF #993300
#FF00CC #0066FF #99FF00 #9900FF #990033
#FF0099 #0033FF #66FF00 #9900CC #990000
Friends' blogs
[Add น้องแอ๊ะ's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.