Bloggang.com : สร้อยหมาก - รวมโค้ดแต่งบล็อกขั้นพื้นฐาน

Bloggang.com : weblog for you and your gang

Group Blog

All blogs

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

Photobucket

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

<STYLE type="text/css">< /STYLE>< style>img {border: none;} < ;/style>< ;style>body{background-attachment: fixed;background-image:url(ใส่//…………..);} < ;/style>

Photobucket

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

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

Photobucket

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

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

Photobucket

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

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

Photobucket

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

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

Photobucket

6. ใส่รูป

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

Photobucket

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

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

Photobucket

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

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

Photobucket

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

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

Photobucket

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

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

Photobucket

11. เปลี่ยนรูปแทน 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="ใส่..//..ของรูป"}< /script>

Photobucket

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

< 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="ใส่..//..ของรูป"}</script>

Photobucket

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

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

Photobucket

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

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

Photobucket

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

< 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=ใส่..//..ของรูป>< /font>< /legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;} < /script>

Photobucket

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

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

Photobucket

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

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

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

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

Photobucket

19. อีเมลล์

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

Photobucket

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

< SCRIPT LANGUAGE="JavaScript">

< /script>

Photobucket

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

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

Photobucket

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

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

Photobucket

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

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

Photobucket

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

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

Photobucket

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

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

Photobucket

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

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

Photobucket

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

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

Photobucket

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

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

Photobucket

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

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

Photobucket

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

Photobucket

31.ใส่ข้อความเคลื่อนไหว center>

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

Photobucket

Create Date : 19 พฤษภาคม 2551

Last Update : 19 พฤษภาคม 2551 15:42:49 น.

10 comments

Counter : 1365 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 น.

สร้อยหมาก

Location :
สิงห์บุรี Thailand

[Profile ทั้งหมด]

ฝากข้อความหลังไมค์

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

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

ยินดีต้อนรับบล็อกสร้อยหมาก

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

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

>

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.