แต่งบล็อกสำเร็จรูป (2)

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

 

                                                           

                                                                                                                                                           

   

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

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

            ให้ copy code ของ css ตามข้างล่าง    นำไปวางในกรอบสี่เหลี่ยมของ CSS ที่ตกแต่งมาเอง    จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้    

    แบบที่ 100  

div#subtitle { font-size: big; color:#FFFF99;}div#container {width: 840px; background:#fffff;}div#content2 {background:#F5DEB3;border: 0px solid #ffffff;} body{background:#CCFFCC;background-image:url(http://gotoknow.org/file/siriporn5633/lacehana05_8y.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#FFFFE0; background-image:url(http://gotoknow.org/file/siriporn5633/2006.jpg);background-repeat:no-repeat;background-position:right;   height:100px;} 

จะได้บล็อกที่มีสีสันลวดลายตามรูป   blog 100

blog 100

  <div style="text-align: center"></div>

                                                                                                                                                                                                                                                                                                                                  แบบแบบที่ 101  

</span><p>div#subtitle { font-size: big; color:#FFFF99;}div#container {width: 840px; background:#fffff;}div#content2 {background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/sakura_12.gif); border: 0px solid #ffffff;}body{ background:#F5DEB3;background-image:url(http://gotoknow.org/file/siriporn5633/khanasobgup0.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#FFFFE0; background-image:url(http://gotoknow.org/file/siriporn5633/1709.gif);background-repeat:no-repeat;background-position:right;   height:100px;}    </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 101</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 101</p>   <div style="text-align: center"></div>

   

</span><p></p><p></p><p> แบบที่ 102 </p><p>div#subtitle { font-size: big; color:#FFFF99;}div#container {width: 840px; background:#fffff;}div#content2 {background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/bg08_1.gif); border: 0px solid #ffffff;}body{background:#F5DEB3;background-image:url(http://gotoknow.org/file/siriporn5633/lsetkp8.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#FFFFE0; background-image:url(http://gotoknow.org/file/siriporn5633/005-2.gif);background-repeat:no-repeat;background-position:right;   height:100px;}    </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 102</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 102</p>  <div style="text-align: center"></div>

</span><p></p><p>  แบบที่ 103 </p><p>div#subtitle { font-size: big; color:#FFFF99;}div#container {width: 840px; background:#F5DEB3;}div#content2 {background:#F5DEB3;background-image:url(http://gotoknow.org/file/siriporn5633/sono-02.gif); border: 0px solid #ffffff;}body{ background:#F5DEB3;background-image:url(http://gotoknow.org/file/siriporn5633/brown-bg10.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#F5DEB3; background-image:url(http://gotoknow.org/file/siriporn5633/top0l3.gif);background-repeat:no-repeat;background-position:right;   height:130px;}  </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 103</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 103</p>   <div style="text-align: center"></div>

</span><p></p><p></p><p> แบบที่ 104 </p><p>div#subtitle {font-size:big; color:#FFFF99;}div#container {width: 840px; background:#F5DEB3;}div#content2 {background:#FFEBCD;}body{ background:#F5DEB3;background-image:url(http://gotoknow.org/file/siriporn5633/e6090857.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#F5DEB3; background-image:url(http://gotoknow.org/file/siriporn5633/0180.gif);background-repeat:no-repeat;background-position:right;   height:90px;}    </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 104</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 104</p>   <div style="text-align: center"></div>

</span><p></p><p>    แบบที่ 105  </p><p>div#subtitle { font-size: big; color:#FFFF99;}div#container {width: 840px; background:#F5DEB3;}div#content2 {background:#EED2EE;}body{ background:#EED2EE;background-image:url(http://gotoknow.org/file/siriporn5633/grape5.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#68228B; background:#EED2EE; background-image:url(http://gotoknow.org/file/siriporn5633/119.gif);background-repeat:no-repeat;background-position:right;   height:120px;}    </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 105</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 105</p>  <div style="text-align: center"></div>

                                                                                          

</span><p> </p><p> </p>

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



ความเห็น (22)

เขียนเมื่อ 

อาจารย์ขา..

     ขออนุญาตนำไปไปใช้..และนำบล็อกเข้าเพล็นเน้ตนะคะ..ให้เราชาวเกษตรได้รับความรู้ด้วย

เขียนเมื่อ 
บล๊อกที่อาจารย์ใช้อยู่ น่ารัก ถูกใจมากเลยค่ะ อิอิ
เขียนเมื่อ 

ยินดีที่ได้รู้จัก คุณ อ้อ_ขอนแก่น  จะได้มาแลกเปลี่ยนเรียนรู้ด้วยกันค่ะ

    ขอบคุณค่ะ คุณ Ranee กำลังจะเปลี่ยน theam ใหม่อยู่พอดีเลยค่ะ

meaw
IP: xxx.185.146.122
เขียนเมื่อ 

สวัสดีค่ะ อ.ศิริพร 

พึ่งจะสมัครเป็นสมาชิก gotoknow วันนี้เองค่ะ กำลังศึกษาการตกแต่งบล๊อกอยู่ พอดีมาเจอบล๊อกของอาจารย์ ช่วยแนะนำด้วยนะค่ะ ไม่มีความรู้ด้านนี้มาก่อนเลยค่ะ ไม่รู้จะเริ่มต้นยังงัยดี

ขอบคุณค่ะ

เขียนเมื่อ 

- ยินดีต้อนรับน้องใหม่ค่ะ คุณ meaw ค่อยๆหัดทำเดี๋ยวก็ทำได้ค่ะ
Tulip2b    - ถ้าสงสัยอะไรสอบถามมาได้ค่ะ

เขียนเมื่อ 

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

  • มาขออนุญาตเอาโค้ดไปใช้นะคะ
  • ขอบคุณค่ะ
เขียนเมื่อ 
เขียนเมื่อ 

กัสจังแวะมานำข้อมูลที่อาจารย์แนะนำไปตกแต่งบล็อกแย้วค่ะ..ขอบพระคุณมั่กมาก..ได้เรียนรู้อะไรอีกเยอะเลยค่ะ..แย้วจะแวะมาฝึกวิทยายุทธอีกนะค่ะ

เขียนเมื่อ 

คุณกัสจัง.. แวะมาได้เลยค่ะ  เปิดตลอด 24 ชั่วโมงไม่มีเว้นวันหยุดราชการด้วยค่ะ

เขียนเมื่อ 

สวัสดีค่ะ

แวะมาเอาไปตกแต่งกะเค้าด้วยค่ะ เพิ่งเริ่มค่ะ

ขอบคุณมากสำหรับความรู้ค่ะ

เขียนเมื่อ 

สวัสดีค่ะ คุณ  Your Sister  ค่อยๆแต่งไปเดี๋ยวก็เข้าที่-ถูกใจเราเองหล่ะค่ะ

เขียนเมื่อ 

สวัสดีค่ะ อ.ศิริพร

เอาไปใช้แล้วสวยงามมากค่ะ ขอบคุณค่ะ

เขียนเมื่อ 

สวัสดีค่ะ ครูมิม  นำไปใช้ได้เลยค่ะ

ขออนุญาตนำแบบ 104 ไปใช้นะค๊ะ ...ขอบคุณอาจารย์มากเลยค่ะ

เขียนเมื่อ 

สวัสดีค่ะ คุณ ฐิติพร อนุชาตานนท์  เข้าไปดูในบันทึกอื่นๆก็ยังมีอีกหลายแบบนะคะ  เลือกแบบที่ชอบได้เลยค่ะ

เขียนเมื่อ 

เจริญพร คุณโยมอาจารย์ศิริพร

อาตมานำบล็อกสำเร็จรูปของโยมไปใช้แต่งบล็อกของอาตมา

แต่กว่าจะทำได้อ่านอยู่พอสมควรไม่ได้ถามใครลองผิดลองถูกเอง

บล็อกของโยมมีสาระประโยชน์มากอาตมาอ่านบ่อยแต่ไม่ได้แสดงความเห็น คราวนี้ต้องแสดงความเห็นเพราะนำบล็อกสำเร็จรูปของโยมไปใช้

เจริญพร

เขียนเมื่อ 
  • กราบนมัสการ พระปลัด
  • เลือกนำไปใช้ได้เลยค่ะ  
  • ขอบคุณค่ะ
อาจเป็นคนดีของสังคม
IP: xxx.151.232.70
เขียนเมื่อ 

ขอบคุณมากน่ะค่ะที่ทำให้หนูไม่ต้องเพื่อนทำ

ตั้ง 100 นึงค่ะ

ตอนแรกหมดแรงทำ

พอเปิดมาเจอของอาจารย์ดีใจมากค่ะ

จาได้มีงานส่งสักที

ขอบคุณจิง ๆ ค่ะ

เขียนเมื่อ 

ขอบคุณนะคะ

tukta
IP: xxx.173.178.88
เขียนเมื่อ 

ขอบคุณคะ...

มายืมด้วยครับอาจารย์ ขอบคุณมาก

เขียนเมื่อ 

ขอขอบคุณ

มาเรียนการตกแต่งบล็อก/วันนี้เรียนไป 1 ช.ม. ผลน่าภูมิใจ

ขอบคุณมาก วันหลังขอมาเรียนอีกนะคะ//

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

164322

เขียน

09 Feb 2008 @ 18:38
()

แก้ไข

06 Sep 2013 @ 18:46
()

สัญญาอนุญาต

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