<div style="text-align: center">
</div><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">มีบล็อกสำเร็จรูปแต่งด้วยดอกกุหลาบหลายแบบ ชอบแบบไหนเลือกไปใช้แต่งบล็อกได้เลยค่ะ</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center"></p><p>
สำหรับผู้ที่เพิ่งเริ่มแต่งบล็อก ดูขั้นตอนได้ที่ แต่งบล็อกสำเร็จรูป
</p><p> </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">
ให้ copy code ของ css ตามข้างล่าง นำไปวางในกรอบสี่เหลี่ยมของ CSS จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้
</p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal" align="center"></p><p style="text-align: center"> </p>
<p style="text-align: center">
</p>
<p style="text-align: center"> </p>
<p style="text-align: center"> </p>
<p style="text-align: center" align="left"> </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p></p>
แบบที่ 90 ![]()
div#title{padding: 18px 4px 35px; font-size: big; color:#FF0099; background:#EEF2F7; background-image:url(http://gotoknow.org/file/siriporn5633/top2.gif ); 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/ff05-1.jpg); border: 0px solid #ffffff;} body{ background:#FFFAFA; background-image:url(http://gotoknow.org/file/siriporn5633/ff09-11.jpg );background-repeat: repeat;}
จะได้บล็อก ตามรูป sample blog 90
รูป sample blog 90
</span></span><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"><div style="text-align: center">
</div></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">
แบบที่ 91
</p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt; text-align: justify" 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/rose25_h2wg.gif); border: 0px solid#ffffff;}body{background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/bara01_h4g.gif); background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#BA55D3;background:#F0F8FF; background-image:url(http://gotoknow.org/file/siriporn5633/topblogb5+%28Custom%29.jpg); background-repeat:no-repeat;background-position:right;height:190px;} </p><p align="center">
จะได้บล็อกตามรูป sample blog 91 </p><p align="center">รูป sample blog 91 </p><div style="text-align: center">
</div><p> </p><p> </p><p> </p><p> </p><p> </p><p>
แบบที่ 92
</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/rose13.jpg); border: 0px solid#ffffff;} body{background:#D8BFD8;background-image:url(http://gotoknow.org/file/siriporn5633/rosebg_43e.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#CC0099;background:#FFFAFA; background-image:url(http://gotoknow.org/file/siriporn5633/tobblogb21+%28Custom%29.jpg); background-repeat:no-repeat;background-position:center;height:200px;} <p> </p><p style="margin: 0cm 0cm 0pt; text-align: right" class="MsoNormal" align="right"></p>
จะได้บล็อกตามรูป sample blog 92 <p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center"></p><p align="center">รูป sample blog 92 </p><div style="text-align: center">
</div> <p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p>
แบบที่ 93
</p><p>div#title{padding: 18px 4px 35px; font-size: big; color:#009900; background:#EEF2F7; background-image:url(http://gotoknow.org/file/siriporn5633/topblogb63.jpg); background-repeat:no-repeat;background-position:top; height:200px;} 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/rose01.jpg ); border: 0px solid #ffffff;} body{background:#E0FFFF;background-image:url(http://gotoknow.org/file/siriporn5633/rose09_h4wb.gif);background-repeat: repeat;}</p><p></p><p align="center">
จะได้บล็อก ตามรูป sample blog 93 </p><p align="center">รูป sample blog 93 </p><div style="text-align: center">
</div><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p>
แบบที่ 94
</p><p>div#title{padding: 18px 4px 35px; font-size: big; color:#FF00CC; background:#EEF2F7; background-image:url(http://gotoknow.org/file/siriporn5633/top3111.gif);background-repeat:no-repeat;background-position:left; height:170px;} 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/rose08.jpg);border:0px solid #ffffff;} body{background:#FDF5E6;background-image:url(http://gotoknow.org/file/siriporn5633/natfl337sv1.jpg);background-repeat: repeat;} </p><p> </p><p>
จะได้บล็อก ตามรูป sample blog 94 </p><p align="center">รูป sample blog 94 </p><div style="text-align: center">
</div><p> </p><p> </p><p align="center"> </p><p align="center">
</p><p> </p><p> </p><p> </p>
Hello!
ขอบคุณค่ะ
สวยมากเลยค่ะ หนูนำไปใช้แล้วค่ะที่บล็อกhttp://gotoknow.org/blog/supphalak/152513
ขอบพระคุณอาจารย์อย่างที่สุดที่มีความสวยงามในรูปแบบต่าง ๆ ของบล็อกมาให้ และขออนุญาตนำไปใช้แต่งบล็อกด้วยนะค่ะ
ถ้าจะลบตัวอักษรข้างบนออกจะทำได้อย่างไรค่ะ ขอบพระคุณอาจารย์คะ
อักษรที่มาพ้อมกับcoppy CSS
อาจารย์คะ น่ารักจังจะหาได้จากที่ไหนค่ะ ขออนุญาตนำไปใช้ได้หรือเปล่าค่ะ ขอบพระคุณคะ
ขอบคุณอาจารย์ค่ะ สวยทุกลายทุกแบบ เลือกไม่ถูกเลย
แอบนำไปใช้แล้วนะคะ
นศ กศ.บป. ราชภัฎอุตรดิตถ์
ขอบคุณค่ะ มีแต่รูปที่สวยๆทั้งนั้นเลย
จาก .. น.ศ. จันทรเกษม ค่ะ
ขอบคุณสำหรับความรู้มากๆค่ะ ^^
ขอใช้รูปแบบตกแต่งบล็อกที่ 94 หน่อยนะคะ ขอบคุณมากคะ สวยๆทั้งนั้นเลย
ขอบคุณอ.ศิริพร ที่ให้ความรู้ ได้นำความรู้ที่อาจารย์เขียนไปใช้แล้ว อ่านง่ายเข้าใจง่าย และขออนุญาตขอไปบอกต่อนะค่ะ
แวะมาขอบคุณ อ.ศิริพรค่ะ...อาจารย์มีความสามารถมากเลย...รูปแบบถูกใจสาวๆมากค่ะ
น่ารักมากเลย ขอนำไปใช้ด้วยคนนะค่ะ
ขอบคุณค่ะ...ดูแล้วนำไปใช้ด้วยค่ะ ขอบคุณที่นำมาให้เลือก น่ารักๆทั้งนั้นเลย
ขอบสำหรับคำแนะนำคะ
ขออนุญาตนำไปลองใช้ค่ะ
ขอบคุณนะคะ
ขอบคุณอาจารย์ค่ะ