โค้ดแต่งบล็อก
เฮ้อ!!ในที่สุดก็มี โค้ด แต่งบล็อก เป็นของตัวเองสักที กว่าจะเสร็จนะ...อื้อหือ เหงื่อเป็นกระติกเชียว.. แต่ต้องขอบคุณคุณGunpung ไว้ ณ ที่นี้ด้วยนะคะ บ้านคุณGunpung
รวม 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>
เปลี่ยน Cursor <body style="cursor:url(URL ของรูป ไฟล์ .ani หรือ .cur)">
เปลี่ยนสี 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>
เปลี่ยนรูปเรารักในหลวง (Login ท้ายชื่อใน Comment) <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="URL ของรูป"}</script>
จำนวนผู้ชมออนไลน์ <script type="text/javascript" src="//fastonlineusers.com/on4.php?d=URL บล็อคของคุณ"></script> : Users Online
ใส่รูปภาพ <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>
เปลี่ยน Logo Bloggang <script>ldocument.images[0].src="URL ของรูป"; document.images[0].width =0 ; document.images[0].height =0</script>
ทำ Link <a href ="URL Link">ข้อความที่ต้องการ</a>
ทำ Link เปิดหน้าใหม่ <a href =URL Link target=_blank>ข้อความที่ต้องการ</a>
ทำรูปให้กับ Link <a href="URL Link"><img src="URL ของรูป"></a> ทำรูปให้กับ Link (เปิดหน้าใหม่)
<a href="URL Link" target=_blank><img src="URL ของรูป"></a>
เปลี่ยน 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="URL ของรูป"}</script>
Theme อิสระ - เมนูซ้าย, ขวา เปลี่ยนไม่ได้ค่ะ
ทำกรอบรอบๆบล็อค <script language="JavaScript1.2"> if (document.all) document.body.style.cssText="border:10 ridge โค้ดสี" </script>
ข้อความต้อนรับ <SCRIPT LANGUAGE="JavaScript"> <!-- Begin alert("ข้อความที่จะทักทาย") // End --> </script>
ข้อความบอกลา <Script Language="VBScript"> Sub Window_onUnLoad() alert("ข้อความที่ต้องการ") End Sub </Script>
เปลี่ยนสีตัวหนังสือ <font color="โค้ดสี">ข้อความที่ต้องการ</font>
ลูกเล่นเมื่อเปลี่ยน Webpage <="Page-Enter" content="RevealTrans (Duration=3, Transition=23)"> <="Page-Exit" content="RevealTrans (Duration=2, Transition=23)">
จำนวนผู้ชมทั้งหมด <center><script src="//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:โค้ดสี double 3px; padding:20"> <legend align=center><img src=URL ของรูป> Comment No. ' + i + ' <img src=URL ของรูป> </font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>
โค้ด กลับขึ้นข้างบนของ Page <center><a href="#top">TOP</a></center>
ลองกดทดสอบที่นี่ค่ะ
ส่งหลังไมค์ <a href ="URL หลังไมค์" target='_blank'> ส่งหลังไมค์ที่นี่</a>
หรือใส่รูป
<a href ="URL หลังไมค์" target='_blank'><img src="URL ของรูป" border=0></a>
โค้ดทำกรอบและเปลี่ยนคำให้กับ Submit และ Reset <script> document.forms.reply.Submit.value = "Submit"; document.forms.reply.Reset.value = "Reset"; document.forms.reply.Submit.style.width = 100; document.forms.reply.Reset.style.width = 100; document.forms.reply.Submit.style.height = 30; document.forms.reply.Reset.style.height = 30; document.forms.reply.Submit.style.backgroundColor = "black"; document.forms.reply.Reset.style.backgroundColor = "black"; document.forms.reply.Submit.style.color = "#e65c7c"; document.forms.reply.Reset.style.color = "#e65c7c"; document.forms.reply.Submit.style.border = "3px double #e65c7c"; document.forms.reply.Reset.style.border = "3px double #e65c7c"; </script>
Submit = เปลี่ยนเป็นคำที่ต้องการแทน Submit Reset = เปลี่ยนเป็นคำที่ต้องการแทน Reset 100 = ความยาวของกรอบ 30 = ความสูงของกรอบ black = สีพื้นหลังที่ต้องการ #e65c7c = สีตัวอักษรที่ต้องการ 3px double #e65c7c = ขนาด, ชนิด, และสีกรอบที่ต้องการ ชนิดกรอบจะมี solid, inset, outset, groove, ridge, dashed, dotted, หรือ double
โค้ดเช็คข้อความหลังไมค์ ต้อง Login ที่ Bloggang ก่อนค่ะ ถึงจะเช็คข้อความหลังไมค์ได้ <a href ="//www.pantip.com/cafe/krazip/index.php" target=_blank>เช็คข้อความหลังไมค์</a>
หรือใส่รูป
<a href="//www.pantip.com/cafe/krazip/index.php" target=_blank><img src="URL ของรูปที่ต้องการ" border="0"></a>
โค้ดเปลี่ยนรูปตรง Rss Feed <script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/icon_rss.png") {document.images[i].src="URL ของรูปที่ต้องการ"}</script>
โค้ดเปลี่ยนรูปตรง My FriendFlock <script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/icon_network_mini1.gif") {document.images[i].src="ใส่ URL ของรูปที่ต้องการเปลี่ยน"}</script>
โค้ดเปลี่ยนรูปตรง ฝากข้อความหลังไมค์ <script>iLength = document.images.length
code ใส่ background
เปลี่ยนรายละเอียดที่ต้องการ ตรงข้อความ สีชมพู
คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล้อก จะแสดงเฉพาะที่บล็อกนั้น
โค๊ด bg แบบ fixed ไม่ให้ bg เลื่อนลงตาม scroll bar
<style>body{background-attachment: fixed;background-image:url(//..........);}</style>
โค๊ด bg ด้านซ้ายของบล็อก
<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ;background-position:left ;background-repeat:repeat-y ;background-attachment : fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>
โค๊ด bg ด้านขวาของบล็อก
<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ;background-position:right ;background-repeat:repeat-y ;background-attachment : fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>
โค๊ด bg line หัวบล็อก
<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ;background-repeat : repeat-x ;background-attachment : fixed; background-color: "……ใส่สีพื้นหลัง……";}</style>
โค๊ด bg line ใต้บล็อก
<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ; background-position:bottom ;background-repeat : repeat-x;background-attachment: fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>
โค๊ด bg เป็นรูปภาพเดียวทั้งหน้า
<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>
โค๊ด bg โดยไล่เฉดสี (gradient)
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='color code 1', startColorstr='color code 2', gradienttype=0);">
gradienttype 0 ไล่สีตามแนวนอน gradienttype 1 ไล่สีตามแนวตั้ง
โค๊ด bg แบบ tile
<style>body{background-image:url(URLของภาพ);}</style>
โค้ดใส่กรอบและรูปภาพให้กล่องคอมเม้นท์
เปลี่ยนรายละเอียดที่ต้องการ ตรงข้อความ สีชมพู นำโค๊ดไปจัดที่โปรแกรม notepad ก่อนนำไปใส่ที่ script area นะค่ะ
<style> textarea{ width: 300; height: 200; background: url(URL ของรูปที่ต้องการ); color: โค้ดสีเวลาพิมพ์ข้อความ; font-family: MS Sans Serif; font-size: 15pt; border: double 5px โค้ดสีกรอบที่ต้องการ;} input{ background: โค้ดสีพื้นหลังตรงที่จะพิมพ์ชื่อ; color: โค้ดสีเวลาพิมพ์ชื่อ; border: double 2px โค้ดสีกรอบตรงที่จะพิมพ์ชื่อ;} </style>
Free TextEditor
Create Date : 23 พฤษภาคม 2554 |
Last Update : 23 พฤษภาคม 2554 9:34:02 น. |
|
6 comments
|
Counter : 1402 Pageviews. |
|
|