<p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"> </p> แต่งบล็อกสวยแนวๆ รักธรรมชาติ ต้นไม้ใบหญ้า สายฝน มีบล็อกสำเร็จรูปสวยๆมาเพิ่มอีกหลายแบบ ชอบแบบไหนเลือกไปใช้แต่งบล็อกได้เลยค่ะ <p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p> <p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"> </p> <p style="margin: 0cm 0cm 0pt" class="MsoNormal"> สำหรับผู้ที่เพิ่งเริ่มแต่งบล็อก ดูขั้นตอนได้ที่ แต่งบล็อกสำเร็จรูป </p> <p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p> <p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p> <p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p> <p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p>
ให้ copy code ของ css ตามข้างล่าง นำไปวางในกรอบสี่เหลี่ยมของ CSS จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้
<p></p>
</span><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p> แบบที่ 85 </p><p style="margin: 0cm 0cm 0pt; tab-stops: 271.5pt" class="MsoNormal"></p><p>div#subtitle { font-size: big; color:#FFFF99;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff;border: 0px solid #ffffff;} body{ background:#CCFFCC; background-image:url(http://gotoknow.org/file/siriporn5633/47_35721_da69ee1d74bfbe8.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#FF4500; background:#F8F8FF; background-image:url(http://gotoknow.org/file/siriporn5633/1183269682.gif);background-repeat:no-repeat;background-position:center; height:150px;}</p><p></p><p align="right"> จะได้บล็อกสายฝนโปรยที่พื้นหลัง ตามรูป sample blog 85 </p><p align="center">รูป sample blog 85 </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p> แบบที่ 86 </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p>div#subtitle { font-size: medium; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff; background-image:url(http://gotoknow.org/file/siriporn5633/fl421.jpg); border: 0px solid #ffffff;} body{ background:#CCFF99;background-image:url(http://gotoknow.org/file/siriporn5633/th13nat17.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#008B00;background:#F5F9FD; background-image:url(http://gotoknow.org/file/siriporn5633/bookt1-1.jpg); background-repeat:no-repeat;background-position:center; height:140px;}</p><p align="right">จะได้บล็อกแบบคลาสสิค ตามรูป sample blog 86 </p><p align="center">รูป sample blog 86</p><p align="center"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p> แบบที่ 87 </p><p>div#title{padding: 18px 4px 35px; font-size: big; color:#009900; background:#EEF2F7; background-image:url(http://gotoknow.org/file/siriporn5633/pen0.jpg); background-repeat:no-repeat;background-position:center; height:150px;} div#subtitle { font-size: medium; color:#CCFFFF;} div#container {width: 840px; background:#fffff;} div#content2 {background:#ffffff; background-image:url(http://gotoknow.org/file/siriporn5633/dookdik_25819_72803.gif); border: 0px solid #ffffff;} body{ background:#CCFF99; background-image:url(http://gotoknow.org/file/siriporn5633/47_35721_502ab98fe6046bf.gif);background-repeat: repeat;}</p><p align="right">จะได้บล็อกสายฝนโปรยที่พื้นหลัง ตามรูป sample blog 87 </p><p align="center">รูป sample blog 87 </p><p align="center"> </p><p align="center"> </p><p>แบบที่ 88 </p><p align="left">div#subtitle { font-size: medium; color:#CCFFFF;}div#container {width: 840px; background:#fffff;} div#content2 {background:#ffffff; background-image:url(http://gotoknow.org/file/siriporn5633/fl421.jpg); border: 0px solid #ffffff;} body{ background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/NB31.jpg); background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#009900;background:#F0F8FF; background-image:url(http://gotoknow.org/file/siriporn5633/10g.jpg); background-repeat:no-repeat;background-position:center; height:150px;}</p><p align="right">จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 88 </p><p align="center">รูป sample blog 88 </p><p align="center"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> แบบที่ 89 </p><p></p><p> div#subtitle { font-size: medium; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff;background-image:url(); border: 0px solid #ffffff;} body{ background:#CCFF99;background-image:url(http://gotoknow.org/file/siriporn5633/rosebg_87f.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#339900;background:#FFFFFF; background-image:url(http://gotoknow.org/file/siriporn5633/pen0.jpg); background-repeat:no-repeat;background-position:center; height:170px;}</p><p align="right">จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 89 </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center">รูป sample blog 89</p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p>
ขอบคุณมากนะค่ะสำหรับบล็อกต่างๆ สวยมากเลยค่ะ อยากจะเก่งอย่างนี้บ้างจังเลย ถ้ามีอะไรใหม่ๆก็อย่าลืมกันนะค่ะ
สวัสดีค่ะ อ.ศิริพร
แวะเข้ามาชม
สวยมากเลยค่ะ
เลยขอลองเอาไปแต่ง blog หน่อยนะคะ
ขอบคุณค่ะ
อาจารย์ค่ะสวยมากๆๆ เลยค่ะ
ถูกใจมาก ๆ ค่ะ อาจารย์ติดตามอาจารย์ตลอด เลยนะค่ะ
สวยมากเลยครับอาจารย์ขออนุญาตนำไปใช้นะครับ
สวยมากค่ะ สบายตา นำไปใช้แล้วค่ะ
สวยมากค่ะอาจารย์ ขอไปใช้บ้างนะคะ ขอบคุณค่ะ
ขอบคุณจริง ๆ ครับ ช๊อบ ชอบ
ชอบขังค่ะอาจารย์ และขออนุญาตินำไปเผยแพร่ให้เพื่อนๆ ได้เอาไปใช้ด้วยน่ะค่ะ
ขอบคุณอาจารย์มากค่ะ ได้บล็อกที่สวยขึ้น ชอบมากๆๆ
ผมชอบแบบที่ 87 สวยงาม ถูกใจครับ ขออนุญาตนำไปใช้นะครับ
สวยมากยอดเยี่ยมจริง ๆ ขออนุญาตนำไปใช้คะ
ขออนุญาตนำไปใช้ค่ะ ขอบคุณค่ะ
ขออนุญาตนำไปใช้นะคะอาจารย์
ขอบคุณค่ะ
สุขสันต์วันปีใหม่นะคะ
ขออนุญาตนำไปใช้นะคะอาจารย์
ขอบคุณค่ะ
สุขสันต์วันปีใหม่นะคะ
ขอบคุณมากที่สุดเลยค่ะอาจารย์ บล็อกของครูใจดีจะได้มีสีสันกะเขามั่ง