ใส่ลูกเล่นน่ารักๆให้กับ บัลเลท หรือ จุดวงกลมเล็กๆที่อยู่หน้าหัวข้อ
* เปลี่ยนรูปของ bullet จุดเล็กๆที่อยู่หน้าหัวข้อ
|
<style>ul{list-style: ;list-style-image: url(ใส่..//..ของรูป);}</style>
เวลาใส่โคดตัวนี้การ์ตูนที่เรามาใส่แทนจุดเล็กๆ หน้าตาจะเหมือนกันหมดเลยใช่มั้ยคะ บางทีมีมากไปก็มะสวย มีน้อยไปก็ไม่สวย แนะมีเป็นรูปเดียวกันหมดก็ไม่สวยอีก เอาใจยากจัง เฮ้อออ....
|
มาเริ่มใส่ลูกเล่นกันตรงนี้เลยค่ะ
ถ้าไม่ต้องการให้มีจุดเล็กๆข้างหน้า ให้ใส่โคดด้านล่าง แล้วนำไปวางที่สคริปเอรีย...
|
|
|
|
<style>ul{list-style: ;list-style-image: url(//i194.photobucket.com/albums/z118/bondslozo/69a4ed8f.gif);}</style>
|
จากนั้นเลือกรูปที่เราต้องการ แล้วเอาลิงค์ของรูป ใส่ที่โคดด้านล่าง
<img src="ใส่ลิงค์ของรูป" border="0" />
ใส่โคดเรียบร้อยแล้ว ก็เข้าไปที่หน้า Group Blog คลิกที่เปลี่ยนเชื่อ แล้วจะมีหน้าต่างเล็กขึ้นมา แล้วใส่โคดที่เราจัดแล้วลงไป ไม่ต้องลบหัวข้อGroup Blog ที่เราเขียนไว้นะคะ ให้ใส่ดักหน้าดักหลังหัวข้อเดิมเที่เราเขียนไว้เลย ใส่แล้วเราก็จะมี บัลเลทน่ารักๆไม่ซำ้แบบที่หน้าหัวข้อ เมนู Group Blog ใส่มากใส่น้อยแล้วแต่ชอบค่ะ เทคนิคเล็กๆในการแต่งบล็อคให้สวยแบบมืออาชีพค่ะ
ตัวอย่าง
|
โคดที่ใช้ในบล็อค |
รวมกรอบเขียนไดอารี่ |
ตัวอย่าง ของบัลเลท
|
|