http://www.facebook.com/AorCraftShop
Code ที่ใช้แต่ง Blog ค่ะ



Code เหล่านี้ได้มาจากคณ i-pinkberriiz นะค่ะ


ขอบคุณด้วยนะค่ะเอามาแต่ที่จำเป็นนะค่ะ  เริ่มกันเลยค่ะที่มีรูปประกอบคือ


ส่วนที่อ้อเอามาแต่ง Blog ของตัวเองนะค่ะ ส่วนที่ไม่มี รูปประกอบต้องขอโทษด้วยนะค่ะ


Smiley1.เปลี่ยนรูปพื้นหลัง


<style>body{background-attachment: fixed;background-image:url(URL ของรูป);}</style>



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


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



Smiley 3. เปลี่ยนตัวหนังสือให้ใหญ่และ Font




<style>p b font {font:bold 13px MS Sans Serif;}</style>


Smiley4. เปลี่ยนสี Link


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



Smiley 5. เปลี่ยน Bullet (จุดกลมๆที่อยู่หน้า Group Blog)






<style>ul{list-style: ;list-style-image: url(URL ของรูป);}</style>



 


Smiley 6. เปลี่ยนสี Scrollbar (แถบลากขึ้นลงด้านขวามือ)





<STYLE> body { scrollbar-3d-light-color:โค้ดสี; scrollbar-arrow-color:โค้ดสี; scrollbar-3d-light-color:โค้ดสี; scrollbar-arrow-color:โค้ดสี; scrollbar-base-color:โค้ดสี; scrollbar-dark-shadow-color:โค้ดสี; scrollbar-face-color:โค้ดสี; scrollbar-highlight-color:โค้ดสี; scrollbar-track-color:โค้ดสี; scrollbar-shadow-color:โค้ดสี; }</STYLE>



 Smiley7. จำนวนผู้ชมออนไลน์




<script type="text/javascript" src="//fastonlineusers.com/on4.php?d=URL บล็อคของคุณ"></script> : Users Online



 


Smiley8. เปลี่ยน Logo Bloggang







<script>document.images[0].src="URL ของรูป"; document.images[0].width =0 ; document.images[0].height =0</script>




Smiley9. จำนวนผู้ชมทั้งหมด


<center><script src="//fastwebcounter.com/secure.php?s=ใส่ URL บล็อค ของคุณที่นี่ค่ะ"></script></center>


Smiley10. กรอบนับ Comment โดยคุณ กึ่งยิงกึ่งผ่าน





<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:โค้ดสี double 3px; padding:20"> <legend align=center><img src=URL ของรูป> Comment No. ' + i + ' <img src=URL ของรูป> </font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>


 


Smiley11. โค้ด กลับขึ้นข้างบนของ Page




<center><a href="#top">TOP</a></center>




Smiley12. ใส่รูปส่งหลังไมค์


<a href ="URL หลังไมค์" target='_blank'><img src="URL ของรูป" border=0></a>


 Smiley13. โค้ดเปลี่ยนรูปตรง Rss Feed





<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>


 




Smiley 14. โค้ดเปลี่ยนรูปตรง My FriendFlock





<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>


Smiley 15. โค้ดเปลี่ยนรูปตรง ฝากข้อความหลังไมค์







<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>



 


Smiley16. ใส่รูปให้กล่อง Comment


<style>textarea{ width: 300; height: 200; background: url(URL ของรูป); color: โค้ดสีเวลาพิมพ์; font-family : MS Sans Serif; font-size: 14pt; }</style>




Smiley17. เปลี่ยนรูปหัวใจ (Login ท้ายชื่อใน Comment)





<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>




Smiley18.เปลี่ยน Now Here


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




Smiley18. โค้ดป้องกันการยืดของหน้าบล็อค


<style>div.comment{overflow: auto; width: 400px; height: auto;}</style>





 




 และก็ยังมี code ที่ตกแต่งใน Blog นี้อีกนค่ะ




แต่พอดีว่า cop มาทำเลย ก็เลยลืมว่าเป็น Code ไหน




เด๋วว่างๆจะมาแกะให้นะค่ะ




ขอบคุณค่ะ











Create Date : 21 พฤษภาคม 2552
Last Update : 4 มิถุนายน 2552 16:26:47 น. 8 comments
Counter : 443 Pageviews.

 
สุดยอด ขอบคุณจริงจริง


โดย: poonsukp (poonsukp ) วันที่: 21 พฤษภาคม 2552 เวลา:23:21:49 น.  

 
ขอบคุณคร่า


โดย: เนเน่จังงัง วันที่: 22 พฤษภาคม 2552 เวลา:9:32:27 น.  

 
ขอบคุณมากมายเลยค่ะ
มีประโยชน์มากๆเลย
ขอเอาไปใช้น่ะค่ะ


โดย: เอริน (Noot2303 ) วันที่: 24 พฤษภาคม 2552 เวลา:2:29:42 น.  

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

ช่วยมือใหม่ได้เยอะเชียว


โดย: ตั๋วรถเมล์ วันที่: 29 พฤษภาคม 2552 เวลา:14:16:47 น.  

 
ขอบคุณนะค่ะ


โดย: Macys วันที่: 4 มิถุนายน 2552 เวลา:9:37:22 น.  

 
แอบมาศึกษา...แต่ยังทำไม่ค่อยเป็นเลยอ่ะ เฮ้ออออ


โดย: ถั่วงอกหนีออกจากบ้าน วันที่: 12 กรกฎาคม 2552 เวลา:23:08:13 น.  

 
แอบก๊อบไปใช้แล้วคะ ขอบคุณคะ


โดย: lovelylk วันที่: 20 กรกฎาคม 2552 เวลา:11:15:43 น.  

 
thank you :)


โดย: dymeeina วันที่: 17 เมษายน 2553 เวลา:11:43:06 น.  

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

ดีต่อใจ อยากไปจัดเลย
Location :
กรุงเทพฯ Thailand

[Profile ทั้งหมด]

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




: เพื่อนที่กำลังชมบล็อกเจ้าค่ะ

Group Blog
 
All Blogs
 
Friends' blogs
[Add ดีต่อใจ อยากไปจัดเลย's blog to your web]
Links
 

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