Photobucket
Group Blog
 
All blogs
 
รวมโค้ดแต่งบล็อกขั้นพื้นฐาน

Photobucket1. การใส่พื้นหลัง

<STYLE type="text/css"><!--BODY {scrollbar-3d-light-color:#9c9c9c; scrollbar-arrow-color:#eb5d8b;scrollbar-base-color:#9c9c9c; scrollbar-dark-shadow-color:#dcdddc;scrollbar-face-color:#dcdddc; scrollbar-highlight-color:#dcdddc;scrollbar-track-color:#dcdddc; scrollbar-shadow-color:#dcdddc}-->< /STYLE>< style>img {border: none;} < ;/style>< ;style>body{background-attachment: fixed;background-image:url(ใส่http://…………..);} < ;/style>


Photobucket2. การพิมพ์ตัวหนา

< B>ตัวพิมพ์หนา< /B>


Photobucket3. การพิมพ์ตัวเอียง

< em>พิมพ์เอียง</em>


Photobucket4. ใส่ขนาดของตัวพิมพ์

<font size="2">ใส่่ขนาดของตัวพิมพ์</font>


Photobucket5. ใส่ขนาด ใส่สี ของตัวพิมพ์

<font size="2" color="#ff0000">ใส่ขนาด ใส่สี ของตัวพิมพ์</font>


Photobucket6. ใส่รูป

<img src="ใส่..http://..ของรูป" border="0" />


Photobucket7. ทำลิงค์ที่เปิดในหน้าเดียวกัน

<A href="ใส่..http://..ของเวป">เขียนข้อความ</A>


Photobucket8. ทำลิงค์ที่เปิดอีกหน้าหนึ่ง

< a href="ใส่..http://..ของเวป" target="_blank">เขียนข้อความที่เราต้องการ</a>



Photobucket9. เอารูปมาทำเป็นลิงค์

< a href="ใส่..http://..ของเวป" target="_blank">
< img src="ใส่..http://..ของรูป" border="0" >< /a>





Photobucket10. ใส่พื้นหลังโดยใช้รูป

< style>body{background-image:url("ใส่..http://..ของแบล็คกราว์ด");}</style>
< style>body{background-attachment: fixed;}</style>



Photobucket11. เปลี่ยนรูปแทน now here

< script>iLength = document.images.length; for(i=0;i< iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/now.gif") {document.images[i].src="ใส่..http://..ของรูป"}< /script>



Photobucket12. เปลี่ยนรูปแทน เรารักในหลวง


< script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/smile.gif") {document.images[i].src="ใส่..http://..ของรูป"}</script>


Photobucket13. เปลี่ยนรูปของ bullet จุดเล็กๆที่อยู่หน้าหัวข้อ


< style>ul{list-style: ;list-style-image: url(ใส่..http://..ของรูป);}</style>




Photobucket14. ใส่พื้นหลังให้กล่องคอมเม้น


< STYLE type="text/css">textarea
{width:0;height:0;background:url("ใส่..http://..ของรูป");
color="blue";font-family:tahoma; font-size:10pt; < /STYLE>


Photobucket15. ใส่รูป+กำหนดกรอบของกล่องคอมเม้น


< 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:#cc0000 solid 1px; padding:10"> < legend align=right> < font face="Broadway" size="1" color="#990000">เขียนข้อความที่ต้องการ ' + i + ' < /font>< img src=ใส่..http://..ของรูป>< /font>< /legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;} < /script>


Photobucket16. โคดลบกรอบสีขาว


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



Photobucket17. เพื่อนที่กำลังเยี่ยมชมบล็อกขณะนี้มีกี่คน


< script type="text/javascript" src="http://fastonlineusers.com/on4.php?d=ใส่..http://ของบล็อกคุณ">< /script>
เขียนข้อความที่นี่

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


<script src="http://fastwebcounter.com/secure.php?s=ใส่..http://ของบล็อกคุณ"></script>
เขียนข้อความที่ต้องการ


Photobucket19. อีเมลล์


< a href="mailto:ใส่อีเมล์ของคุณ">เขียนข้อความที่ต้องการ< /a>
เขียนข้อความที่ต้องการ



Photobucket20. ข้อความต้อนรับเมือเปิดหน้าเวป


< SCRIPT LANGUAGE="JavaScript">
<!-- Begin
alert("เขียนข้อความที่ต้องการ")
// End -->
< /script>


Photobucket21. ทิ้งเมาท์ไว้นานๆก็จะมีคำพูดขึ้นมา


<body ONLOAD="hyperlinks(this.checked)" title="ข้อความ">


Photobucket22. ทำภาพให้เป็นพื้นหลัง


<a href=javascript:document.body.style.backgroundImage='url("urlภาพbg")';document.close();><IMG src="urlภาพbg แบบกำหนดขนาดเล็ก" width="200"</a>



Photobucket23. ทำภาพให้เป็นพื้นหลัง


<a href=javascript:document.body.style.backgroundImage='url("urlภาพbg")';document.close();><IMG src="urlภาพbg แบบกำหนดขนาดเล็ก" width="200"</a>



Photobucket24. กล่องข้อความใส่สกอบาร์


<center><DIV align=left style=' color: #000000; background-color: #CCCCFF; border: solid 1px black; width: 100px; height: 50px; overflow: scroll; '> ข้อความ
</DIV></center>



Photobucket25. กรอบข้อความ


< center>< table cellpadding="5" style="border:1px solid pink;" width="100" height="100" bgcolor="mistyrose">< tr>< td style="border:4px dotted #FF1493;" bgcolor="white">ข้อความ
< /td>< /tr>< /table>< /center>



Photobucket26. Code เปลี่ยน "My FriendFlock"


< script>iLength = document.images.length; for(i=0;i


Photobucket27. Code เปลี่ยน "ฝากข้อความหลังไมค์"


< script>iLength = document.images.length; for(i=0;i



Photobucket28. Code เปลี่ยน "Rss Feed"


< script>iLength = document.images.length; for(i=0;i


Photobucket29. Code เปลี่ยนสี font ทั้งหน้า

< style>body, ul, li, p{font: normal MS Sans Serif,Tahoma;font-size:10pt;color:black;} < /style>


Photobucket30. Code เปลี่ยนสี font ของ link

< style>A:hover{color:สีที่ 1;text-decoration: none;position: relative;left: -1px; top: 1;}A:link{color:สีที่ 2;text-decoration:none;}A:visited{color:สีที่ 3;text-decoration:none; < /style>


Photobucket31.ใส่ข้อความเคลื่อนไหว center>
<marquee>ใส่ข้อความตรงนี้</marquee>


Photobucket



Create Date : 19 พฤษภาคม 2551
Last Update : 19 พฤษภาคม 2551 15:42:49 น. 10 comments
Counter : 465 Pageviews.

 
ขออภัยมีซ้ำ1โค้ด


โดย: สร้อยหมาก วันที่: 19 พฤษภาคม 2551 เวลา:15:44:51 น.  

 
เคยพยายามหลายครั้งมากค่ะแต่ไม่สำเร็จแล้วเอาโค๊ตไปใส่ตรงไหนค่ะ (ไม่แน่ใจค่ะ)


โดย: familylove วันที่: 20 พฤษภาคม 2551 เวลา:8:33:54 น.  

 
น่ารักมากๆค่ะ คุณก็น่ารัก แต่งบล็อกก็น่ารัก ขออนุญาตนำโค้ดไปแปะไว้ที่บล็อกเพื่อแจกคนเค้าต่อไปนะค่ะ ขอบคุณค่ะ


โดย: benji2 วันที่: 26 มกราคม 2552 เวลา:1:59:15 น.  

 
เห็นของที่คุณนำมาให้แล้วอยากเข้ามาคอมเม้นท์อีก เป็นกำลังใจให้นะคะ ทำดีต่อไปนะ สู้ๆ


โดย: benji2 วันที่: 26 มกราคม 2552 เวลา:2:39:11 น.  

 
ขอบคุณค่ะ ช่วยได้เยอะเลย


โดย: Sanctuary O. วันที่: 7 กุมภาพันธ์ 2552 เวลา:6:51:28 น.  

 
ขอบคุณนะค่ะ


โดย: วิสรา วันที่: 9 เมษายน 2552 เวลา:12:07:20 น.  

 
ขอบคุณค่ะ ขอเก็บเป็นbookmark ไว้นะคะ


โดย: CoffeeBake วันที่: 21 มิถุนายน 2552 เวลา:20:37:54 น.  

 
ลองขอแบบไปทำหน่อยนะค่ะ อ่านง่ายดี ขอบคุณค่ะ


โดย: ขข (คามาคูระ54 ) วันที่: 11 ธันวาคม 2552 เวลา:13:58:51 น.  

 
ขอบคุณมากค่ะ ขอนำไปใช้บ้างนะคะ


โดย: JANTRY วันที่: 3 มีนาคม 2553 เวลา:17:42:55 น.  

 
น่ารักจังเลย


โดย: songta วันที่: 2 ธันวาคม 2553 เวลา:23:46:14 น.  

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

สร้อยหมาก
Location :
สิงห์บุรี Thailand

[Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 2 คน [?]





โค้ดแต่งบล็อก ขั้นพื้นฐาน

ยินดีต้อนรับบล็อกสร้อยหมาก
Mini Blog By Ego Box
เพื่อนที่กำลังเยี่ยมชมบล็อกขณะ

จำนวนผู้เข้าชม
Free Cursors

>

Google

WWW
sunantakeng.bloggang.com

Friends' blogs
[Add สร้อยหมาก's blog to your web]
Links
 

MY VIP Friend

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