COMOSOM
Location :
กรุงเทพฯ Thailand

[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 1 คน [?]






รักสงบ ชอบงานฝีมือ...
งานถัก สำหรับบางคนอาจจะน่าเบื่อ

แต่สำหรับเราแล้ว มันไม่ใช่แค่งานอดิเรก

แต่มันทำให้เรารู้สึกสบายใจ

พอเห็นสีไหมแล้วมันมีความสุข

เวลาเราโกรธ..มันทำให้เราลืมได้

ทำให้ใจเย็นลงได้อย่างมหัศจรรย์...
: Users Online lozocat
Group Blog
 
<<
ธันวาคม 2552
 
 12345
6789101112
13141516171819
20212223242526
2728293031 
 
6 ธันวาคม 2552
 
All Blogs
 
Friends' blogs
[Add COMOSOM's blog to your web]
Links
 

MY VIP Friend


 
 

โค้ดเบื้องต้น หัดทำBlog


โค้ดเบื้องต้นสำหรับ Blog
หมายเหตุ...อย่าลืมเอาเครื่องหมาย * ออกด้วยทุกครั้ง
ใส่ bg แบบ tile
(ใส่ใน script จะแสดงผลทุกบล็อก ใส่ที่ช่องรายละเอียดจะแสดงเฉพาะที่บล็อกนั้น) โค้ด=
<*style>body{background-image:url(XXX);}<*/style>

ใส่ bg เป็นรูปภาพเดียวทั้งหน้า
(ใส่ใน script จะแสดงผลทุกบล็อก ใส่ที่ช่องรายละเอียดจะแสดงเฉพาะที่บล็อกนั้น) โค้ด=
<*style>Body{background-image:url("http:XXX");background-position: center (bottom left..etc..);background-repeat: no-repeat;background-attachment: fixed;background-color:color code;}<*/style>

ใส่ bg โดยใช้สี
โค้ด=
<*style>body{background:color code}><*/style>

ให้ภาพมุมบล็อกอยู่..กลางบล็อก
<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:center;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

ให้ภาพมุมบล็อกอยู่ ..มุมขวาบน
<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:right top;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

ให้ภาพมุมบล็อกอยู่ ..มุมขวากลาง

<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:right center;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

ให้ภาพมุมบล็อกอยู่ ..มุมขวาล่าง

<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:right bottom;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

ให้ภาพมุมบล็อกอยู่ ..มุมซ้ายบน
<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:left top;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

ให้ภาพมุมบล็อกอยู่ ..มุมซ้ายกลาง
<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:left center;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

ให้ภาพมุมบล็อกอยู่ ..มุมซ้ายล่าง
<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:left bottom;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

บีจีจากภาพเล็กๆหลายภาพเรียงกัน
<*style>body{background-attachment: fixed;background-image:url(ใส่ URLของภาพที่จะใช้);}<*/style>

ใส่แบบ Fix ไม่ให้เลื่อนตาม Scroll bar

(ใส่ใน script จะแสดงผลทุกบล็อก ใส่ที่ช่องรายละเอียดจะแสดงเฉพาะที่บล็อกนั้น) โค้ด=
<*style>body{background-attachment: fixed;background-image:url("XXX");}<*/style>


ลบกรอบและสีขอบของบล็อก

(ใส่ในscript จะแสดงทุกหน้า ใส่ใน table จะแสดงแค่table นั้น) โค้ด=
<*style>table {background-color: transparent;border-style: none;border-spacing: none;}TD {border: none;border-color: none;background: none;}<*/style>

ทำกรอบรอบๆบล็อก

<*script language="JavaScript1.2"> if (document.all)
document.body.style.cssText="border:10 ridge โค้ดสี"<*/script>

เปลี่ยนรูปอมยิ้ม (log in) ท้ายชื่อ copy code ไปใส่ในช่อง script

<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="../images/smile.gif") {document.images[i].src="http://ของรูปที่ต้องการ"}<*/script>

ใส่รูปให้ Reed
<*script>iLength = document.images.length; for(i=0;i<*/script>

เปลี่ยน Now Here
(ใส่ในช่อง slogan) โค้ด=
<*script>iLength = document.images.length; for(i=0;i<*/script>

ลูกเล่นเมื่อเปลี่ยน Webpage
(ใส่ที่ช่องsloganหรือScript) โค้ด=
<*="Page-Enter" content="RevealTrans (Duration=3, Transition=23)">
<*="Page-Exit" content="RevealTrans (Duration=2, Transition=23)">


ส่งหลังไมค์
โค้ด=
<*a href ="URL หลังไมค์" target='_blank'> ส่งหลังไมค์ที่นี่<*/a>

โค้ดหลังไมค์ มีคำว่าส่งข้อความถึง......แล้วมีรูปต่อข้างล่าง
โค้ด=

<*B>ส่งข้อความถึง......... <*/B>
<*br>
<*a href ='http://www.pantip.com/cafe/krazip/write.php?nick_name=crumpler'border=0 target='_blank'><*img src = 'http://urlของรูป' border=0 Alt='หลังไมค์'><*/a>

เปลี่ยนจุดหน้าหัวข้อ (bullet)
(ใส่ในscript จะแสดงทุกหน้า ใส่ใน table จะแสดงแค่table นั้น) โค้ด=
<*style>ul{list-style: ;list-style-image: url(รูปที่ต้องการ);}<*/style>

เปลี่ยนรูปเรารักในหลวง อยู่หลังชื่อเวลาเขียนcomment
โค้ด=
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++)if(document.images[i].src=="../images/smile.gif") {document.images[i].src="ใส่รูปที่นี่..................."}<*/script>

ลบกรอบใน Profile

โค้ด=
<*style>img {border: none;}<*/style>


เปลี่ยนสี scroll bar

ใสในscript จะแสดงทุกหน้า ใส่ใน table จะแสดงแค่table นั้น) โค้ด=
<*style type="text/css">body {scrollbar-arrow-color: ใส่โค้ดสี;scrollbar-highlight-color:ใส่โค้ดสี; scrollbar-base-color:ใส่โค้ดสี;scrollbar-dark-shadow-color: ใส่โค้ดสี;scrollbar-track-color:ใส่โค้ดสี;}<*/style>

เปลี่ยนรูปอมยิ้ม (log in) ท้ายชื่อ
(ใส่ไว้ที่ช่อง script) โค้ด=
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="../images/smile.gif") {document.images[i].src="http://ของรูปที่ต้องการ"}<*/script>


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

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

ทำ Linkด้วยรูป
<*a href ='ใส่ http://ของหน้าเว็บที่ต้องการลิงค์' target='_blank'><*img src =ใส่ urlของรูปที่เอามาทำลิงค์><*/a>

โค้ดเชคข้อความหลังไมค์
<*a href ="http://www.pantip.com/cafe/krazip/index.php" target=_blank>เชคข้อความหลังไมค์<*/a>
หรือใส่รูป
<*a href="http://www.pantip.com/cafe/krazip/index.php" target=_blank><*img src="URL ของรูปที่ต้องการ" border="0"><*/a>

โค้ดเปลี่ยนรูปตรง My Network
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="../images/icon_network_mini1.gif") {document.images[i].src="ใส่ URL ของรูปที่ต้องการเปลี่ยน"}<*/script>

โค้ดเปลี่ยนรูปตรง Rss Feed
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="../images/icon_rss.png") {document.images[i].src="URL ของรูปที่ต้องการ"}<*/script>

ปลี่ยนรูปฝากข้อความหลังไมค์
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="../images/message.gif") {document.images[i].src="ใส่ URL ของรูปที่ต้องการเปลี่ยน"}<*/script>

เปลี่ยนรูปถังขยะลบ Comment
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="../images/delete.gif") {document.images[i].src="URL ของรูปที่ต้องการเปลี่ยน";document.images[i].height="ความสูงของรูป"; document.images[i].width="ความยาวของรูป";}<*/script>

เปลี่ยนรูปตรงแก้ไข Blog
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="../images/iconnote.gif") {document.images[i].src="URL ของรูปที่ต้องการเปลี่ยน";document.images[i].height="ความสูงของรูป"; document.images[i].width="ความยาวของรูป";}<*/script>

ข้อความต้อนรับ
<*Script Language= "VBScript">alert("ใส่ข้อความตรงนี้เลยจ้า")<*/Script>

ข้อความบอกลา

<*Script Language="VBScript">
Sub Window_onUnLoad()
alert("ใส่ข้อความตรงนี้เลยจ้า")
End Sub
<*/Script>

โค้ดป้องกันการยืดของหน้าบล็อก เวลาคนอื่นใส่รูปใหญ่เกินไป

<*style>div.comment{overflow: auto; width: 400px; height: auto;}<*/style>
width: 400px ----- เปลี่ยนขนาดได้

Code ทำให้ตัวหนังสือห่าง
<*style>p{letter-spacing:2px;}<*/style>

<*style>body, ul, li, p{letter-spacing:2px;}<*/style>

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

จำนวนผู้ชมทั้งหมด
รวมทั้งหมด<*script src="http://fastwebcounter.com/secure.php?s=url บล๊อคของคุณ"><*/script> คน

หมายเหตุ...อย่าลืมเอาเครื่องหมาย*ออกด้วยทุกครั้ง
เครดิต : http://afflecklife.bloggang.com
>




 

Create Date : 06 ธันวาคม 2552
11 comments
Last Update : 6 มีนาคม 2553 19:00:17 น.
Counter : 500 Pageviews.

 

โอ้

 

โดย: COMOSOM 6 ธันวาคม 2552 19:58:28 น.  

 

.^_______________^.

 

โดย: NateUnbreakable 25 ธันวาคม 2552 18:50:50 น.  

 

สวัสดีปีใหม่จร้าาาาา
ขอให้มีความสุขมากๆ นะค่ะ

ไปเที่ยวปีใหม่ที่ไหนเอ่ย

 

โดย: thinkcraft 30 ธันวาคม 2552 19:44:25 น.  

 

 

โดย: COMOSOM 9 มกราคม 2553 21:02:07 น.  

 



Take care and Goodnight nakha. ^^

 

โดย: NateUnbreakable 9 มกราคม 2553 23:08:49 น.  

 

หัดทำกรอบ เหมือนป้ามด

MMMMMM


 

โดย: COMOSOM 24 มกราคม 2553 16:13:42 น.  

 

MMMMMM

 

โดย: COMOSOM 24 มกราคม 2553 16:34:54 น.  

 

MMMMMM

 

โดย: COMOSOM 24 มกราคม 2553 16:38:44 น.  

 

น่ารักมากมาย

 

โดย: COMOSOM 29 มกราคม 2553 12:36:57 น.  

 

หัดทำกรอบ โทนสีม่วง

น่ารักมากมาย

 

โดย: COMOSOM 29 มกราคม 2553 12:41:07 น.  

 



(love you)

 

โดย: COMOSOM 13 กุมภาพันธ์ 2553 12:37:33 น.  

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

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