วันพุธที่ 14 สิงหาคม พ.ศ. 2556

วิธีตกแต่งบล็อกให้สวยงาม

วิธีตกแต่งบล็อกให้สวยงามกันครับ [IT8]

                       ปกติบล็อกของเราสามารถปรับแต่งหน้าตาหรือที่เรียกว่า Theme ได้ตามใจชอบ โดยที่ทางเว็บ Gotoknow ก็มี theme ให้เลือกอยู่แล้วบ้าง แต่ถ้าหากเพื่อน ๆ พี่ ๆ ต้องการตกแต่งบล็อกในสไตล์ของตนเองก็สามารถทำได้โดยใช้ CSS หรือ Cascading Style Sheets
ขั้นตอนการตกแต่ง
ก่อนอื่นก็ต้องรู้จักส่วนต่าง ๆ ของบล็อกก่อน จะได้ปรับแต่งให้ถูกจุด ตามใจของเรา

หมายเลข  1  เรียกว่า  title ส่วนนี้จะแสดงชื่อบล็อก (โดยส่วนใหญ่มีขนาด 960 x 200 px)
หมายเลข  2  เรียกว่า subtitle (จะอยู่ติดกับ title ส่วนใหญ่จะเป็นรูปที่ต่อกันแล้วนำไปตัด
ออกด้วยโปรแกรม Photoshop มีขนาด 960 x 30 px)
หมายเลข  3  เรียกว่า  page-wrapper เป็นพื้นหลังของส่วนที่แสดงข้อความต่าง ๆ
หมายเลข  4  เรียกว่า  screen-wrapper เป็นพื้นหลังของส่วน title
หมายเลข  5  เรียกว่า  body เป็นส่วนพื้นหลังของหน้าบล็อกทั้งหมด
เมื่อรู้จักส่วนต่าง ๆ แล้ว ก็เริ่มตกแต่งกันได้เลย
การที่จะตกแต่งได้ เราต้องมีรูปที่จะตกแต่ง และอัพโหลดไฟล์รูปที่ต้องการขึ้นบล็อกเราก่อน 
โดยไปที่ เมนูของฉัน --> ไฟล์ของฉัน --> นำไฟล์ขึ้น


เมื่อนำไฟล์ขึ้นเรียบร้อยแล้วให้คลิ๊กดูที่ไฟล์รูปเพื่อจดจำ ที่อยู่ของไฟล์ของเรา หรือที่เรียกว่า url




เมื่อนำไฟล์ขึ้นแล้ว ต่อไปก็เป็นการเริ่มตกแต่งซะที
การตกแต่งบล็อกให้เราเข้าไปที่บล็อกของเรา แล้วเลือก ตกแต่งบล็อก



แล้วเลือกแถบ แก้ไข CSS ที่ตกแต่งมาเอง




ไม่มีความคิดเห็น:

แสดงความคิดเห็น