•°¤* โคดสำเร็จรูปใส่กรอบให้เมนูกรุ๊ฟบล็อค และ หัดทำเอง ชุดที่7 *¤°•



ตัวอย่างการจัดโคดและใส่สี ตามแบบที่เห็นด้านล่าง
W e l c o m e
Group Blog
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
<<
กันยายน 2553
 
 1234
567891011
12131415161718
19202122232425
2627282930 
All Blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Friends' blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Links
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Pantip-Cafe| Pantip-TechExchange| PantipMarket.com| Pantown.com| © 2004 BlogGang.com allrights reserved.
 
สำหรับธีมที่มีเมนูด้านขวามือเท่านั้น
อธิบายการจัดโคด ... ดูตามพิมพ์ของสีแต่ละสีนะคะ
●ใส่ขนาดความกว้างของกรอบ
●ใส่สีให้พื้นหลังของกรอบ **สีพื้นหลังมี 2 ชั้น ใส่ให้เป้นสีเดียวกันนะคะ 
●ใส่ชนาด-ใส่ชื่อ-ใส่สีให้เส้นกรอบ หรือ เส้นรอยปะ **dashed คือชื่อของเส้นรอยปะ
●สีพื้นหลังข้อความเลื่อนๆส่วนหัว และ สีพื้นหลังช่องที่ใส่ลิงค์ของเวปพันทิปส่วนล่าง
●ใส่รูปแบบของโคด marquee ตามต้องการ
●ใส่ขนาดให้ข้อความ และ ใส่สีให้ข้อความเลื่อนๆ ส่วนหัว
●เขียนข้อความ
<table border="0" cellspacing="2" cellpadding="2" width="270" align="center">  <tbody><tr><td align="center" valign="middle" style="background-color: #ffffff; border:1px dashed #141878"><table border="0" #cellspacing="0" cellpadding="0" width="100%" align="center" style="background-color: #ddf0dd"><tbody><tr><td align="center" valign="middle"><marquee behavior="alternate"><font size="3" color="#418789">W e l c o m e</font></marquee><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center" style="background-color: #ffffff">  <tbody><tr><td align="center" valign="middle"><table border="0" cellspacing="2" cellpadding="2" width="100%" align="center">  <tbody><tr><td align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">  <tbody><tr><td align="center" valign="middle"> <table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">  <tbody><tr><td align="center" valign="middle">
เซตจัดสีตัวพิมพ์ทั้งหน้าเวป
<style type="text/css"> <!--body { color: #62A0F2; background-color: #DDF0DD;}a:link {color: #BCBCFF;}a:visited {color: #BFBC32;}a:active {color: #69C554;}--></style>
อธิบายโคด ... ดูความหมายตามพิมพ์ของสีแต่ละสีนะคะ
#62A0F2 สีของตัวพิมพ์ทั้งหน้าเวป
#DDF0DD สีของพื้นหลัง
#BCBCFF สีของลิงค์
#BFBC32 สีของลิงค์ที่ผ่านการตลิกไปแล้ว
#69C554 สีกระพริบเมือวางเม้าท์บนลิงค์ 
สิ่งที่สำคัญที่สุด ..เมื่อจัดโคดเสร็จแล้วให้ก็อปปี้โคดทั้งหมดแล้วนำไปวางที่สคริปเอรียโดยวางไว้แถวล่างสุดของหน้าที่วางโคด
หมายเหตุ ...โคดทั้งหมดเที่เห็นสำหรับบล็อคแก็งเท้านั้น**เพราะเป็นการใช้เทคนิคในการจัด สำหรับที่ใช้ได้ในบล็อคแก็งค่ะ หากนำไปใช้ที่อื่นอาจจะมีผลแตกต่างจากตัวอย่างที่เห็นในการใช้งาน....
ป.ล. ฝากขอบคุณเพื่อนที่ให้ทิป จขบ. ด้วยนะคะ ด้ใจมากเลย  Cool  เห็นทิปแบบนี้แล้ว มีกำลังใจทำโคดมากเลยค่ะ....ไว้จะทำธีมสวยๆมาฝากนะคะ Cool...ขอบคุณอีกครั้งค่ะ
Cool    Cool    Cool   Cool   Cool  Cool



Create Date : 18 กันยายน 2553
Last Update : 18 กันยายน 2553 7:02:18 น.
Counter : 1084 Pageviews.

22 comments
ดีใจและรอรับรางวัลกิจกรรมตะพาบ เดือน พฤษภา-มิถุนายน 2563 katoy
(22 ก.ย. 2563 06:01:34 น.)
The King: Eternal Monarch (จอมราชันบัลลังก์อมตะ) ผลงานในรอบ 3 ปีของพระเอกหนุ่ม อีมินโฮ (Lee Min Ho) blue_medsai
(24 ส.ค. 2563 12:43:27 น.)
Logo สวยน่ารักชุดที่ 60 ญามี่
(19 มี.ค. 2563 19:46:41 น.)
(◕‿◕❀) Blogger Review :Tui Laksi ❤ T H ☆ N K - Y ♡U ❤ BlogGang.com และเพื่อนสมาชิกทุกท่าน Tui Laksi
(7 มี.ค. 2563 21:52:39 น.)
  
ตัวอย่างของกรอบเมื่อวางแล้ว
W e l c o m e
Group Blog
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
<<
กันยายน 2553
 
 1234
567891011
12131415161718
19202122232425
2627282930 
All Blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Friends' blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Links
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Pantip-Cafe| Pantip-TechExchange| PantipMarket.com| Pantown.com| © 2004 BlogGang.com allrights reserved.
หมายเหตุ : ก็อปปี้โคดด้านล่าง นำ ไปวางที่ สคริปเอรีย โดยวางไว้แถวล่างสุด ของ หน้าที่วางโคดทั้งหมด
โดย: lozocat วันที่: 18 กันยายน 2553 เวลา:2:28:50 น.
  
ตัวอย่างของกรอบเมื่อวางแล้ว
W e l c o m e
Group Blog
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
<<
กันยายน 2553
 
 1234
567891011
12131415161718
19202122232425
2627282930 
All Blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Friends' blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Links
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Pantip-Cafe| Pantip-TechExchange| PantipMarket.com| Pantown.com| © 2004 BlogGang.com allrights reserved.
หมายเหตุ : ก็อปปี้โคดด้านล่าง นำ ไปวางที่ สคริปเอรีย โดยวางไว้แถวล่างสุด ของ หน้าที่วางโคดทั้งหมด
โดย: lozocat วันที่: 18 กันยายน 2553 เวลา:2:29:40 น.
  
ตัวอย่างของกรอบเมื่อวางแล้ว
W e l c o m e
Group Blog
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
<<
กันยายน 2553
 
 1234
567891011
12131415161718
19202122232425
2627282930 
All Blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Friends' blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Links
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Pantip-Cafe| Pantip-TechExchange| PantipMarket.com| Pantown.com| © 2004 BlogGang.com allrights reserved.
หมายเหตุ : ก็อปปี้โคดด้านล่าง นำ ไปวางที่ สคริปเอรีย โดยวางไว้แถวล่างสุด ของ หน้าที่วางโคดทั้งหมด
โดย: lozocat วันที่: 18 กันยายน 2553 เวลา:2:30:55 น.
  
ตัวอย่างของกรอบเมื่อวางแล้ว
W e l c o m e
Group Blog
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
<<
กันยายน 2553
 
 1234
567891011
12131415161718
19202122232425
2627282930 
All Blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Friends' blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Links
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Pantip-Cafe| Pantip-TechExchange| PantipMarket.com| Pantown.com| © 2004 BlogGang.com allrights reserved.
หมายเหตุ : ก็อปปี้โคดด้านล่าง นำ ไปวางที่ สคริปเอรีย โดยวางไว้แถวล่างสุด ของ หน้าที่วางโคดทั้งหมด
โดย: lozocat วันที่: 18 กันยายน 2553 เวลา:2:31:26 น.
  
ตัวอย่างของกรอบเมื่อวางแล้ว
W e l c o m e
Group Blog
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
<<
กันยายน 2553
 
 1234
567891011
12131415161718
19202122232425
2627282930 
All Blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Friends' blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Links
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Pantip-Cafe| Pantip-TechExchange| PantipMarket.com| Pantown.com| © 2004 BlogGang.comallrights reserved.
หมายเหตุ : ก็อปปี้โคดด้านล่าง นำ ไปวางที่ สคริปเอรีย โดยวางไว้แถวล่างสุด ของ หน้าที่วางโคดทั้งหมด
โดย: lozocat วันที่: 18 กันยายน 2553 เวลา:2:31:56 น.
  
ตัวอย่างของกรอบเมื่อวางแล้ว
W e l c o m e
Group Blog
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
<<
กันยายน 2553
 
 1234
567891011
12131415161718
19202122232425
2627282930 
All Blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Friends' blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Links
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Pantip-Cafe| Pantip-TechExchange| PantipMarket.com| Pantown.com| © 2004 BlogGang.comallrights reserved.
หมายเหตุ : ก็อปปี้โคดด้านล่าง นำ ไปวางที่ สคริปเอรีย โดยวางไว้แถวล่างสุด ของ หน้าที่วางโคดทั้งหมด
โดย: lozocat วันที่: 18 กันยายน 2553 เวลา:2:32:28 น.
  
ตัวอย่างของกรอบเมื่อวางแล้ว
W e l c o m e
Group Blog
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
<<
กันยายน 2553
 
 1234
567891011
12131415161718
19202122232425
2627282930 
All Blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Friends' blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Links
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Pantip-Cafe| Pantip-TechExchange| PantipMarket.com| Pantown.com| © 2004 BlogGang.comallrights reserved.
หมายเหตุ : ก็อปปี้โคดด้านล่าง นำ ไปวางที่ สคริปเอรีย โดยวางไว้แถวล่างสุด ของ หน้าที่วางโคดทั้งหมด
โดย: lozocat วันที่: 18 กันยายน 2553 เวลา:2:33:01 น.
  
ตัวอย่างของกรอบเมื่อวางแล้ว
W e l c o m e
Group Blog
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
<<
กันยายน 2553
 
 1234
567891011
12131415161718
19202122232425
2627282930 
All Blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Friends' blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Links
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Pantip-Cafe| Pantip-TechExchange| PantipMarket.com| Pantown.com| © 2004 BlogGang.comallrights reserved.
หมายเหตุ : ก็อปปี้โคดด้านล่าง นำ ไปวางที่ สคริปเอรีย โดยวางไว้แถวล่างสุด ของ หน้าที่วางโคดทั้งหมด
โดย: lozocat วันที่: 18 กันยายน 2553 เวลา:2:33:38 น.
  
ตัวอย่างของกรอบเมื่อวางแล้ว
W e l c o m e
Group Blog
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
<<
กันยายน 2553
 
 1234
567891011
12131415161718
19202122232425
2627282930 
All Blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Friends' blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Links
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Pantip-Cafe| Pantip-TechExchange| PantipMarket.com| Pantown.com| © 2004 BlogGang.comallrights reserved.
หมายเหตุ : ก็อปปี้โคดด้านล่าง นำ ไปวางที่ สคริปเอรีย โดยวางไว้แถวล่างสุด ของ หน้าที่วางโคดทั้งหมด
โดย: lozocat วันที่: 18 กันยายน 2553 เวลา:2:34:15 น.
  
ตัวอย่างของกรอบเมื่อวางแล้ว
W e l c o m e
Group Blog
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
<<
กันยายน 2553
 
 1234
567891011
12131415161718
19202122232425
2627282930 
All Blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Friends' blogs
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Links
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์
ตัวอย่างสีลิงค์เมื่อผ่านการคลิกไปแล้ว
Pantip-Cafe| Pantip-TechExchange| PantipMarket.com| Pantown.com| © 2004 BlogGang.comallrights reserved.
หมายเหตุ : ก็อปปี้โคดด้านล่าง นำ ไปวางที่ สคริปเอรีย โดยวางไว้แถวล่างสุด ของ หน้าที่วางโคดทั้งหมด
โดย: lozocat วันที่: 18 กันยายน 2553 เวลา:2:34:57 น.
  
หวัดดีค่าคุณแคทสบายดีนะคะ ไม่ได้เข้ามาทำบลอกนานมาก บลอกคุณแคทสวยมากเลยค่ะ น่ารักมากด้วย
ของแต่งบลอกเพียบเลย

เข้ามาทักทายคุณแคท แต่มาเห็นกรอบข้างๆแบบนี้ น่าสนใจมาก ขอเอาไปใช้นะคะ ขอบคุณค่า จุ๊ฟฟฟฟฟ
โดย: bagarbu วันที่: 18 กันยายน 2553 เวลา:5:46:15 น.
  
คุณแคทอยากได้โคตกรอบคนมาเม้นท์ค่ะ
เราหาไม่เจออ่ะ อยู่ที่ไหนม่ะรู้ ช่วยหน่อยนะคะ ขอบคุณค่ะ
โดย: bagarbu วันที่: 18 กันยายน 2553 เวลา:6:08:32 น.
  
ขอบคุณสำหรับโค้ดค่ะ
โดย: kobnon วันที่: 18 กันยายน 2553 เวลา:7:13:26 น.
  
มาขอยืมไปใช้ด้วยคนนะคะ
ขอบคุณคะ
โดย: tempopo วันที่: 18 กันยายน 2553 เวลา:19:17:52 น.
  
แวะมาขอบคุณค่ะ ลองใช้ด้วยคน
โดย: พระอาทิตย์สีชมพู วันที่: 19 กันยายน 2553 เวลา:12:11:42 น.
  
ขอบคุณค่ะสำหรับของแต่งบล็อคน่ารักๆ ที่เอามาแบ่งปันเสมอ

อยากรบกวนถามคุณแคทค่ะว่าถ้าเราอยากเปลี่ยนสัญลักษณ์ข้างชื่อ log in ต้องใช้โค๊ดอะไรคะพยามยามหาแล้วแต่ไม่เจอเลยค่ะ
โดย: NaNjAz วันที่: 19 กันยายน 2553 เวลา:21:17:26 น.
  
ขอบคุณมากค่ะ ได้ความรู้เยอะเลย
โดย: iloveaday วันที่: 22 กันยายน 2553 เวลา:11:20:44 น.
  
ขอบคุณมากนะคะ
ขอยืมไปใช้ด้วยนะคะ อิอิ
โดย: แม่ออมบุญ วันที่: 23 กันยายน 2553 เวลา:10:13:49 น.
  
ขอบคุณค่ะ
โดย: goakuma วันที่: 18 ตุลาคม 2553 เวลา:16:54:02 น.
  
ขอบคุณมากจ้า
โดย: ยัยจอมซน~* วันที่: 2 พฤศจิกายน 2553 เวลา:22:37:00 น.
  
ขอยืมไปใช้ตกแต่งบล็อกนะค่ะ

ขอบคุณมากค่ะ ...
โดย: แค่ได้รู้จัก_ก็เพียงพอ วันที่: 8 ธันวาคม 2554 เวลา:0:11:00 น.
  
ถ้าอยากได้กรอบแบบนี้แต่สองชั้นต้องเพิ่มโค้ดยังไงอ่ะคะ

รบกวนด้วยนะคะ
โดย: kkk_iii_kkk วันที่: 13 กุมภาพันธ์ 2555 เวลา:3:13:00 น.
ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

Misscat.BlogGang.com

lozocat
Location :
  

[ดู Profile ทั้งหมด]
 ผู้ติดตามบล็อก : 13 คน [?]

บทความทั้งหมด