มือใหม่อยากโม ธีม blogger ให้โชว์ ชื่อสินค้า,ราคา, เรดติ้ง ต้องแก้สคริปยังครับ

pongthep · 14 สิงหาคม 2011, 17:40:03

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

http://image.free.in.th/show.php?id=a73192913dffc365ba3e553018a6c0a4

ส่วนผมอยากให้การโพส มันแสดง เฉพาะรูปสินค้า และก็ด้านขวามือมันมีข้อมูลสินค้าเบื้องต้น ลักษณะเหมือนรูปนี้อ่ะครับ

http://image.free.in.th/show.php?id=162af02335b2f26a9e802cf7a79a35f1

ผมพยายามแก้ไขโดยการไล่ดูสคริป ก็เห็นมีสคริปที่มันตัดแท็ก html ผมลองเอาออกดูปรากฏว่ามันโพส ข้อความทั้งหมดเลยรวมทั้งพวก description ของสินค้าด้วยอ่ะครับ

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

pongthep · 14 สิงหาคม 2011, 19:05:15

ดันๆๆๆ รอคนมาตอบครับ

fogza · 14 สิงหาคม 2011, 19:15:49

ใช้ css กำหนดครับ ตัวอย่าง

อ้างถึง.pic{
float: left;
width: 250px;
height: 250px;
margin: 5px 10px 10px 5px;
background: none;
}
.description{
float: left;
widht: 400px;
height: auto;
margin: 5px 10px 10px 0;
background: none;
}

เวลาเรียกใช้ก็
<div class="pic">
รูป
</div>
<div class="description">{
ข้อความ
}

หรือจะใช้ตาราง แล้วใช้ css กำหนดลักษะก็ได้ครับ
<tr> //แถว
<td> //คอลัมล์
รูป
</td>

<td>
ข้อความ
</td>
</tr>

pongthep · 15 สิงหาคม 2011, 13:28:03

อ้างถึงจาก: fogza ใน 14 สิงหาคม 2011, 19:15:49
ใช้ css กำหนดครับ ตัวอย่าง
อ้างถึง.pic{
float: left;
width: 250px;
height: 250px;
margin: 5px 10px 10px 5px;
background: none;
}
.description{
float: left;
widht: 400px;
height: auto;
margin: 5px 10px 10px 0;
background: none;
}
เวลาเรียกใช้ก็
<div class="pic">
รูป
</div>
<div class="description">{
ข้อความ
}

หรือจะใช้ตาราง แล้วใช้ css กำหนดลักษะก็ได้ครับ
<tr> //แถว
<td> //คอลัมล์
รูป
</td>

<td>
ข้อความ
</td>
</tr>

ขอบคุณมากครับ :wanwan017:ยังไงเด่วไปทำดู (ไม่รู้จะทำได้หรือเปล่า?)

AM-PM · 15 สิงหาคม 2011, 13:55:20

อ้างถึงจาก: fogza ใน 14 สิงหาคม 2011, 19:15:49
ใช้ css กำหนดครับ ตัวอย่าง
อ้างถึง.pic{
float: left;
width: 250px;
height: 250px;
margin: 5px 10px 10px 5px;
background: none;
}
.description{
float: left;
widht: 400px;
height: auto;
margin: 5px 10px 10px 0;
background: none;
}
เวลาเรียกใช้ก็
<div class="pic">
รูป
</div>
<div class="description">{
ข้อความ
}

หรือจะใช้ตาราง แล้วใช้ css กำหนดลักษะก็ได้ครับ
<tr> //แถว
<td> //คอลัมล์
รูป
</td>

<td>
ข้อความ
</td>
</tr>

css ใส่ตรงไหนครับ

pongthep · 16 สิงหาคม 2011, 13:51:16

อ้างถึงจาก: fogza ใน 14 สิงหาคม 2011, 19:15:49
ใช้ css กำหนดครับ ตัวอย่าง
อ้างถึง.pic{
float: left;
width: 250px;
height: 250px;
margin: 5px 10px 10px 5px;
background: none;
}
.description{
float: left;
widht: 400px;
height: auto;
margin: 5px 10px 10px 0;
background: none;
}
เวลาเรียกใช้ก็
<div class="pic">
รูป
</div>
<div class="description">{
ข้อความ
}

หรือจะใช้ตาราง แล้วใช้ css กำหนดลักษะก็ได้ครับ
<tr> //แถว
<td> //คอลัมล์
รูป
</td>

<td>
ข้อความ
</td>
</tr>

:wanwan035:ลองแล้งยังไม่ได้อ่ะครับ สงสัยมันจะกำหนดจาก CSS อันอื่นด้วยหรือเปล่า?

Dekvanzclub · 16 สิงหาคม 2011, 14:46:21

ตอนนี้เค้าเปิดบอร์ด สำหรับ blogger แล้วหนิครับ

TUMZA · 16 สิงหาคม 2011, 14:51:36

อ้างถึงจาก: Dekvanzclub ใน 16 สิงหาคม 2011, 14:46:21
ตอนนี้เค้าเปิดบอร์ด สำหรับ blogger แล้วหนิครับ

หาไม่เจอเข้าทางไหนอ่ะคับ

pongthep · 16 สิงหาคม 2011, 21:41:42

อ้างถึงจาก: TUMZA ใน 16 สิงหาคม 2011, 14:51:36
อ้างถึงจาก: Dekvanzclub ใน 16 สิงหาคม 2011, 14:46:21
ตอนนี้เค้าเปิดบอร์ด สำหรับ blogger แล้วหนิครับ
หาไม่เจอเข้าทางไหนอ่ะคับ

นั่นจิครับ อยู่ตรงไหนเหรอ หาไม่เจอ

nociouz · 16 สิงหาคม 2011, 22:22:37

เข้ามาบอกว่า ค่อนข้ายาก

kkying · 16 สิงหาคม 2011, 22:35:47

มันน เป็นหยังงัยคับ

omookawo · 16 สิงหาคม 2011, 23:29:10

ผมใช้ BMG ในการโพสอ่ะครับ โดยไปกำหนดในธีมของ BMG ตามที่เราต้องการแล้วจะได้แบบนั้นเลย ส่วนโพสปกติ บอกตามตรงทำไม่เป็นขอโทษด้วยนะครับ

zongrit · 17 สิงหาคม 2011, 00:19:10

เข้ามาดู ผมก็อยากทำ อิอิ

wave100 · 17 สิงหาคม 2011, 00:23:25

ลองส่ง template ที่โหลดมาหน่อยครับ ผมจะลองดูให้

aunggle7575 · 17 สิงหาคม 2011, 01:16:24

ดันๆๆคร้าา

Juliette · 17 สิงหาคม 2011, 01:33:22

อ้างถึงจาก: fogza ใน 14 สิงหาคม 2011, 19:15:49
ใช้ css กำหนดครับ ตัวอย่าง
อ้างถึง.pic{
float: left;
width: 250px;
height: 250px;
margin: 5px 10px 10px 5px;
background: none;
}
.description{
float: left;
widht: 400px;
height: auto;
margin: 5px 10px 10px 0;
background: none;
}
เวลาเรียกใช้ก็
<div class="pic">
รูป
</div>
<div class="description">{
ข้อความ
}

หรือจะใช้ตาราง แล้วใช้ css กำหนดลักษะก็ได้ครับ
<tr> //แถว
<td> //คอลัมล์
รูป
</td>

<td>
ข้อความ
</td>
</tr>

ตามนี้เลยค่ะ ใช้ HTML table tag ทั้งหลาย ลองดูนะคะ ไม่ยากๆ

pongthep · 18 สิงหาคม 2011, 15:31:22

อ้างถึงจาก: wave100 ใน 17 สิงหาคม 2011, 00:23:25
ลองส่ง template ที่โหลดมาหน่อยครับ ผมจะลองดูให้

ผม PM ธีมไปให้แล้วนะครับ รบกวนช่วยดูให้หน่อยนะครับ ขอบคุณมากครับ

pongthep · 20 สิงหาคม 2011, 16:13:39

อ้างถึงจาก: pongthep ใน 18 สิงหาคม 2011, 15:31:22
อ้างถึงจาก: wave100 ใน 17 สิงหาคม 2011, 00:23:25
ลองส่ง template ที่โหลดมาหน่อยครับ ผมจะลองดูให้

ผม PM ธีมไปให้แล้วนะครับ รบกวนช่วยดูให้หน่อยนะครับ ขอบคุณมากครับ

freetukyang · 20 สิงหาคม 2011, 17:06:22

ได้แล้วมาแบ่งปันน้องๆหน่อยนะครับ

pongthep · 23 สิงหาคม 2011, 15:06:51

อ้างถึงจาก: pongthep ใน 18 สิงหาคม 2011, 15:31:22
อ้างถึงจาก: wave100 ใน 17 สิงหาคม 2011, 00:23:25
ลองส่ง template ที่โหลดมาหน่อยครับ ผมจะลองดูให้

ผม PM ธีมไปให้แล้วนะครับ รบกวนช่วยดูให้หน่อยนะครับ ขอบคุณมากครับ

ยังรออยู่นะครับ ยังไงรบกวนดู PM ให้หน่อยครับ ขอบคุณล่วงหน้าครับ