แต่งบล็อกเป็นสีทองสำเร็จรูปหลายแบบ ชอบแบบไหนเลือกไปใช้แต่งบล็อกได้เลยค่ะ
สำหรับผู้ที่เพิ่งเริ่มแต่งบล็อก ดูขั้นตอนได้ที่ แต่งบล็อกสำเร็จรูป
ให้ copy code ของ css ตามข้างล่าง นำไปวางในกรอบสี่เหลี่ยมของ CSS ที่ตกแต่งมาเอง
จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้
<div style="text-align: center"></div>
</span><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p> แบบที่ 123 </p><p>div#subtitle {background:#EEE8AA; font-size: big; color:#B8860B;}div#container {width: 840px; background:#fffff;}div#content2 {background:#FAFAD2;} body{background:#EEE8AA;background-image:url(http://gotoknow.org/file/siriporn5633/1201943057.jpg);background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#B8860B; background:#EEE8AA; background-image:url(http://gotoknow.org/file/siriporn5633/1193676026.gif);background-repeat:no-repeat;background-position:right; height:190px;} </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป blog 123</p> <div style="text-align: center"></div>
</span><p></p><p></p><p> </p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p> แบบที่ 124 </p><p>div#subtitle {background:#EEE8AA; font-size: big; color:#8B4513;}div#container {width: 840px; background:#fffff;}div#content2 {background:#FAFAD2;} body{background:#EEE8AA;background-image:url(http://gotoknow.org/file/siriporn5633/1201943736.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#8B4513; background:#FAFAD2; background-image:url(http://gotoknow.org/file/siriporn5633/book.jpg);background-repeat:no-repeat;background-position:right; height:90px;} </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป blog 124</p> <div style="text-align: center"></div>
</span><p></p><p></p><p></p><p> </p><p></p><p></p><p></p><p> </p><p></p><p> แบบที่ 125 </p><p>div#subtitle {background:#EEE8AA; font-size: big; color:#B8860B;}div#container {width: 840px; background:#fffff;}div#content2 {background:#FAFAD2;} body{background:#EEE8AA;background-image:url(http://gotoknow.org/file/siriporn5633/1201944774.jpg);background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#B8860B; background:#FAFAD2; background-image:url(http://gotoknow.org/file/siriporn5633/B4.gif);background-repeat:no-repeat;background-position:right; height:90px;} </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป blog 125 </p><p style="text-align: center"></p> <p style="text-align: center"> </p>
</span></strong><p></p><p></p><p></p><p></p><p> แบบที่ 126</p><p>div#subtitle {background:#EEE8AA; font-size: big; color:#B8860B;}div#container {width: 840px; background:#fffff;}div#content2 {background:#FFFFE0;} body{background:#EEE8AA;background-image:url(http://gotoknow.org/file/siriporn5633/1201943867.jpg);background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#B8860B; background:#FFFFFF; background-image:url(http://gotoknow.org/file/siriporn5633/gheart.gif);background-repeat:no-repeat;background-position:right; height:170px;} </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป blog 126</p> <div style="text-align: center"></div>
</span><p></p><p></p><p></p><p> </p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p> แบบที่ 127 </p><p>div#subtitle {background:#EEE8AA; font-size: big; color:#B8860B;}div#container {width: 840px; background:#fffff;}div#content2{background:#FAFAD2;}body{background:#EEE8AA;background-image:url(http://gotoknow.org/file/siriporn5633/1201945827.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px; font-size: big; color:#B8860B; background:#FAFAD2; background-image:url(http://gotoknow.org/file/siriporn5633/book1.gif);background-repeat:no-repeat;background-position:right; height:190px;} </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป blog 127</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><div style="text-align: center"></div><p> </p><p> </p><p> </p><p> </p><p> </p><p>แบบที่ 128</p><p>div#subtitle {background:#EEE8AA; font-size: big; color:#B8860B;}div#container {width: 840px; background:#fffff;}div#content2 {background:#FAFAD2;} body{background:#EEE8AA;background-image:url(http://gotoknow.org/file/siriporn5633/1201943810.jpg);background-repeat: repeat;} div#title{padding: 18px 4px 35px;font-size: big; color:#B8860B; background:#FAFAD2; background-image:url(http://gotoknow.org/file/siriporn5633/1199499435.jpg);background-repeat:no-repeat;background-position:right; height:190px;} </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป blog 128</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><div style="text-align: center"></div><p> </p><p> </p><p> </p><p> </p>
ขอบคุณมากค่ะ ครูอ้อยไม่ค่อยมีเวลาที่จะแต่งบล็อกค่ะ
แล้วจะมาเรียนรู้ใหม่นะคะ
สวัสดีค่ะอาจารย์
บล๊อกอาจารย์สวยมากค่ะ
ขอบคุณค่ะ คุณ สารินี ไกรพจน์ อยู่ดึกเหมือนกันนะคะ เงียบๆก็ทำให้มีสมาธิดีนะคะ
ประทับใจมากค่ะ
ครูศิริพรเก่งแล้วยังใจดีให้ความรู้สำหรับคนที่แสวงหา
ขอบคุณมาก คงต้องใช้เวลาศึกษาอีกเยอะ
พี่ไก่กัญญาแนะนำให้เข้ามาศึกษา
คิดถึงจังเลยค่ะ เมื่อไรจะมาเขียน ให้อ่าน ให้ทำเล่นอีกค่ะ
ขอบคุณครับ...ผมเอาของแต่งบล็อกครูไปใช้เยอะเลยครับ...
วันนี้ขอบล็อคสวย ๆ นำไปฝากเพื่อน ๆ นะคะ