โค้ดแต่ง blog พื้นฐาน

posted on 28 Aug 2008 18:30 by raveepass

สำหรับน้องใหม่หัดทำblog   โค้ดเหล่านี้เป็นโค้ดพื้นฐานทั้งนั้นเลยค่ะ

นำไปใช้ได้เลย   มีหลายโค้ด ลองเอาไปใช้กันดูนะค๊ะ

 

โค้ดเปลียนพื้นหลังค่ะ

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

 

 โค้ด  เวลาที่ status bar

 
  <script type="text/javascript" src ="http://paradijs.110mb.com/bloggang-time.js%22%3E%3C/script>  
 

 

code คลิ๊ก MOUSE ขวาแล้วไม่มีอะไรขึ้นมาเลย 

 
  <script type="text/javascript" src ="http://paradijs.110mb.com/bloggang-mouse.js"></script>  
 

 

code   Mouse ชี้ที่ Link แล้วเป็นสีรุ้ง

 
  <script type="text/javascript" src ="http://paradijs.110mb.com/bloggang-link.js"></script>  
 

 

code ดอกซากุระ หมุนวนรอบๆ Mouse

 
  <script type="text/javascript" src ="http://paradijs.110mb.com/bloggang-sakura.js"></script>  
 

 

codeลบพื้นหลังและลบกรอบสีขาว

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

 

code เปลี่ยนสี Link

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

 

code ทำให้รูปไม่มีกรอบ

 
  <style>img {border: none;}</style>  
 

 

 

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

 

 

 
 
code  ใส่รูปภาพ


<img src="URL ของรูป" "border=0">
 
 

 

 

 
 
code ใส่รูปภาพพร้อมคำพูด


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

 

 

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


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

 

 

 
 
code ส่งอีเมล์


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

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

 

 
 
code ทำ Link

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

 

 

 
 
code  ทำ Link เปิดหน้าใหม่


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