Breaking News

รวม Code Link Banner | Code Text Link Code html ต่างๆใว้ใช้งาน


สวัสดีครับ วันนี้ผมได้โค้ดสำหรับ Link Banner Code Link Text Code html ต่างๆมาฝากกันครับ น่าจะเป็นประโยชน์ต่อเพื่อนๆ ไม่มากก็น้อยแหละ^_^  ทั้งตัวผมเองก็ต้องใช้โค้ดพวกนี้อยู่แล้ว ผมเลยเอามาลงเผื่อใครต้องการ และสะดวกเวลาที่ผมต้องใช้งานเช่นกัน ใส่ใน hi5 ก็ได้น่ะ

code-html

Text Link
<a href="Url ที่ต้องการลิ้งค์">Keyword ที่โชว์</a>

ลิ้งค์กระพริบ
 <!--Start Code From PremPree.Com -->

<!--เริ่ม-แสดงcode-->

<SCRIPT language=JavaScript>
color=new Array(0xff0000,0x00ff00,0x0000ff,0xffff00,0xff00ff,0x00ffff);
linkc=0;
function rainbow()
{
document.linkColor=color;
document.vlinkColor=color;
document.alinkColor=color;
linkc++;
if (linkc==6) {linkc=0}
timer=setTimeout("rainbow()",150);
}
rainbow()
</SCRIPT>


<!--จบ-แสดงcode-->
<!--ic:flood-->
<!-- End code --> 




Banner Link
<a href="Url ที่ต้องการลิ้งค์" target="_blank"><img src="Url รูปที่ต้องการ" border="0" alt="Keyword ที่ต้องการ" /></a>

<a href="ลิงค์ของบทความ"><img alt="ตัวอักษรเวลาชี้เม้าส์" src="URL ของรูปภาพ" /></a>

การทำ Text Link สอนทำเว็บฟรี.
<a href="url">ข้อความ</a> : ลิ้งโดยใช้ข้อความ
<a href="url"  target="_blank">ข้อความ</a> : ลิ้งโดยใช้ข้อความ แบบเปิดหน้าต่างไหม่
<a href="url"><img src="url รูป"></a> : ลิ้งโดยใช้รูปภาพ

<a href="url"  target="_blank"><img src="url รูป"></a> : ลิ้งโดยใช้รูปภาพ แบบเปิดหน้าต่างไหม่


Code เกี่ยวกับการจัดรูปแบบ
<br> : เว้นบรรทัด
&nbsp; : เว้นวรรค
<div align="left">ข้อความ</div> : ข้อความชิดซ้าย
<div align="right">ข้อความ</div> : ข้อความชิดขวา
<div align="center">ข้อความ</div> : ข้อความอยู่กลาง
<center>ข้อความ</center> : ข้อความอยู่กลาง

<IFRAME src="http:MMM" width="300" height="200"></IFRAME>เรียกหน้าเว็บเพจอื่น มาวางไว้ที่หน้าบล็อก




Code เกี่ยวกับสีสันของข้อความ
<b>ข้อความ</b> : ตัวหนา
<strong>ข้อความ</strong> : ตัวหนา
<i>ข้อความ</i> : ตัวเอียง
<em>ข้อความ</em> : ตัวเอียง
<u>ข้อความ</u> ขีดเส้นใต้
<font size="10">ข้อความ</font> : ขนาดข้อความ
<font color="#000000">ข้อความ</font> : สีข้อความ
<font color="#000000" size="10">ข้อความ</font> : ขนาดและสีข้อความ
<td> คือคอลัม
<tr> คือแถว

style>body, ul, li, p{font: normal MS Sans Serif,Tahoma;font-size:10pt;color: โค้ตสีจ้า;}</style> Code เปลี่ยนสี font ทั้งหน้า




Code เกี่ยวกับรูปภาพ
<img src="url"> : ใส่รูป
<img src="url" width="100px" height="100px"> : ใส่รูป แบบ กำหนดขนาด
<img src="url" border="3" border-color="#000000"> : ใส่รูป แบบ กำหนกขนาดและสีเส้นขอบ
<img src="url" ait="ข้อความ"> : ใส่รูป แบบ เวลาเอาเมาไปชี้แล้วมีข้อความขึ้นมา



Code เกี่ยวกับตาราง
<table background="urlรูป"><tr><td>ข้อความ</td></tr></table> ใส่พื้นหลังไห้ข้อความ

Code เกี่ยวกับ marquee หรือข้อความแบบเลื่อนได้
<marquee>ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย
<marquee direction="left">ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย
<marquee direction="right">ข้อความ</marquee> : ข้อความเลื่อนจากซ้ายไปขวา
<marquee direction="up">ข้อความ</marquee> : ข้อความเลื่อนจากล่างขึ้นบน
<marquee direction="down">ข้อความ</marquee> : ข้อความเลื่อนจากบนลงล่าง

Code LINK แบบปุ่ม BUTTON แบบ 1 

<form>
<INPUT TYPE="button" VALUE="ข้อความ"
onClick="parent='url ค่ะ'">
</form>

Code LINK แบบปุ่ม BUTTON แบบ 2
<style type='text/css'>
a.Button {
border-style: solid;
border-width: 1px;
border-color: #c0c0c0;
color: #000000;
font-family: "MS Sans Serif", Arial, Tahoma, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: normal;
padding: 2px;
padding-left: 6px;
padding-right: 6px;
position: relative;
text-decoration: none;
}

a.Button:hover {
border-color: #f0f0f0 #505050 #505050 #f0f0f0;
text-decoration: none;
border-style: solid;
border-width: 1px;
font-family: "MS Sans Serif", Arial, Tahoma, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: normal;
padding: 2px;
padding-left: 6px;
padding-right: 6px;
position: relative;
}
</style>
<a href="http://kobover.blogspot.com/p/blog-page_5.html" target="_blank" class="Button">Back Link Free</a>


 
เขียนโดย: suree & kobover
“เรียนรู้ในสิ่งที่คุณไม่รู้…คุณจะรู้ในสิ่งที่ไม่เคยรู้”