ซาหลิ่มโค๊ด

    Board ของแต่งได               Welcome              Letter A-Z            Symbol Msn             Cartoon Dookdik           Cartoon Glitter            Line          จิเวอรี่แต่งได
Blackgound สีพื้น           ภาพการ์ตูนเกาหลี          ภาพอาร์ทแนวแนว      ภาพอาร์ทโหดหลอน       Icon Mini            รีสแบนด์ในหลวง             Ps                  
Blinkblink              Wallpaper Cartoons            Comment Hi5
           พวงกุญแจของน่ารัก             Emo picture 


 

 

Sponser Link

วิธีใส่โค๊ดในเว็บ
คำสั่งพื้นฐาน html
ใส่โค๊ด java หลาย script ในหน้าเดียวกัน
รวมโค้ดทั้งหมด
Code ใช้กับ hi5
บอร์ด ซาหลิ่มโค๊ด
 

♥  Coding,รวมมิตรโค้ด

  For other uses, see Code (disambiguation). In communications, a code is a rule for converting a piece of information (for example, a letter, word, or phrase) into another form or representation, not necessarily of the same type. In communications and information processing, encoding is the process by which information from a source is converted into symbols to be communicated. Decoding is the reverse process, converting these code symbols back into information understandable by a receiver. code,code html,code hi5,code ไดอารี่,โค้ดไดอารี่,โค้ดบล๊อค,โค้ดตกแต่งไดอารี่,โค้ดbg,โค้ดใส่รูปภาพ



 
 

One reason for coding is to enable communication in places where ordinary spoken or written language is difficult or impossible. For example, a cable code replaces words (e.g., ship or invoice) into shorter words, allowing the same information to be sent with fewer characters, more quickly, and most important, less expensively. Another example is the use of semaphore, where the configuration of flags held by a signaller or the arms of a semaphore tower encodes parts of the message, typically individual letters and numbers. Another person standing a great distance away can interpret the flags and reproduce the words sent.
In the history of cryptography, codes were once common for ensuring the confidentiality of communications, although ciphers are now used instead. See code (cryptography).

สนใจนำ Code Javascript จากเว็บของเราไปแปะที่ เว็บไซต์คุณแบบง่ายๆ เพียงก๊อบโค้ดตรงนี้

HTML Code

ดูตัวอย่าง

สนใจนำ ที่เทสโค้ด ไว้ทดสอบโค้ด จากเว็บของเราไปแปะที่ เว็บไซต์คุณแบบง่ายๆ เพียงก๊อบโค้ดตรงนี้

HTML Code

ดูตัวอย่าง

Free ที่ทดสอบโค้ด น่ารักจากเกาหลี อีกมากมายติดเว็บ ไดอารี่ บล๊อค Click! test code,ที่ทดสอบโค้ด

 

 

 

1.กล่องข้อความ ขึ้นเมื่อหน้าเวปโหลดเสร็จ


<!--
alert("ข้อความ")
//-->


นำ CODEไปวางในส่วน<head>


 

3.ใส่รูปตรงกล่อง comment


<style type=text/css>textarea{width: 450 ;height: 240 ;background:url( XXX );color= blue ; font-family : tahoma ; font-size: 20pt ; </style>


ถ้าใส่ในscript จะแสดงทุกหน้าเวปเลยนะ

ถ้าใส่ใน table ก้อจะแสดงแค่table นั้น

 

3.background

ใส่ bg แบบfix ไม่ให้เลื่อนตามสกอบาร์

<style type="text/css">
<!--
body {background-image: url(url ภาพที่จะทำbg);
background-attachment: fixed;
background-repeat: repeat;

 </style>


ใส่แบบมีภาพเดียวทั้งหน้า

<style type="text/css">
<!--
body {background-image: url(url ภาพที่จะทำbg);
</style>

 

ถ้าใส่ในscript จะแสดงทุกหน้าเวปเลยนะ

ถ้าใส่ใน table ก้อจะแสดงแค่table นั้น

 

 

4.เปลี่ยนสี 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>

ถ้าใส่ในscript จะแสดงทุกหน้าเวปเลยนะ

ถ้าใส่ใน table ก้อจะแสดงแค่table นั้น

 

 

5.cursor/เมาส์

สามารถเปลี่ยนรูปได้ เปลี่ยนตรง urlรูป

 

<body style="cursor:url( URLรูป.ani )">

คำสั่งใส่ใน <body >

 

เอารูปไรใส่ก็ได้ลองกันด

 

 

6.เปลี่ยนสี scollbar


<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #1E90FF;
scrollbar-highlight-color: #98F5FF;
scrollbar-3dlight-color: #B0E2FF;
scrollbar-darkshadow-color: #1C86EE;
scrollbar-shadow-color: #98F5FF;
scrollbar-arrow-color: #104E8B;
scrollbar-track-color: #BBFFFF;
}
-->
</STYLE>

ถ้าใส่ในscript จะแสดงทุกหน้าเวปเลยนะ

ถ้าใส่ใน table ก้อจะแสดงแค่table นั้น

 

7.กรอบแบบที่เห็นใส่โค๊ดสวยดี

 


code <fieldset><legend> Title </legend> ข้อความ </fieldset>

แบบใส่สีขอบด้วย

code

<fieldset style="border:1px solid #FF0000 ; padding:10;"><legend align=" left "><font color=" #FF0000 "> Title </font></legend><font color=" #FF0000 "><p align=" center (left, right) "> ใส่รายละเอียดที่นี้ </p></font></fieldset> ??

 

ใส่ตรงส่วนที่ต้องการจะให้แสดง<body>


 

8.ใส่กล่อง scroll bar หน้าเวป




<DIV align= left style=' color: #000000 ; background-color: #CCCCFF ; border: solid 2px black ; width: 200 px; height: 100 px; overflow: scroll; '>
ใส่รูปหรือข้อความที่นี้?? </DIV>


ยินดีต้อนรับสู่ zalim-code

 

ใส่ตรงส่วนที่ต้องการจะให้แสดง<body>

 

9.IFRAME

<
<IFRAME src=" http:MMM " width=" 300 " height=" 200 "></IFRAME>

ใส่เวปตร ง---> src= '' ชื่อเว็บ''

 

ใส่ตรงส่วนที่ต้องการจะให้แสดง<body>

 

10.ใส่กรอบแบบต่างๆ อันนี้ ชอบที่สุด

ใส่ตรงส่วนที่ต้องการจะให้แสดง<body>

<center><table style="border: 2px dotted #ff0000;"cellpadding="5" cellspacing="10"<tr><td height="21"><center> ข้อความ </center>

ส่วนที่ต้องทำการแก้ไข

ความหนาของกรอบ ---> 2px
ชนิดของกรอบ ---> dotted, dashed,solid, groove, ridge, inset, outset, double
สีของกรอบ --->เปลี่ยนตามใจชอบ


ขอต้อนรับสู่ slim-code ค่ะ

ใส่กรอบแบบหลายชั้นมีสีสัน

จากโค๊ดข้างบนเอามาซ้อนกัน จ๊ะ

ใส่ตรงส่วนที่ต้องการจะให้แสดง<body>

<center><table style="border: 5 px double #FF66CC ;" cellspacing= 2 ><tr><td><table style="border: 2 px solid #FF99CC ;"cellspacing= 5 ><tr><td><table style="border: 2 px dotted #FFCCCC ;" cellspacing= 20 ><tr><td align=center> ใส่รูปหรือข้อความ </td></tr></table></td></tr></table></td></tr></table></center>

ใส่รูปหรือข้อความ

 

 

 

11.รวมมิตรcode

ลบพื้นหลังและลบกรอบสีขาว
<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>




เปลี่ยนตัวหนังสือให้ใหญ่และ Font
<style>p b font {font:bold 13px MS Sans Serif;}</style>




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




เปลี่ยน Bullet (จุดกลมๆที่อยู่หน้า Group Blog)
<style>ul{list-style: ;list-style-image: url(URL ของรูป);}</style>



เปลี่ยน 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>




ทำให้รูปไม่มีกรอบสีฟ้า
<style>img {border: none;}</style>



จำนวนผู้ชมออนไลน์
<script type="text/javascript" src="http://fastonlineusers.com/on4.php?d=URL บล็อคของคุณ"></script> ข้อความที่ต้องการ




ใส่รูปภาพ
<img src="URL ของรูป" "border=0">



ใส่รูปภาพพร้อมคำพูด
<img src="URL ของรูป" alt="ข้อความที่ต้องการ">




ใส่รูปให้กล่อง Comment
<style type=text/css>textarea{width:300;height:200;background:url(URL ของรูป);color=โค้ดสี; font-family : MS Sans Serif; font-size:14pt; </style>


ส่งอีเมล์
<a href="mailto:ที่อยู่อีเมล์ของคุณ">ส่งอีเมล์</a>


หรือใส่รูป

<a href="mailto:ที่อยู่อีเมล์ของคุณ"><img src="URL ของรูป"></a>




ทำ Link
<a href ="URL Link">ข้อความที่ต้องการ</a>




ทำ Link เปิดหน้าใหม
<a href =URL Link target=_blank>ข้อความที่ต้องการ</a>




ใส่รูปให้กับ Link
<a href="URL Link"><img src="URL ของรูป"></a>




เปลี่ยน 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="URL ของรูป"}</script>

Theme อิสระ - เมนูซ้าย, ขวา เปลี่ยนไม่ได้ค่ะ




ทำกรอบรอบๆบล็อค
<script language="JavaScript1.2">
if (document.all)
document.body.style.cssText="border:10 ridge โค้ดสี"
</script>




ใส่เพลง Real Player ram, rm
<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=70 WIDTH=300>
<PARAM NAME="controls" VALUE="ControlPanel,StatusBar">
<PARAM NAME="console" VALUE="Clip1">
<PARAM NAME="autostart" VALUE="true หรือ false">
<PARAM NAME="src" VALUE="URL เพลง">
<EMBED SRC="URL เพลง" type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ControlPanel,StatusBar" HEIGHT=70 WIDTH=300 AUTOSTART=false>
</OBJECT>





ใส่เพลง wma, wmv, mp3

มี Console เปิด - ปิด,

<EMBED SRC="URL เพลง wma, wmv, mp3" HEIGHT="40" WIDTH="170" AUTOSTART="true" VOLUME="50%" MASTERSOUND></EMBED>


ไม่มี Console เปิด - ปิด

<EMBED SRC="URL เพลง wma, wmv, mp3"HIDDEN="true" AUTOSTART="true"LOOP="true" VOLUME="50%" MASTERSOUND></EMBED>




ใส่เพลง swf
<object id="mediaplayer" height="45" width="170" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"standby="Loading Microsoft Windows Media Player components" viewastext><param name="url"value="URL เพลง swf"><param name="autostart" value="ture"></object>




ใส่ไฟล์ .css
<link rel="stylesheet" href="URLของ ไฟล์ .css" type="text/css">




เปลี่ยนสีตัวหนังสือ
<font color="โค้ดสี">ข้อความที่ต้องการ</font>




ดอกไม้ร่วงหน้าบล็อค
<script type="text/javascript" src ="http://www.geocities.com/oranjebloggang/flower.js"> </script>




คลิ๊ก MOUSE ขวาแล้วไม่มีอะไรขึ้นมาเลย
<script type="text/javascript" src ="http://www.geocities.com/oranjebloggang/mouse.js"> </script>




เวลาที่ Status Bar
<script type="text/javascript" src ="http://www.geocities.com/oranjebloggang/time.js"> </script>


 


ลูกเล่นเมื่อเปลี่ยน Webpage
<Meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=23)">
<Meta http-equiv="Page-Exit" content="RevealTrans (Duration=2, Transition=23)">


 


เปลี่ยนรูป Emotion ในคอมเม้นท์
<script type="text/javascript" src ="http://www.geocities.com/oranjebloggang/emotion.js"> </script>




รวมจำนวนผู้ชมทั้งหมด
<center>ผู้ชมทั้งหมด <script src="http://fastwebcounter.com/secure.php?s=ใส่ URL บล็อค ของคุณที่นี่ค่ะ"></script> คน</center>

ผู้ชมทั้งหมด, คน
สามารถเปลี่ยนสีตัวอักษร, ใส่รูป, ใส่โค้ดกรอบ,
หรือเอารูปมาทำพื้นหลังได้ตามสบายเลยนะคะ




กรอบนับ 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:โค้ดสี groove 3px; padding:20"> <legend align=center><img src=URL ของรูป> ความเห็นที่ ' + i + ' <img src=URL ของรูป></font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>

 

++ข้อความเลื่อนที่หัวไดอารี่+

  
++เอารูปใส่ที่หัวข้อเวปเพจ+

++โค้ดกล่องเม้น-เปลี่ยนแบบตัวอักษร +

 
++ทำไดอารี่ให้ใส+

 
 ++ใส่รูปในกล่องคอมเม้นและที่คนมาเม้นเรา++

*box_comment <<< นี่คือ บีจีรอบๆกล่องคอมเม้น
 **comment_detail <<< นี่คือ บีจีตรงที่คนเม้นแล้ว
 

 

++โค้ดภาพลอยออกมาจากกล้องเม้น ++

 

 

++ใส่รูปในส่วนต่างๆ++

 

 

++ทำให้รูปเลื่อนได้++

 

 

++กดปุ่มจะมีข้อความเด้งออกมา ++

 

 

++อักษรกะพริบทีละตัว ++

 

 

++คลิกขวามี popup++

 

 

++เข้าไดอารี่มากี่วิ นาทีแล้ว++

 

 

++ถามอายุ++

 

 

++โค้ด กรอบได++

 

 

++ไดอารี่สั่น++

 

 

++ฝนตัวอักษร++