แต่งบล็อกเป็นสีทอง


 

 

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

สำหรับผู้ที่เพิ่งเริ่มแต่งบล็อก ดูขั้นตอนได้ที่  แต่งบล็อกสำเร็จรูป     

 ให้ 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>

หมายเลขบันทึก: 165504เขียนเมื่อ 15 กุมภาพันธ์ 2008 23:17 น. ()แก้ไขเมื่อ 6 กันยายน 2013 18:47 น. ()สัญญาอนุญาต: จำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (8)

ขอบคุณมากค่ะ ครูอ้อยไม่ค่อยมีเวลาที่จะแต่งบล็อกค่ะ

แล้วจะมาเรียนรู้ใหม่นะคะ

ได้อาจารย์ทำให้บล๊อก สวยขึ้นเยอะเลยค่ะ

สวัสดีค่ะอาจารย์

             บล๊อกอาจารย์สวยมากค่ะ

ขอบคุณค่ะ คุณ สารินี ไกรพจน์ อยู่ดึกเหมือนกันนะคะ เงียบๆก็ทำให้มีสมาธิดีนะคะ

ประทับใจมากค่ะ

ครูศิริพรเก่งแล้วยังใจดีให้ความรู้สำหรับคนที่แสวงหา

ขอบคุณมาก คงต้องใช้เวลาศึกษาอีกเยอะ

พี่ไก่กัญญาแนะนำให้เข้ามาศึกษา

คิดถึงจังเลยค่ะ  เมื่อไรจะมาเขียน ให้อ่าน ให้ทำเล่นอีกค่ะ

ขอบคุณครับ...ผมเอาของแต่งบล็อกครูไปใช้เยอะเลยครับ...

http://gotoknow.org/planet/singha12

พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท