การเขียนบล็อก VI - เปลี่ยนรูปไอค่อนต่างๆ ในบล็อก
การเขียนบล็อก 6 ในวันนี้ทิ้งช่วงห่างจากบทก่อนมากๆ เลย เพื่อนๆ หลายๆ ท่านคงทราบแล้วว่า แมวหายไปทำอะไรมา.^O^ วันนี้มาคุยกันถึงวิธีการเปลี่ยนรูปไอค่อนหน้า My FriendFlock, ฝากข้อความหลังไมค์, Rss Feed, Bullet หน้ากรุ๊ปบล็อก และ ไอค่อนรูปหัวใจ (เรารักในหลวง)ที่ต่อท้ายชื่อค่ะ ดูตัวอย่างในรูปเลยค่ะว่า ไอค่อนแต่ละแบบอยู่ตรงไหนบ้าง
การเปลี่ยนไอค่อนชุดนี้ไม่มีอะไรยุ่งยากเลย แค่ใช้โค้ดในการใส่รูปไอค่อน แล้วนำไปวางที่ช่อง Script Area ค่ะ
เรามาเริ่มกันเลยค่ะ
1. การเปลี่ยนรูปไอค่อนหน้า My FriendFlock
<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/message.gif") {document.images[i].src="URL ของรูป"}</script>
2. การเปลี่ยนรูปไอค่อนหน้า ฝากข้อความหลังไมค์
<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/icon_rss.png") {document.images[i].src="URL ของรูป"}</script>
3. การเปลี่ยนรูปไอค่อนหน้า Rss Feed?
<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/icon_network_mini1.gif") {document.images[i].src="URL ของรูป"}</script>
4. การเปลี่ยนรูป Bullet หน้ากรุ๊ปบล็อก
<style>ul{list-style: ;list-style-image: url(URL ของรูป);}</style>
5. การเปลี่ยนรูปไอค่อนรูปหัวใจ (เรารักในหลวง)ที่ต่อท้ายชื่อ
<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/smile.gif") {document.images[i].src="URL ของรูป"}</script>
จบแล้วค่ะ สำหรับการเปลี่ยนรูปไอค่อนในบล็อกต่างๆ ง่ายๆ ไม่ยุ่งยาก ลองไปทำกันนะค่ะ
Create Date : 13 สิงหาคม 2552 |
Last Update : 14 สิงหาคม 2552 8:37:29 น. |
|
27 comments
|
Counter : 802 Pageviews. |
|
|
จะลองทำดูนะคะ ตามที่แนะนำ
ถ้าสงสัยอะไรจะมาถามใหม่ค่ะ