Group Blog
 
 
กุมภาพันธ์ 2551
 
 12
3456789
10111213141516
17181920212223
242526272829 
 
25 กุมภาพันธ์ 2551
 
All Blogs
 
Code แต่งบล็อกสำหรับมือใหม่หัดขับ ~~





Code ต่างๆ ที่ใช้ในการแต่งบล็อกนะคะ รวบรวมมาจากเพื่อนๆ ใจดีหลายคน และป้ามดค่ะ

เราเขียนบล็อกนี้ไว้เพื่อเก็บ Code ไว้ใช้ และสำหรับเพื่อนๆ ที่เพิ่งเริ่มทำบล็อกนะคะ

ขอบคุณเพื่อนๆ ที่ใจดีสอนวิธีใช้ Code ต่างๆกับเราด้วยค่ะ ^^




◈◈ ถ้าต้องการให้ Code apply กับทุกหน้า ให้ Copy Code ไปวางในส่วนของ Script Area ค่ะ ◈◈




★ ลบพื้นหลังและกรอบสีขาวทั้งบล็อก ★



< style> table {background-color: transparent;border-style: none;border-spacing: none;}td {border: none;border-color: none;background: none;}< /style>






★ เปลี่ยนพื้นหลัง ★



<style> body{background-attachment: fixed;background-image:url(ใส่ URL ของรูปที่ต้องการที่นี่);}</style>








★ เปลี่ยนสีและแบบ Font ★



<style> body, ul, li, p{font:bold MS Sans Serif;font-size:10pt;color: โค้ดสี;}</style>





เช็ค Code สีได้ที่นี่จ้า






★ เปลี่ยนสี Link ทั้งบล็อก ★



<style> A:link{color: โค้ดสี Link;text-decoration:none;}

A:visited{color: โค้ดสีที่คลิกแล้ว;text-decoration:none}

A:hover{color: โค้ดสีที่ลากผ่าน;text-decoration: none;}</style>









★ ทำ Link ★



<a href ="URL Link"> ใส่ข้อความที่ต้องการที่นี่</a>









★ ทำ Link เปิดหน้าใหม่ ★



<a href = ใส่ URL ที่ต้องการลิงก์ไป=_blank> ใส่ข้อความที่ต้องการที่นี่ </a>









★ ใส่รูปให้กับ Link ★



<a href =" ใส่ URL ที่ต้องการลิงก์ไป"><img src="ใส่ URL ของรูปที่นี่"> </a>









★ เปลี่ยน Bullet จุดกลมๆ หน้า Blog ★



<style>ul{list-style: ;list-style-image: url(ใส่ URL ของรูปที่ต้องการที่นี่);} </style>









★ ใส่รูป Background ★



<style> body{background-image:url(ใส่ URL ของรูปที่ต้องการที่นี่ );}</style>









★ ทำให้รูปไม่มีกรอบสีฟ้า ★



<style> img {border: none;}</style>









★ เปลี่ยน Now Here ★



<style> iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/now.gif") {document.images[i].src="ใส่ URL ของรูปที่ต้องการที่นี่"}</style>









★ เปลี่ยนสีอักษร Font ★



<style> ใส่ข้อความที่ต้องการที่นี่</style>









★ เปลี่ยน Smile หลังชื่อ User ★



<style> 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 ของรูปที่ต้องการที่นี่"}</style>









★ นับจำนวนคอมเม้นท์ ว่าเป็นลำดับที่เท่าไหร่★



<script> HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<fieldset style="border: สีของกรอบใหญ่ solid 2px; padding:4"> <legend align=center style="border: สีของกรอบเล็ก solid 2px; padding:2; background: none"> คห.ที่' + i + ' </font> </legend> ';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>









★ เปลี่ยนรูปในกล่องคอมเม้นท์ ★



<style type="text/css"> textarea{width:271;height:125;background:url("ใส่ URL ของรูปที่ต้องการที่นี่");color="blue"; font-family : tahoma; font-size:20pt; </style>









★ ใส่รูปตรงกลาง ★



<center> <img src="URL ของรูปวางตรงนี้ค่ะ"> </center>








★ ใส่รูปด้านซ้ายสุด ★



<left> <img src="URL ของรูปวางตรงนี้ค่ะ"> </left>








★ ใส่รูปด้านขวาสุด ★



<right> <img src="URL ของรูปวางตรงนี้ค่ะ"> </right>









★ สำหรับมือใหม่นะคะ URL ของรูปหาได้ดังนี้ค่ะ ★



1. คลิ๊กขวาที่รูปที่ต้องการ เลือก Properties
2. Copy code ตรง Location ในส่วนของ Image Properties
เพียงเท่านี้เราก็ได้ URL ของรูปมาใช้แล้วค่ะ ^^










P.S. ขอให้สนุกกับการแต่งบล็อกนะคะ ^^







Create Date : 25 กุมภาพันธ์ 2551
Last Update : 27 กุมภาพันธ์ 2551 1:05:32 น. 27 comments
Counter : 802 Pageviews.

 
ขอบคุณคะจะพยามศึกษา


โดย: หนึ่งคิด วันที่: 25 กุมภาพันธ์ 2551 เวลา:9:45:23 น.  

 
เป็นความรู้ที่ดีค่ะ แต่อยากรู้ว่าทำไม กล่องคอมเม้นของซิ่ว ไม่เป็น แบบของคนอื่น

ตรง คห. อะค่ะ


โดย: zalitalin วันที่: 25 กุมภาพันธ์ 2551 เวลา:10:02:43 น.  

 
คุณcutie_girl รบกวนถามเรื่องเอารูปไปแปะไว้บนหัวบล็อคหน่อยค่ะว่าถ้าแมมอยากทำรูปให้อยู่บนหัวบล็อคแบบคุณมั่งต้องใช้โค้ดอะไรคะ เพราะแมมลองทำแล้วมันไม่ขึ้นน่ะค่ะ


โดย: แมวพุ้ย วันที่: 25 กุมภาพันธ์ 2551 เวลา:13:12:48 น.  

 
การวางรูป Head Blog นะคะ

็ใช้ Code แปะรูปปกติค่ะ เพียงแต่ว่า นำไปวางไว้ในส่วนของ Slogan ค่ะ ^^


โดย: cutie_girl วันที่: 25 กุมภาพันธ์ 2551 เวลา:15:03:36 น.  

 
เอา★ นับจำนวนคอมเม้นท์ ว่าเป็นลำดับที่เท่าไหร่★
ไปวางที่
Script area
ไม่มีอะไรเปลี่ยนแปลงเลยคะ



โดย: หนึ่งคิด วันที่: 25 กุมภาพันธ์ 2551 เวลา:15:28:28 น.  

 
เด๋วเช็ค Code ให้นะคะ


โดย: cutie_girl วันที่: 25 กุมภาพันธ์ 2551 เวลา:16:45:31 น.  

 
แก้ไข Code ให้เรียบร้อยแล้วค่ะ ถ้าได้ไม่ได้ยังไง บอกเราด้วยเน้อ ^^


โดย: cutie_girl วันที่: 25 กุมภาพันธ์ 2551 เวลา:16:59:50 น.  

 
ก็ยังไม่ได้คะอยากได้แบบคุณคะน่ารักดีทำอย่างไรเอ๋ย


โดย: หนึ่งคิด วันที่: 26 กุมภาพันธ์ 2551 เวลา:21:45:44 น.  

 
คุณหนึ่งคิด เราแก้โค้ดอีกทีแล้วค่ะ เหะๆ แบบว่าเค้าลืมใส่ไปหนึ่งวงเล็บอ่า

ให้อภัยด้วยน้าาา เค้าผิดไปแล้นน


ลองใหม่อีกทีน้าา


โดย: cutie_girl วันที่: 27 กุมภาพันธ์ 2551 เวลา:1:11:46 น.  

 
ถ้าจะเปลี่ยนรูปในกล่องคอมเม้นต์ให้รูปขึ้นรูปเดียว ต้องใช้โค้ดไหนครับ
เพราะผมลองโค้ดที่คุณให้แล้ว มันขึ้นหลายรูปอ่ะครับ

ขอบคุณครับ


โดย: แสง สีรุ้ง วันที่: 27 กุมภาพันธ์ 2551 เวลา:17:56:21 น.  

 
รบกวนถามนิดนึงค่า

ถ้าต้องการใส่bg แล้วภาพที่จะใช้มีขนาดเล็ก แต่ต้องการใส่ให้เต็มหน้าอ่ะคะ
(งงมั้ย ^^'')

ใช้โคดอันนี้ได้เลยมั้ยค่ะ?

ขอบคุณค่า


โดย: นางสาวแสนดี..sandy วันที่: 28 กุมภาพันธ์ 2551 เวลา:13:10:45 น.  

 
ขอบคุณมากค่า

พอดีไปขุดเจอที่บล๊อปของป้ามดแล้วค่ะ ^^

ขอบคุณนะคะ แล้วจาแวะมาเยื่ยมบ่อยๆค่า^^


โดย: นางสาวแสนดี..sandy วันที่: 28 กุมภาพันธ์ 2551 เวลา:22:36:00 น.  

 
ขอบคุณนะค่ะน้องเจินที่ตอบคำถาม แต่ยังมีคำถามอีก อิอิ ส่งไปแล้วอ่ะ
จุ๊บๆ


โดย: Melany2222 วันที่: 3 มีนาคม 2551 เวลา:12:35:48 น.  

 
have some question?i go do slide picture and i want put in my blog but when i put picture not come(no have pictures)what ihave to do?what codei have to put?please help.thank you.


โดย: kitasornciao (kitasornciao ) วันที่: 6 มีนาคม 2551 เวลา:20:55:07 น.  

 
umm if u do the slide from the website, they will provide u the code and u hv to copy it and paste on ur blog ja.

Try it again na if it doesn't work, u can give me that code to test ja ^^



โดย: cutie_girl วันที่: 7 มีนาคม 2551 เวลา:0:55:11 น.  

 
ขอบคุณค่ะ ^^


โดย: irean วันที่: 11 มีนาคม 2551 เวลา:0:09:55 น.  

 
ขอบคุณมากเลยค่ะ จะหัดทำดูค่ะ


โดย: nakamuk วันที่: 11 มีนาคม 2551 เวลา:23:14:28 น.  

 
ขอบคุณมากๆคับ


โดย: ae IP: 202.12.73.5 วันที่: 15 มีนาคม 2551 เวลา:17:53:49 น.  

 
เข้ามาอ่านแล้วค่ะ แต่ไม่เข้าใจอะไรเลย ยังไงจะพยายามหัดทำตามให้ได้นะคะ..........เซฟบล๊อคนี้ไว้แล้วจ้า(ขออนุญาตนะคะ)


โดย: แคลินน์ (แคลินน์ ) วันที่: 24 มีนาคม 2551 เวลา:18:53:24 น.  

 
ขอบคุณมากค่ะ มีแต่รูปน่ารัก
มือใหม่เลือกไม่ถูกเรยค่ะ


โดย: ชะเอมหวาน วันที่: 17 พฤษภาคม 2551 เวลา:23:51:49 น.  

 
ขอบคุณนะค่ะ
ขอเอาไปใช้หน่อยนะ


โดย: janjc84 วันที่: 17 พฤศจิกายน 2551 เวลา:13:32:39 น.  

 
ขอบคุนค่ะ

ชอบมากๆ^^


โดย: yokky IP: 114.128.5.38 วันที่: 27 สิงหาคม 2552 เวลา:18:53:11 น.  

 
ขอบคุณนะคะ


โดย: ooyporn (ooyporn ) วันที่: 30 พฤศจิกายน 2552 เวลา:23:21:23 น.  

 
ขอบคุณมากคะ


โดย: january_tist วันที่: 6 มีนาคม 2553 เวลา:20:41:26 น.  

 
แบบว่า ขอบคุนมากนะคะ แต่ว่า
น้องหมีถือหัวใจ ตรงหน้าคนน่ารัก...อ่ะค่ะ ใส่ยังงัยอ่ะคร้า


โดย: aum (aumiaumi ) วันที่: 21 พฤษภาคม 2553 เวลา:6:41:26 น.  

 
ทำนานแล้ว ไม่แน่ใจนะคะ คิดว่าใส่ลิงก์รูปลงไปนี้อันนี้โค้ดนับจำนวนคอมเม้นท์ค่ะ โดยใส่รูปไว้ก่อนคำพูดค่ะ ลองดูนะคะ ^^


โดย: cutie_girl วันที่: 22 พฤษภาคม 2553 เวลา:3:10:13 น.  

 
ขอบคุณมากเลยค่าาาา น่ารักสุดๆ จุ๊บๆ><

ปล ขอแอดเป็นเพื่อนนะคะ ^^


โดย: lizFah วันที่: 26 พฤศจิกายน 2554 เวลา:10:36:00 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 
รหัสส่งข้อความ
กรุณายืนยันรหัสส่งข้อความ

cutie_girl
Location :


[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 1 คน [?]




Just an ordinary gal. I like chatting,
shopping and surfing the net.














ส่งหลังไมค์ที่นี่จ้า








You are special and unique

in your own ways








Guestbook











เริ่มนับวันที่ 12 ก.พ. 51





Friends' blogs
[Add cutie_girl's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.