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
27 comments
Last Update : 27 กุมภาพันธ์ 2551 1:05:32 น.
Counter : 750 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.