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

ศิริพร
ติดตาม ผู้ติดตาม 
ติดต่อ

 

 

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

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

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

บันทึกนี้เขียนที่ GotoKnow โดย  ใน css และ blog



ความเห็น (8)

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

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

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

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

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

เขียนเมื่อ 

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

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

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

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

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

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

เขียนเมื่อ 

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

http://gotoknow.org/planet/singha12

วันนี้ขอบล็อคสวย ๆ นำไปฝากเพื่อน ๆ นะคะ

หมายเลขบันทึก

165504

เขียน

15 Feb 2008 @ 23:17
()

แก้ไข

06 Sep 2013 @ 18:47
()

สัญญาอนุญาต

สงวนสิทธิ์ทุกประการ
ความเห็น: 8, อ่าน: คลิก