ยังไม่มีปัญหาค่ะ แต่ขอมาลงชื่อแล้วกัน ^^

ขอมีปัญหาคนแรกเลยคะ T_T

พอดีกำลังมีปัญหาเรื่องภาพหัวบล็อกคะไม่ทราบว่าต้องใช้ code อะไร และใส่ไว้ที่ไหนลองใส่ตาม code ที่เพื่อนๆในบล็อกแก็งลงไว้ก็ไม่สำเร็จคะ


ขอบคุณคะ

แวะมาส่งข่าวอีกทีคะ พอดีไปเจอ บล็อกของคุณ thattron เจอโค๊ตแล้วคะ ขอบคุณคะ
ถ้ามีปัญหา จะขอแวะมารบกวนใหม่นะคะ

รู้มั้ย น้องแมวน่ารักมาก ๆ จ้า แม่นู๋แอลขโมยtheme ไปใช้เกือบทุกหน้าเลย สะดวกที่สุด เพราะว่ามีโค๊ตสำเร็จรูป เหมาะกับคนเล่นไม่เป็นแบบแม่นู๋แอล จะพยายามจิ๊กกล่องคอมเม้นต์ไปใช้แต่ยังไม่สำเร็จแฮะ

ขอขอบคุณคุณต้นข้าว คุณอ่อนโยน 2006 และก็แม่นู๋แอลค่ะ ที่แวะมาเยี่ยมกันค่ะ
ก็เลยมาบอกเรื่องโค้ดของกล่องคอมเม้นค่ะ
โค้ดที่ใช้เปลี่ยนรูปตรงกล่องคอมเม้นค่ะ จะใช้โค้ดนี้


<style type=text/css>textarea{width: ความกว้าง;height: ความสูงbackground:url(…URL ของรูป... );color=blue; font-family : tahoma; font-size: 13pt; </style>



ก็ขออธิบายเกี่ยวกับโค้ดตรงส่วนที่เป็นตัวหนังสือสีน้ำเงินค่ะ

ความกว้าง+ความสูง ให้กำหนดตามขนาดของรูปที่จะเอามาทำรูปกล่องคอมเม้นนะค่ะ
Color=blue สามารถเปลี่ยนสีตัวหนังสีเป็นสีอื่นๆ ตามที่ชอบได้ค่ะ
Tahoma เป็นฟ้อนของตัวหนังสือที่พิมพ์ที่ช่องคอมเม้น สามารถเปลี่ยนเป็นอย่างอื่นได้
13pt = เป็นขนาดของตัวหนังสือที่พิมพ์ในช่องคอมเม้นค่ะ

ลองทำดูนะค่ะ

หวัดดี คุณแมว...
แหม๋ เรียกเหมือนสนิทสนมกันมาซะอย่างงั้น
พอดีเข้ามาแอบชมบล็อกคุณแมวบ่อยมั่กๆ
แถมขโมยแอดบล็อกคุณไว้ซะเอง
วันนี้อยากทำตัวมีปัญหามั่ง +555+

อยากรู้ว่าตรงคอมเม้นท์...ทำยังไงให้ใส่รูปได้แบบรูป ของคุณแมวน่ะค่ะ

ช่วยตอบด้วยนะคะ

หวัดดีค่ะ แม่ใบบัว(เรียกซะสนิทเหมือนกันเลย..อิอิ) ขอบคุณที่แอดค่ะ ตรงรูปที่แม่ใบบัวถามมาค่ะ ต้องใช้โค้ดกรอบนับคอมเม้น แต่ว่าไปดูที่บล็อกแม่ใบบัวแล้ว ก็ได้ใช้โค้ดนับคอมเม้นอยู่แล้วค่ะ ก็ง่ายหน่อย

แม่ใบบัวดูตรงกรอบจะมีรูป 3 รูปค่ะ นกซ้ายมือ, I Love Myfriends, แล้วก็นกขวามือค่ะ

ตรงคำว่า I Love Myfriends จะเป็นส่วนเดียวกับตัวหนังสือของกรอบแม่ใบบัวคือ ขอบคุณ ... เชิญดื่มน้ำเย็นๆให้หายเหนื่อยก่อนจ้ะ

เราก็แทนที่ตัวหนังสือด้วยรูปโดยใช้โค้ดแปะรูป <img src=//..URL..> เท่านี้ก็เรียบร้อยแล้วค่ะ

แล้วก็ขอแอดแม่ใบบัวกลับด้วยน้าาาา

เอ่อ....อ่าน 2 รอบแล้วยังงงอยู่เลยคุณแมว
เดี๋ยวจะลองทำดูนะจ้ะ
แล้วจะกลับมาบอกว่าสำเร็จไหม?

ค่ะ ไว้จะมาถาม มาจิ๊ก ของแต่งบล๊อกสวยๆ อีกนะค่ะ

ว้าว...คุณแมว
ที่แนะนำไว้ ทำได้แล้วจ้ะ
ขอบคุณมั่ก มาก
ใจดีจริงๆเลย อ่ะ เอาขนมมาฝาก

คุณแมว...มากวนอีกแล้วจ้ะ
อยากทราบว่าจะเปลี่ยนสีตัวอักษรตรง Group Blog, All Blog และตัวอักษรด้านข้าง

อย่างบล็อกของคุณแมวจะอยู่ด้านขวามืออ่ะค่ะ ใช้ code อะไรเอ่ย?

ไปได้ code เปลี่ยนสี font ทั้งหน้าจากบล็อกคุณเนยสีฟ้า แต่พอไปทำเอง มันเปลี่ยนแค่บล็อกที่เขียนตรงกลางอ่ะค่ะ

รบกวนหน่อยนะจ้ะ

หวัดดีจ๊ะ แม่ใบบัว จะต้องใช้โค้ดเปลี่ยนสีลิ้งแล้วไปวางที่ Script Area ค่ะ


<style>A:hover{color: #cc0033;text-decoration: none;position: relative;left: -1px; top: 1;}A:link{color: #cc0033 ;text-decoration:none;}A:visited{color: #cc0033 ;text-decoration:none; </style>




ในโค้ดนี้แมวจะใช้สี #cc0033 เหมือนกันหมดทั้งสามส่วนเลย ซึ่งสีตรงข้อความสีน้ำเงินแม่ใบบัวสามารถเปลี่ยนเป็นสีอะไรก็ได้ตามชอบค่ะ
ขออธิบายความหมายของ hover visited และ Link นิดหนึ่งค่ะ


A:LINK = ลิ้งที่ยังไม่ได้ไปดู


A:VISITED = ลิ้งที่ไปชมมาแล้ว


A:HOVER = เมื่อนำเมาท์ไปวางเหนือลิ้ง

คุณแมวอธิบายได้เคลียร์มาก
เข้าใจง่ายดีจ้ะ
ลองทำดูแล้ว ทำได้แล้วค่ะ
ขอบคุณคุณแมวอีกครั้งนะคะ
ใจดีจริงๆเลย

สวัสดีค่ะ
ปออยากทำลิสต์เมนู ตรง site map เป็นบ้างอ่ะค่ะ ไม่ทราบว่ายากหรือเปล่าคะ....
ขอบคุณมากๆ ค่ะ
ปอเอากาแฟมาฝากนะคะ
(เหมือนติดสินบนเลยนะคะ อิอิ)

ตอบเรื่องการทำ Menu SiteMap ค่ะ
จริงๆ เคยเขียนวิธีทำ Menu SiteMap ไว้แล้วค่ะ ที่ลิ้งนี้
ไปที่ลิ้งค่ะ

แต่มาอธิบายเพิ่มเติมค่ะ
สมมติว่าเรามี กรุ๊ปบล็อก 2 กรุ๊บบล็อกนะค่ะ การใส่ตัวเลขของกรุ๊ปบล็อกจะเริ่มตั้งแต่ 00-01
00 แทนกรุ๊บบล็อกที่ 1
01 แทนกรุ๊บบล็อกที่ 2
ปล. หากมีหลายกรุ๊บบล็อก ตัวเลขก็จะเพิ่มดังนี้ค่ะ
02 แทนกรุ๊บบล็อกที่ 3
03 แทนกรุ๊บบล็อกที่4
04 แทนกรุ๊บบล็อกที่ 5
…………………,

จริงๆ แล้วการทำเมนูแบบนี้จะมีอยู่ 2 กรณีค่ะ คือ
1. การทำเมนูกรุ๊บบล็อกแบบไม่มีกลุ่มย่อย
2. การทำเมนูกรุ๊บบล็อกแบบมีกลุ่มย่อย
จะขอให้ข้ามในข้อที่ 1 ไปก่อนค่ะ เพราะส่วนใหญ่ในบล็อกแก๊งค์จะเป็นกรุ๊บบล็อกที่มีกลุ่มย่อย
โค้ดที่ใช้ทั้งหมดคือโค้ดนี้ค่ะ
<script>
function toggle(id,p){
var myChild = document.getElementById(id);
if(myChild.style.display!='block'){
myChild.style.display='block';
document.getElementById(p).className='folderOpen';
}else{
myChild.style.display='none';document.getElementById(p).className='folder';
}}
</script>
<style>
ul.tree {
display:none;margin-left:10px;
}
li.folder {
list-style-image: url (//..url รูปไอคอน... );
}
li.folderOpen {
list-style-image: url (//..url รูปไอคอน... );
}
li.file {
list-style-image: url (//..url รูปไอคอน... );
}
a.treeview {
font-family:cordia new;
font-size: 18px;
}
a.treeview:link {
text-decoration:none;
color: #990000;
}
a.treeview:visited {
text-decoration:none;
color: #990000;
}
a.treeview:hover {
text-decoration:none;
color: #006600;
}
</style>
</head>

<body>
<ul xstyle='margin-left:20px;' id='N0'>

<// –เมนูกรุ๊ปบล็อกที่ 1>
<li class="folder" id="P00">
<a class="treeview" href="javascript:toggle (N0_0', 'P00')"><strong>…..ชื่อของกรุ๊ปบล็อกที่จะแสดง...... </strong></a>

<ul class=tree id="N0_0">

<li style='list-style-image: url(// รูปไอคอนของเมนูย่อยค่ะ... );' class="file"><a class="treeview" href="ลิ้งบล็อกที่ 1 ของกรุ๊บ... " target="_self" title="">ชื่อของบล็อกที่ 1 ในกรุ๊ปนี้.... </a></li>

<li style='list-style-image: url(// รูปไอคอนของเมนูย่อยค่ะ... );' class="file"><a class="treeview" href="ลิ้งบล็อกที่ 2 ของกรุ๊บ... " target="_self" title="">ชื่อของบล็อกที่ 2 ในกรุ๊ปนี้.... </a></li>

<//--หากยังมีเมนูย่อยต่อ ก็ก็อปปี้โค้ด <li style='list-style-image: url(// รูปไอคอนของเมนูย่อยค่ะ... );' class="file"><a class="treeview" href="ลิ้งบล็อกที่ 2 ของกรุ๊บ... " target="_self" title="">ชื่อของบล็อกที่ 2 ในกรุ๊ปนี้.... </a></li> มาวางแล้วก็แก้ไขในส่วนตัวหนังสือสีน้ำเงินค่ะ

</ul> </li><//--เมื่อเมนูย่อยหมดแล้วปิดด้วยอย่าลืมโค้ดนี้นะค่ะ>

<// –เมนูกรุ๊ปบล็อกที่ 2>
<li class="folder" id="P01">
<a class="treeview" href="javascript:toggle('N0_1','P01')"><strong>.....ชื่อของกรุ๊ปบล็อกที่จะแสดง...... </strong></a>

<ul class=tree id="N0_1">

<li style='list-style-image: url(// รูปไอคอนของเมนูย่อยค่ะ... );' class="file"><a class="treeview" href="ลิ้งบล็อกที่ 1 ของกรุ๊บ... " target="_self" title="">ชื่อของบล็อกที่ 1 ในกรุ๊ปนี้.... </a></li>

<li style='list-style-image: url(// รูปไอคอนของเมนูย่อยค่ะ... );' class="file"><a class="treeview" href="ลิ้งบล็อกที่ 2 ของกรุ๊บ... " target="_self" title="">ชื่อของบล็อกที่ 2 ในกรุ๊ปนี้.... </a></li>
</ul> </li> <//--เมื่อเมนูย่อยหมดแล้วปิดด้วยอย่าลืมโค้ดนี้นะค่ะ>
<//--แล้วก็ปิดท้ายเมนูทั้งหมดด้วยโค้ดนี้ค่ะ>
</ul>
</body>
</html>

ไม่รู้ว่าจะเข้าใจหรือเปล่านะค่ะ พยายามอธิบายเต็มที่แล้ว เพราะโค้ดมันยาวมากๆๆ อิอิ ต้องทำความเข้าใจกับโค้ดนิดหนึ่งค่ะ แล้วจะพบว่ามันไม่ยาก ถ้าทำติดขัดตรงไหนลองมาคุยกันใหม่นะค่ะ

อธิบายอีกนิดค่ะ
กรุ๊ปบล็อกใหม่จะเริ่มด้วย
<li class="folder" id="P00">
<a class="treeview" href="javascript:toggle (N0_0', 'P00')"><strong>…..ชื่อของกรุ๊ปบล็อกที่จะแสดง...... </strong></a>

<ul class=tree id="N0_0">

ตรง P00 จะเปลี่ยนไปตามจำนวนกรุ๊บบล็อกเช่น P01, P02 ดั้งนั้นค่ะ ตรง NO_0,P00 จะต้องเปลี่ยนเป็น NO_1, P01 ตาม folder id ค่ะ

เราก็มีปัญหาเหมือนกัน แต่ก็จะเรียนรู้ไปเรื่อย แต่อาจจะช้าหน่อย.... แต่จะพยายาม..และยินดีที่ได้รู้จักนะ

Hi!..แวะมาเยี่ยม maew_kkค่ะ
อยากถามอะไรเยอะเรยย(แต่เก็บไว้ก่อน)
ที่blog ก้อสวยยเพราะคุณmaew_kk
งัยก้อขอบคุณอีกครั้งนะค่ะ
อ่านcommentที่ตอบแล้วขอเอาไปลองทำ
ดูที่blogบ้างน้า...ka
Have a nice day ka..

ดีใจจังเลยที่คุณmaew_kkไปเยี่ยมค่ะ
มีปัญหาจะสอบถามคือ
1.เวลาใส่รูปข้างบล็อกแล้วทำงัยจะจัดให้ตรงกันเหมือนเพื่อนๆบล็อก เพราะใส่แล้วเรียงแบบเท่าๆกัน
2.ใส่รูปcommentไม่ขึ้นต้องปรับเปลี่ยนโค๊ตที่ตรงไหนค่ะ

ขอบคุณล่วงหน้าเรยย
ฝันดีราตรีสวัสดิ์ค่ะ

หวัดดีค่ะ คุณ mastana ต้องขอโทษที่แวะมาตอบช้านะค่ะ
ที่ถามมาค่ะ
1. เรื่องใส่รูปข้างบล็อกแล้วไม่ตรงกัน อาจจะเพราะว่ารูปแต่ละรูปมีความกว้างไม่เท่ากัน จึงทำให้ดูเหลื่อมล้ำ ก็ต้องปรับขนาดรูป ค่ะ โดยใช้โค้ดและก็กำหนดขนาด <img src=..URL รูป.. width=ความกว้าง height=ความสูง>
2. เรื่องใสรูปคอมเม้นไม่มีรูปนั้น ได้เข้าไปลองแกะโค้ดในบล็อกคุณแล้วค่ะ พบว่ายังไม่ได้ใช้โค้ดใส่รูป comment เลย ให้เอาโค้ดนี้ไปใส่ค่ะ
<style type=text/css>textarea{width: ความกว้าง;height: ความสูงbackground:url(…URL ของรูป... );color=blue; font-family : tahoma; font-size: 13pt; </style>

ได้อธิบายโค้ดไว้ตรง คอมเม้นที่ 5 ค่ะ

สวัสดีคะ

คือว่าสงสัยว่าจะทำบีจีชั้นในให้ใสเห็นบีจีชั้นนอกได้ยังไงคะ รบกวนแล้วคะ ตอนนี้บล็อคอิฉันดูไม่ได้เลยคะ คือว่าอยากทำบล็อคแบบคุณ maew_kk นี่ล่ะคะ แต่อยากให้ข้างในใสเห็นลายข้างนอก

ดิฉันมีตัวอย่างมาให้ดูด้วยคะ



อยากทราบโค๊ดแบบนี้จริงๆ ขอบพระคุณล่วงหน้าคะ เมื่อครู่ก็หลังไมค์ไปอีกต่างหาก

คุณบุปผาลองเอาโค้ดนี้ไปแต่งนะค่ะ โค้ดที่ใช้ปรับ บีจีให้ใส คือตรงสีขาวค่ะ

<table bordercolorlight="pink" bordercolordark="pink " align="center" background-color=#ffffff border="3" cellpadding="0" cellspacing="0" width="700" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#99E0FFFF',endColorstr='#99E0FFFF')"><tbody><tr><td>


<table style="border-collapse: collapse;" bordercolorlight="#ffffff" bordercolordark="#e7e0c9" align="center" background="none" border="0" cellpadding="0" cellspacing="0" width="100%">

<tbody><tr><td><table style="background: ;";cellpadding="0" cellspacing="0" align="center"><tr><td><table style="background: ;";cellpadding="0" cellspacing="0" align="center"><tr><td><center> <table border="0" width="100%" cellspacing="0" cellpadding="0" align="center"> <tr> <td> <center>

<table border="0" cellspacing="0" cellpadding="0" width="ความกว้างหัวบล็อก" " height="ความสูงหัวบล็อก" " style="background-image: url('none')"><tbody><tr><td align="center" valign="middle" style="background-color: none"><img src=URL ภาพหัวบล็อก>
</td> </tr></table>

ขอบพระคุณอย่างสูงเลยคะ

เดี๋ยวจะลองไปทำดูนะคะ

เก่งมากๆเลยคะ หามาได้

ตื้นตันใจมากๆ แต่ขอไปลองก่อนนะคะ

ได้ผลอย่างไร เดี๋ยวมาบอกอีกทีคะ

สวัสดีคะคุณแมวเหมียว

แวะมาขอบคุณอีกรอบนะคะ

ขอรบกวนหน่อยน๊ะค๊ะ คือลองผิดลองถูก เข้าใจบ้างไม่เข้าใจบ้าง(ส่วนมากไม่เข้าใจเลย5555+) .. ตอนนี้งงกะกล่องcommentม๊ากมากค่ะ(ไม่มีกะชาวบ้านเค้าเลย T_T )
เข้าไปอ่านแล้วก็ยังไม่เข้าใจ ยิ่งลองทำ ลองทำแล้ว ก็ไปถึงนครเวียงจันทร์เลยค่ะ(กู่ไม่กลับ) .. ช่วยหน่อยน๊ะค๊ะ ใกล้จะผูกคอตายใต้ต้นผักชีแล้วค่ะ ช่วยหน่อยน๊ะค๊ะ ขอบคุณมากๆค่ะ ♥จุ๊บๆ

ขอบคุณมากกกค่ะ

ได่แร๊ะ แต่ยังมีอีกหลายด่าน หุหุ แต่จะลองทำดูไปเรื่อย ๆ ( ถ้าไม่ไหวจะขอหน่วยกู้ชีวิตกะคุงแมวอ่ะค่ะ )


ฝาก ความ ห่วง ใย ♥ ไว้ ทด แทน จ้า

สวัสดีค่ะ มีคำถามเกียวกับการทำบล็อก ขอรบกวนด้วยนะคะ

อยากจะใส่รูป หรือข้อความ โดยที่ไม่ไปใส่ช่องรายละเอียดอันเดิม ที่มีข้อความเก่า หรือรูปอยู่
คือว่าอยากจะขึ้นกรอบใหม่ไปเลย ต้องทำยังไงคะ

ขอบคุณล่วงหน้านะคะ

สวัสดีค่ะ คุณ mirbig จะบอกว่าไม่ค่อยเข้าใจคำถามสักเ่ท่าไหร่ค่ะ..

แต่ก็จะตอบตามความเข้าใจค่ะว่า หากเราจะทำการเพิ่มรูป & ข้อความ ของบล็อกใดๆ เราก็จะต้องเข้าไปทำการแก้ไขบล็อกนั้นๆ ค่ะ โดยสามารถเพิ่มเติมรายละเอียดใหม่ๆ ลงไปได้ ถ้าจะเพิ่มข้อมูลโดยไม่เข้าไปแก้ไขบล็อกนั้นๆ คงไม่สามารถทำได้หรอกค่ะ

ห้องมีปัญหายาวเหยียดเลยคะ อิอิ

น่าจะขึ้นหน้าที่ สอง ได้แล้วนะคะ

คือว่ามันยาวมากๆ

ขอบคุณมากค่ะ ที่ตอบข้อสงสัย

แอบเขินนิดนึงที่ถามไปแบบงง งง

จะลองถามอีกครั้งนะคะ
ถ้าเราจะใส่ภาพพร้อมคำบรรยาย โดยมีกรอบแต่ละกรอบ (แบ่งเป็นสัดส่วนในแต่ละรูป) เหมือนกับกรอบแต่ละกรอบของคอมเมนท์น่ะค่ะ ทำได้มั้ยคะ

ขอบคุณล่วงหน้าอีกครั้งค่า

สวัสดีค่ะ คุณ mirbig สามารถทำได้ค่ะ ที่คุณ mirbig หมายถึง น่าจะเป็นแบบนี้ เลยเอาโค้ดที่ใช้จัดการรูปมาฝากซะเลย

	โค้ดใส่รูปและมีข้อความอยู่ด้านล่าง <img src="URL ของรูป" border="0"> <br>เขียนข้อความที่ต้องการ

	โค้ดใส่ข้อความให้อยู่ด้านซ้ายของรูป <table border="0"> <tbody><tr><td valign="top"> <p>เขียนข้อความที่ต้องการ </p></td><td valign="top"> <img src="URL ของรูป" border="0"></td></tr></tbody></table>

	โค้ดใส่ข้อความให้อยู่ด้านขวาของรูป <table border="0"><tbody><tr><td valign="top"><img src="URL ของรูป" border="0" /></td><td valign="top"><p>ข้อความที่ต้องการใส่</p></td></tr></tbody></table>

	โค้ดทำรูปให้เลื่อน <marquee><img src= URL ของรูป> </marquee>

	โค้ดใส่กรอบให้กับรูป <table border="3" cellspacing="0" style="border: 3px solid #ffffff"><tbody><tr><td><img src="URL ของรูป" border="0"/></td></tr></tbody></table>

โค้ดตรง border=0 สามารถปรับเปลี่ยนเป็นตัวเลข 1 หรือ 2 3 4 ได้ค่ะ แล้วแต่ว่าต้องการให้เส้นกรอบหนาแค่ไหน ส่วนอันที่มันไม่โชว์เส้นกรอบรูปภาพในบล็อก นี้ก็เพราะว่าใช้โค้ดสบเล้นกรอบทั้งหมดในบล็อกค่ะ ลองไปปรับแต่งดูค่ะ


วิธีการที่จะนำรูปภาพมาวางในกรอบค่ะ



<table border="0" cellspacing="0" cellpadding="0" width=350 align="center"><tbody><tr><td align="center" valign="middle"><img src="//i304.photobucket.com/albums/nn174/maew_kk/table/270851/2704-01.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url(//i304.photobucket.com/albums/nn174/maew_kk/table/270851/2704-02.gif)" ></td><td align="center" valign="middle"><img src="//i304.photobucket.com/albums/nn174/maew_kk/table/270851/2704-03.gif" border="0"></td></tr><tr><td align="center" valign="middle" style="background-image: url(//i304.photobucket.com/albums/nn174/maew_kk/table/270851/2704-04.gif); width: 55px" ></td><td align="center" valign="middle" style=" background-color: #ffffff">

ใช้โค้ดแปะรูป <img src= URL ของรูป> วางแทนตรงนี้เลยค่ะ

</td><td align="center" valign="middle" style="background-image: url(//i304.photobucket.com/albums/nn174/maew_kk/table/270851/2704-05.gif); width: 55px" ></td></tr><tr><td align="center" valign="middle"><img src="//i304.photobucket.com/albums/nn174/maew_kk/table/270851/2704-06.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url(//i304.photobucket.com/albums/nn174/maew_kk/table/270851/2704-07.gif)" ></td><td align="center" valign="middle"><img src="//i304.photobucket.com/albums/nn174/maew_kk/table/270851/2704-08.gif" border="0" ></td></tr></tbody></table>




ส่วนกรอบที่จะใช้แต่งบล็อกค่ะ เข้าไปดูในบล็อกหัวข้อกรอบแต่งบล็อกก็ได้ค่ะ หรือไปดูกรอบสวยๆ ในบล็อกของคุณ KungGuenter และคุณ lozocat ก็ได้ค่ะ มีกรอบสวยๆ เยอะมาก

โอ้โห!!!! ขอบคุณมากค่ะสำหรับคำตอบ

จะลองทำตามนะคะ

แต่.....จะทำได้มั้ยเนี่ย

ขออีกอย่างนะคะ ขอแอดคุณ maew_kk มาเป็น friend's blog ด้วยน๊า

ยินดีมากเลยค่ะ

ตอบคำถามของคุณ sharefeeling ค่ะ ไม่ได้ถามในบล็อก แต่ก็ขอรวบรวมคำตอบไว้ในบล็อกนี้ เพื่อที่เพื่อนๆ ที่ยังไม่ทราบจะได้ทราบด้วยค่ะ
คุณ sharefeeling ถามว่า
1. กรอบแต่งบล็อก จะเอาไปใส่ตรงไหน(ใส่แล้วมันมาทะลึ่งติดฝั่งขวามือทุกทีเลย อยากใส่ตรงกลางอ่ะค่ะ เป็นกรอบข้อความที่เขียนประจำวันอ่ะ .. แห่ะๆๆ)
2. แล้วกรอบกล่องที่เพื่อนๆคอมเม้นทำยังงัยค๊ะ มันเป็นโล้นซ่าส์เลยตอนนี้

ตอบ....เรื่องกรอบแต่งบล็อกค่ะ ที่จะใช้ตกแต่งข้อความที่เราเขียน เราจะไม่นำไปวางที่ช่อง Script area นะค่ะ ขออธิบายการใช้กรอบค่ะ หากเราก็อปปี้โค้ดกรอบมาแล้ว ลักษณะของโค้ดกรอบจะเป็นอย่างนี้
<table border="0" ……………………>เขียนข้อความ </td><td align="center" valign="middle"………………………….</td></tr></tbody></table>

หลังจากที่เราเตรียมข้อความสำหรับเขียนบล็อกเสร็จก็เอาทั้งหมดไปวางแทนที่ตรง เขียนข้อความ แค่นี้ก็เรียบร้อยค่ะ ก็อัพขึ้นบล็อกตามขั้นตอนสร้างบล็อกเลยค่ะ

ตอบ...เรื่อง กรอบกล่องที่เพื่อนคอมเม้นค่ะ ก็อปปี้โค้ดมาให้ค่ะ เป็นโค้ดสำหรับนับคอมเม้นของเพื่อนๆ ที่มาเม้นให้เรา จะอธิบายโค้ดนิดหน่อย เพื่อที่จะสามารถเข้าใจได้ง่ายๆ ค่ะ

<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: สีของเส้นกรอบคอมเม้น dashed 2px; padding:0"><legend align=center style="border: สีของกรอบนับคอมเม้น dashed 0px; padding:0; background: none">เขียนข้อความนับคอมเม้น ' + i + ' </font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>

จะอธิบายแยกตามความหมายของสีค่ะ
สีแดง
Border: สีของเส้นกรอบคอมเม้น - ตรงส่วนนี้เป็นเส้นกรอบคอมเม้น ที่เพื่อนๆ มาเม้นให้ค่ะ
dashed 2px – เป็นความหนาของเส้นกรอบคอมเม้นค่ะ อยากจะให้หนามากขึ้น ก็เพิ่มตัวเลขค่ะ
สีน้ำเงิน
border:สีของกรอบนับคอมเม้น - (จะเป็นส่วนที่บอกว่าคอมเม้นนี้เป็นเม้นที่เท่าไหร่)
dashed 0px; - เป็นความหนาของเส้นกรอบนับคอมเม้นค่ะ อยากจะให้หนามากขึ้น ก็เพิ่มตัวเลขค่ะ หรือถ้าไม่อยากให้มีก็กำหนดเป็น 0
background:none"> - ถ้าอยากจะให้ ตรงส่วนที่นับว่าเป็นคอมเม้นมีสีพื้นหลัง ก็เปลี่ยนจาก none เป็น โค้ดสีเลยค่ะ

หวัดดีจ้า คุณ sharefeeling ไปดูโค้ดที่คุณใส่ในบล็อกแล้วค่ะ พบว่าใส่โค้ดตกไปนิดแล้วนะจ้า ตรงที่เป็นสีขาวอ่ะจ้า ขอแก้ให้นะจ้า ตามนี้เลยค่ะ
<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: #ใส่โค้ดสีเส้นค่ะ
dashed 2px; padding:0"><legend align=center style="border: dashed 0px; padding:0; background: ตรงนี้ให้ใส่ #eeffff
"><img src=URL รูปภาพด้านซ้าย>ยินดีต้อนรับ สหายมาเยือน ' + i + ' <img src=URL รูปภาพด้านขวา></font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>

โค้ดสีเส้นตรงที่มันแสดงเป็นสีดำเป็นเพราะว่า ยังไม่ได้ใส่โค้ดสีเลย ให้ใส่โค้ดสีนะจ้า อย่างเช่นอยากได้สีฟ้าอ่อน ก็ใส่เป็น #ccffff
ดูโค้ดสีที่ลิ้งนี้เลยจ้า Color code Click!!!

ตรง background ให้เพิ่ม # ข้างหน้า eeffff นะจ้า

ส่วนรูปภาพที่จะให้อยู่ด้านหน้าและด้านหลังของข้อความ ใช้โค้ดวางรูปวางในตำแหน่งที่บอกเลยจ้า