❤ โค้ดสำหรับมือใหม่หัดแต่ง ❤










รวมโค้ดที่ใช้แต่งบล็อก เท่าที่มีอยู่ค่ะ










Create Date : 06 กันยายน 2550
Last Update : 29 กันยายน 2551 15:15:53 น.
Counter : 6314 Pageviews.

25 comments
แทนความคิดถึง(กาพย์มัณฑกคติ) ญามี่
(21 พ.ย. 2562 12:10:27 น.)
:: ถนนสายนี้มีตะพาบ โครงการที่ 237 :: กะว่าก๋า
(28 ก.ย. 2562 06:17:10 น.)
เริ่มใหม่...24 ญามี่
(20 ก.ค. 2562 11:14:25 น.)
เริ่มใหม่...23 ญามี่
(8 มิ.ย. 2562 16:10:03 น.)
  
*♥* เปลี่ยน background *♥*
(จะต้องเลือก Theme เป็น Theme อิสระ)


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


ถ้าต้องการทำให้ Background ติดอยู่กับที่ไม่เคลื่อนไปไหนก็ใส่โค้ดนี้ไปด้วยค่ะ

<style>body{background-attachment: fixed;} </style>


Background สวยๆ คลิกที่นี่ค่ะ
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:13:16:41 น.
  
*♥*เปลี่ยนโลโก้ bloggang *♥*
(จะต้องเลือก Theme เป็น Theme อิสระ)


<script>document.images[0].src = "//......url ของโลโก้ bloggang ที่ต้องการจะ ใส่ ...... "</script>
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:13:17:12 น.
  
*♥* แก้ bullet หน้าหัวข้อให้เป็นรูปอื่น *♥*


<style>ul{list-style: ;list-style-image: url('//.........url ของรูปที่ต้องการนำมาใส่.........');} </style>
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:13:18:59 น.
  
*♥* ต้องการทำลิงค์เชื่อมไปยังหน้าหรือเว็บอื่น *♥*


<a href =//.........url ของรูปที่ต้องการนำมาใส่......... target=_blank> พิมพ์ข้อความที่ </a>
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:13:19:37 น.
  
*♥* ใส่รูปให้กล่อง comment *♥*


<STYLE type="text/css">textarea{width:350;height:263;background:url("//.........url ของรูปที่ต้องการนำมาใส่.........");color="blue"; font-family : tahoma; font-size:20pt; </STYLE>
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:14:10:04 น.
  
*♥* การใส่หลังไมค์ถึงตัวเอง *♥*


<a href =//www.pantip.com/cafe/krazip/write.php?nick_name=...ใส่ชื่อล็อกอินของคุณ... target=_blank><img src=//.........url ของรูปที่ต้องการนำมาใส่......... border=0</a>
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:14:15:05 น.
  
*♥* ใส่รูปภาพ *♥*


<img src="//.....url ของรูปที่ต้องการนำมาใส่…........" "border=ตัวเลขขนาดของกรอบ">
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:15:05:19 น.
  
*♥* เปลี่ยน Cursor *♥*


<body style="cursor:url(//.....url ของรูปที่ต้องการนำมาใส่ .ani หรือ .cur.......)">
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:15:06:06 น.
  
*♥* เปลี่ยนรูปเรารักในหลวง ท้ายชื่อใน Comment *♥*


<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="https://www.bloggang.com/images/smile.gif") {document.images[i].src="//.....url ของรูปที่ต้องการนำมาใส่......."}</script>
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:18:26:51 น.
  
*♥* เปลี่ยนสี Link *♥*


<style>A:link{color:โค้ดสีปกติของลิงค์ ;text-decoration:none;}
A:visited{color: โค้ดสีลิงค์ที่คลิกไปแล้ว;text-decoration:none}
A:hover{color: โค้ดสีลิงค์ที่ลากผ่าน;text-decoration: none;} </style>
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:18:28:09 น.
  
*♥* ใส่ Effect ตอนเปลี่ยนหน้า Page *♥*


<Meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=23)" > <Meta http-equiv="Page-Exit" content="RevealTrans (Duration=2, Transition=23)" >

นำไปใส่ ตรงช่อง Slogan นะคะ
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:18:44:00 น.
  
*♥* ข้อความต้อนรับ *♥*


<SCRIPT LANGUAGE="JavaScript">
<!-- Begin alert("พิมพ์ข้อความที่จะทักทายที่นี่ค่ะ")
// End --> </script>
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:18:46:56 น.
  
*♥* ข้อความวิ่งๆ *♥*


<marquee>ข้อความที่ต้องการ</marquee>
โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:19:14:32 น.
  
*♥* ข้อความวิ่ง หลายๆ บรรทัด *♥*


<marquee scrollAmount="1" direction="up" height="100"> <center>
ข้อความบรรทัด 1 <br>
ข้อความบรรทัด 2 <br>
ข้อความบรรทัด 3 <br>
ข้อความบรรทัด 4 <br>
ข้อความบรรทัด 5 <br>
ข้อความบรรทัด 6 <br>
ข้อความบรรทัด 7 <br> </b></center></marquee>

(ใส่ได้หลายบรรทัดเลยค่ะใช้ <br>คั่นระหว่างบรรทัด)



ลองทำดู

ว่าจะวิ่ง

แบบนี้มั๊ยเอ่ย

อิอิอิ

หลับคืนนี้

ฝันดีนะคะ


โดย: KungGuenter วันที่: 6 กันยายน 2550 เวลา:19:16:19 น.
  
*♥* ใส่ Search Google *♥*


<!-- Search Google -->
<center>
<FORM method=GET action="//www.google.com/search"TARGET=_blank>
<input type=hidden name=ie value=tis-620>
<input type=hidden name=oe value=tis-620>
<A HREF="//www.google.co.th/">
<IMG SRC="//www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle">
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Google Search">
โดย: KungGuenter วันที่: 10 กันยายน 2550 เวลา:2:29:07 น.
  
*♥* เปลี่ยนสี 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>
โดย: KungGuenter วันที่: 10 กันยายน 2550 เวลา:2:43:53 น.
  
*♥* ลูกเล่น ลิงค์กลับด้าน *♥*


<meta http-equiv="Content-Language" content="th">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<STYLE ty pe=text/css>
A:link { color: #63B8FF; text-decoration:none}
A:visited {color: #63B8FF; text-decoration: none}
A:hover {color: #63B8FF; text-decoration: underline}
</STYLE>
<STYLE TYPE="TEXT/CSS"><!--
a:link { color: #63B8FF; text-decoration: none}
a:visited { color: #63B8FF; text-decoration: none}
a:active { color: #63B8FF; text-decoration: none}
a:hover { color: #63B8FF; text-decoration: none;FILTER:fliph; HEIGHT:0}
//--></STYLE>
โดย: KungGuenter วันที่: 11 กันยายน 2550 เวลา:0:28:44 น.
  
*♥* ชี้ลิ้งค์แล้วมีกรอบ *♥*


<STYLE type="text/css">
<!--
a:hover {border-width : 3px;border-style :
dotted;border-color : #โค๊ดสี; }--></STYLE>


dotted สีแดงคือเปลี่ยนแบบลายเส้นได้ ดังนี้ค่ะ

♥ none คือ ไม่มีเส้น ♥

♥ dotted คือ จุดๆ ♥

♥ dashed คือ เส้นประ ♥

♥ solid คือ เส้นเดี่ยว ♥

♥ double คือ เส้นคู่ ♥
โดย: KungGuenter วันที่: 19 กันยายน 2550 เวลา:2:13:26 น.
  
*♥* เปลี่ยนสีตัวอักษร *♥*


<font color="โค้ดสี">ข้อความที่ต้องการ</font>
โดย: KungGuenter วันที่: 8 ตุลาคม 2550 เวลา:2:09:46 น.
  
*♥* ใส่กรอบให้บล็อก *♥*


<script language="JavaScript1.2">
if (document.all)
document.body.style.cssText="border:15 inset #ใส่รหัสสีที่ต้องการ"
</script>
โดย: KungGuenter วันที่: 8 ตุลาคม 2550 เวลา:2:10:32 น.
  
*♥* ใส่รูปภาพพร้อมคำพูด *♥*


<img src="....URL ของรูป...... " alt="ข้อความที่ต้องการ">
โดย: KungGuenter วันที่: 8 ตุลาคม 2550 เวลา:2:12:55 น.
  
*♥* เปลี่ยน Title Bar (แถบสีฟ้าที่อยู่บนสุด) *♥*


<script language="Javascript">
var tt = 0;
var FMess = new Array("ใส่ข้อความที่ 1","ใส่ข้อความที่ 2","ใส่ข้อความที่ 3")
function FTitle()
{
document.title = FMess[tt]
tt = (tt < (FMess.length -1)) ? tt + 1 : 0;
setTimeout('FTitle()',700);
}
FTitle();
</script>
โดย: KungGuenter วันที่: 8 ตุลาคม 2550 เวลา:2:13:16 น.
  
*♥* ลบพื้นหลังและลบกรอบสีขาว *♥*


< style >table {background-color: transparent;border-style: none;border-spacing: none;}td {border: none;border-color: none;background: none;} < /style >
โดย: KungGuenter วันที่: 9 พฤศจิกายน 2550 เวลา:3:45:00 น.
  
*♥* โค้ดห้ามคลิ๊กขวา *♥*


< script LANGUAGE="JavaScript">
function click() {
if (event.button==2) {
alert('ข้อความ');
}
}
document.onmousedown=click
// -->
< /script>
โดย: KungGuenter วันที่: 9 พฤศจิกายน 2550 เวลา:3:48:50 น.
  
*♥* เปลี่ยนสีและแบบตัวอักษรทั้งหน้า *♥*


<style>body, ul, li, p{font:bold ชื่อแบบอักษร;font-size:ใส่ตัวเลขนาดของตัวอักษรpt;color:สี;} <style>

โดย: KungGuenter วันที่: 29 กันยายน 2551 เวลา:15:12:27 น.

Kungguenter.BlogGang.com

KungHangGerman
Location :
ปทุมธานี  Denmark

[ดู Profile ทั้งหมด]
 ผู้ติดตามบล็อก : 51 คน [?]

บทความทั้งหมด