เห็นหลายท่านกระซิบบอกมาว่าอยากเลี้ยงสัตว์ในกล่อง comment เหมือนบ้านของผมบ้าง วันนี้ฤกษ์งามยามดีก็เลยมาแนะนำพิธีกรรมกัน


ขั้นตอน :
001 : ออกตามล่าหาบรรดาสรรพสัตว์ หรือจะเป็นตัวการ์ตูนอะไรก็ได้ เอาแบบเล็กๆนะครับผม(ถ้าตัวโตมากเดี๋ยวมันอึกอัดเพราะกล่อง comment ของพวกเราเล็กนิ๊ดเดียว) แล้วเอาที่อยู่ภาพนะ มาเพื่อใช้งาน(***วิธีเอาที่อยู่ของภาพคือ คลิกขวาที่ภาพนั้นเเล้วเลือก properties แล้วไป copy ที่อยู่ภาพตรง location)
    - ผมมีมาแนะนำอ่ะถ้าหากันไม่เจอมาทางนี้เลย
        01 : เจ้าลิงน้อย YoYo...(Emoticon)
        02 : กระต่ายน้อยขาแด๊น(Emoticon)
        03 : เจ้าหัวหอม...(Emoticon)
        04 : รวม Emoticon น้องหมาทั่วสารทิศ (emoticon)
        05 : รวม emo นู๋ใหญ่-นู๋น้อยเบบี้ออยทั่วทั้งโลกา
        06 : เจ้าหัวเห็ด(Emoticon)
        07 : รวม Emoticon ทั่วทั้งสากลโลกนี้ vol.001

    - แต่ถ้าคุณอยากได้ภาพที่คุณมีอยู่ในเครื่องคอมพิวเตอร์ของคุณเองก็ต้องเอาไฟล์ไปฝากก่อนนะครับ ไปที่นี่ก็ได้ http://imageshack.us/ หรือ http://upload.sanook.com ตอนที่คุณเอาไฟล์ไปฝาก เวลาจะเอาที่อยู่ของภาพมาใช้งานต้องเอาลิ้งที่เค้าเขียนว่า Direct link มาใช้นะครับ
    
002 : เปิดกล่อง css ของเว็บคุณขึ้นมา (คลิกนี่ก็ได้)
003 : Copy โค้ดข้างล่างนี้ไปแปะต่อท้ายโค้ดเก่าของคุณได้เลยครับ

textarea{  
        background: url('ที่อยู่ภาพ');   
        background-repeat:no-repeat;   
        background-position:bottom right;   
        background-attachment:inherit;
}

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

textarea{               background:url('http://widget.sanook.com/static_content/full/graphic/17f08d90f34541d63865ca7812de9b8f_1204127724.gif');    background-repeat:no-repeat;   
background-position:bottom right;   
background-attachment:inherit;}

ผลลัพธ์ก็เหมือนเจ้าตัวข้างล่างเนี่ยอ่ะขอรับ



โอเคร ติดตรงไหนถามได้ครับ
ขอบคุณครับ
/ JOJOBAOIL


+ : มีคนมาแอบดู :  ครั้ง
+ : บทความอื่นๆที่เกี่ยวกับ : วิธีตกแต่งมัลติพลาย | ของเล่นใส่มัลติพลาย | บาบ้า Themes | ข้อมูลเพิ่มเติมเกี่ยวกับการแต่งกล่อง comment
+ : ถามปัญหาอื่นๆทางนี้ครับ : คลิกนี่

วันนี้เล่นง่ายๆเลย ไม่มีมุขใดๆ...- -*

เข้าไปเลยครับที่ http://multiply.com/toolbar
แล้วก็เชิญโหลดได้เลย วิธีติดตั้งก็อยู่หน้านั้นแหล่ะ

หน้าตาเปงงี้นะ....



ประโยชน์ของมันคือ ก็เหมือนกับเราเปิด multiply update ไว้ตลอดเวลานั่นแหล่ะครับ ใครอัพเดทไรเราก็ดูได้จากตรงนี้เลย ไม่ต้องเปิดหน้ามัลติพายแช่ไว้อีกต่อไป....

อย่างแบบนี้ก็บอกเราว่า contact เราอัพเดทไป 3 เรื่อง และก็ กลุ่มเรา อัพเดทไป 2 เรื่อง แบบนี้เป็นต้น

ปล.
- ตอนนี้ผม Test ไปแล้ว 3 Browser คือ ie6 ผลคือ โอเคร - FireFox ก็โอเคร - ส่วน Opera นี่ยังไม่ support ครับ .... แต่ก็มีปัญหานิดๆหน่อย แต่ทีมมัลติพายเองก็ไม่น่าจะปล่อยไว้นานครับ น่าจะแก้ไขเเล้วก็เป็นได้


ลงไม่ได้ ติดตรงไหน แชร์กันครับ...
โอเคร
ขอบคุณครับ
12.12.2007
JOJOBAOIL
+ มีคนมาแอบดู :  ครั้ง

*แปะโค้ดในบล็ิอก...

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




จบครับ...!!


*Advance!!
- คือว่าในส่วนของ blog เนี่ย จะไม่เหมือนกับพื้นที่อื่นๆที่เราจะเขียนโค้ด HTML ลงไปได้ เพราะพอเรา save มันจะไม่ Run คำสั่ง html เหล่านั้นให้ เราก็จะเห็นเป็นโค้ด ยึกยือๆ อยู่...เพราะฉะนั้น ก่อนแปะโค้ดก็ติ๊กซ๊าก่อนนะครับ แปะเสร็จก็ติ๊กกลับคืน....

- มันมีทางลัดอีกวิธีนึงก็คือ แปะโค้ดลงไปเลยครับ ไม่ต้องไปต๊งไปติ๊กอะไรให้วุ่นวาย แล้วกด save เลย... คุณจะเห็นว่ามันยังเป็นโค้ดอยู่ จากนั้นก็คลิก edit บล็อกของท่าน 1 ครั้ง แล้วไม่ต้องทำไรนะ กด save ไปอีกเลย 1 ครั้ง...เพียงแค่นี้ท่านก็จะได้สิ่งที่ท่านหวังเเล้วครับ blog มันจะRun คำสั่ง html ให้ท่านเอง...

- ในเมื่อบล็อกมันไม่ run คำสั่งพวก Html ให้เนี่ย ทีนี้ก็ง่ายเลยเวลาท่านจะเขียนบทความสอนการใช้ html ท่านไม่ต้องไปเสียเวลาใส่เครื่องหมายดอกจันทร์อะไรทั้งนั้น...(อันนี้ผมพึ่งสังเกต มะก่อนก็ใส่ดอกจันทร์แหล่ะ...- -")...แต่ระวังนิดนึงคือ ถ้าท่านกลับมา edit แล้ว save เนี่ย บล็อกมันจะ Run คำสั่ง Html ของท่านด้วยน๊ะ เหอะๆๆ....



ขอให้สนุกครับ
19 Oct. 07
/ jojobaoil
+ มีคนมาแอบดู : ครั้ง

*เปลี่ยนสี Header Bar กันแม๊ะ..

เฮ๊ดสะเด้อบาร์ (Header Bar) ก็คือสิ่งนี้...

โอเครนะฮะ....

ต่อไปก็วิธีการเปลี่ยนสีมัน...
01. เปิด css มาแก้ไข (คลิกนี่ก็ด่ะ)
02. ก๊อบโค้ดข้างล่างนี้ไปแปะต่อท้ายได้เลยฮะ..
.......................................................................................................
.header{background-color: #000000;}
.......................................................................................................
03. กด save เป็นอันเสร็จกิจ...

***** เหม็ตหาย - หมายเหตุ...
+ ตรงรหัสสี #000000 คือสีที่เราอยากให้มันเป็น ในที่นี้ผมเลือกสีดำ รหัส #000000 ส่วนใครที่อยากได้สีอื่นก็เลือกได้ตามสบายครับ... แต่ถ้าไม่รู้ว่ารหัสสีอะไรเป็นอะไรก็ตามไปดูได้ที่นี่ครับhttp://sawasdeemultiply.multiply.com/links/item/91

ปล.
+ ไม่เข้าใจตรงหนายถามได้คับผม
+ น่าจะ support ทุก theme นะครับ... ลองดุ

ขอบคุณครับ
JOOBAOIL

+ มีคนมาแอบดู : ครั้ง

อยากรู้ว่าผมหมายถึงส่วนไหนก็ตามไปที่กระทู้เดิมนี้ครับ http://thejojobaoil.multiply.com/journal/item/87
มีหลายท่านที่ทำตามแล้วเกิดความวิบัติตามมา อิอิอิ.... คราวนี้รับรองครับ ไม่มีพัง ... สบายใจได้...

วิธีนี้เป็นการเล่นกับ css โค้ด บรรทัดเดียวเปรี้ยวตลอดงาน.....
ลุยกันเลยยย

วิธีทำ...
01 : เปิดหน้าต่างแก้ไข css ของท่านขึ้นมา (กดตรงนี้ก็ได้)
02 : เลื่อนลงไปบรรทัดสุดท้ายเลย แล้ววางโค้ดต่อไปนี้ลงไปครับ
..............................................................................................
h1{text-indent: -9999px;}
..............................................................................................

จบแล้วจ้า...
รับรองผล 1000 %...

เย่วๆโย่วววว....
ขอบคุงคับ / JOJOBAOIL

+ มีคนมาแอบดู : ครั้ง

วิธีเอาขอบของ shadow box theme ทิ้ง***

ที่พูดก็หมายถึงตรงนี้ครับผม...



สำหรับท่านที่ใช้ theme ที่ชื่อ shadow box แล้วเกิดขวางหูขวางตาเจ้าขอบที่เป็นเงาๆ ซึ่งบางทีมันไม่สวยเลยเมื่อเราใส่ background ใหม่ให้กับเว็บของเรา วันนี้ผมจะมาขออนุญาตแนะนำวิธีเอามันออกครับ...


วิธีทำ...
1. เปิดหน้าแก้ไข css ของท่านมาโดยคลิกที่นี่ครับ .... http://multiply.com/setup/pages/upload-css
2. copy โค้ดที่ผมจะให้ต่อไปนี้เอาไปแปะต่อท้ายโค้ดของท่านเลยครับ (ไม่ต้องไปลบโค้ดเก่านะขอรับ)
===================================================================
div#page_start_wrapper {
width: 770px;
margin: 0 auto;
background: url(http://thejojobaoil.multiply.com/photos/hi-res/52/80?xurl=%2Fphotos%2Fphoto%2F52%2F80);
}
div#ownedfooterc {
background: url(http://thejojobaoil.multiply.com/photos/hi-res/52/80?xurl=%2Fphotos%2Fphoto%2F52%2F80);
width: 770px;
height: 40px;
margin: 0 auto;
}
===================================================================
3. คลิกปุ่ม Preview เพื่อดูผลก่อนก็ได้ครับ... และถ้าพอใจแล้วก็คลิก save เลยงับ

เสร็จครับ....






!! Advance zone (สำหรับท่านที่อยากจะทราบหลักการ...)
จริงๆแล้วมันไม่ใช่การเอาออกหรอกครับ แต่มันคือการเปลี่ยนจากอันเดิมที่เป็นแบบนี้...(คลิกตรงนี้เพื่อดูรูปภาพ) โดยเราจะเปลี่ยนมาเป็นอันใหม่ ก็คือ ขาวๆ ยาวๆ ไม่มีเงา...ซึ่งผมทำให้ไว้แล้ว ทุกท่านแค่ copy css code ที่ผมจะให้ต่อไปนี้ ไปแปะต่อท้ายโค้ดของท่านในหน้า edit css ของท่านก็เป็นอันจบครับ....
แต่สำหรับท่านที่อยากจะเปลี่ยนขอบเว็บของท่านให้เป็นแบบแปลกๆก็สามารถทำได้โดยการ save ภาพนี้ (คลิก) แล้วเอามาตกแต่งใน Photoshop ของท่านได้ตามใจปราถนาเลยครับ....

งืมๆๆ.. สำหรับท่านที่เอาไปแต่งแล้วอยากอัพขึ้นเว็บก็แค่อัพภาพที่ท่านแต่งนั้นขึ้นไปบน host แล้วก็เอาที่อยู่ภาพนั้นมาแปะแทน

http://thejojobaoil.multiply.com/photos/hi-res/52/80?xurl=%2Fphotos%2Fphoto%2F52%2F80

ที่อยู่ในโค้ดด้านบนอ่ะครับ....

โอเครครับ ไม่เข้าใจตรงไหน ถามได้ครับ
ขอบคุงคับ
jjb*

+ : มีคนมาแอบดู :  ครั้ง

เห็นมีหลายท่านแล้วถาผมมาว่าอยากจะสร้างกลุ่มจะสร้างยังไง จริงๆแล้วมันง่ายมากเลยฮะ แต่มัลติพายซ่อนไว้ลึกไปหน่อยทำให้บางท่านหาไม่เจอ....ใครที่หาไม่เจอก็ฟังทางนี้เลยจ้า โย่วๆๆๆ

วิธีทำ...
1. คิดชื่อไว้ในใจว่าอยากจะใช้ชื่ออะไรให้กิ๊ฟเก๋ยูเรก้า...และชื่อที่จะตั้งนั้นต้อง ...
     - ไม่มีเว้นวรรค...เว้นไปเหอะ มันคงตัดช่องว่างออกให้เองแหล่ะ..
     - ชื่อกลุ่มก็เหมือนชื่อเว็บเราปกติน่านแหล่ะงับ
     - ไม่ต้องพยายามพิมพ์ตัวใหญ่เล็กให้มันเก๋ไก๋ เพราะยังไงซะ url ก็ต้องโดนเสกให้กลายเปงตัวพิมพ์เล็กอยู่เเล้วฮะ...
    - มีไรอีกป่าวหว่า ม่ายน่ามีแล้วเนอะ...

2. เข้าไปที่ http://multiply.com/network   แล้วมองหาสิ่งนี้

จบจ้า...เหอะๆ

ม่ายรุว่าผมเขียนไปแล้วจะงงกันไหม๊ เพราะว่าต้องอาศัยความรู้พื้นฐานของ css นิดส์นึงถึงจะแต่งได้มันส์ แต่ถ้าใครไม่ซีเรียสอะไรมาก ขอแค่อยากได้ปุ่มเหมือนเว็บข้าพเจ้าหล่ะก็ ก๊อปโค้ดไปวางได้เลยงับ...

วิธีทำ..
1. เปิดหน้า css editor ขึ้นมา... >> http://multiply.com/setup/pages/upload-css
2. copy เอาโค้ดข้างล่างนี้ไปวางต่อท้ายโค้ดต่างๆของท่านได้เลย...
................................................................................................................
input{
 background-color: #FFFFFF;  /************************สี background*/
 color:#666666; /*****************************************สี Font งับ*/
 font-size: 30px; /*****************************************ขนาดของ Font*/
 font-family:Arial, Helvetica, sans-serif;/****************ชนิดของ Font*/
 border: dotted #E4E4E4 1px;/**************************รูปแบบของเส้นขอบ*/
}

แล้วก็ Save เลยน่อ...
................................................................................................................
3. ผลลัพธ์

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

จบแล้วจ้า....งุงิงุงิ....
  :

ใครที่รู้เเล้วก็ผ่านไปได้เลยครับ...*


     ก็คือว่ามีหลายท่านถามมาว่าอยากจะเอาเส้นๆที่เป็นกรอบๆของเมนูใน Shadow Box Theme ออกจาทำยังไง......... วันนีก็มาเฉลยแล้วดังนี้ครับ....
ปล. โค้ดที่ให้วันนี้เฉพาะกับคนที่ใช้ Theme ที่ชื่อ Shadow Box เท่านั้นนะครับ ผมไม่มั่นใจว่าถ้าท่านเลือก Theme อื่นแล้วมันจะได้ผลไหม๊ แต่ที่แน่ๆคือ Shadow Box ได้ผลร้อยเปอร์เซ็ฯครับ ไม่ได้ผลยินดีคืนเงิน ภายใน 30 วันหลังหาร...-"-...

หน้าตาของ Shadow Box Theme =









----------------------------------------------------------------------------------------------------------------------------------


วิธีทำ...
1. เปิดหน้าต่างแก้ไข css ขึ้นมา.... กดนี่ก็ได้..
2. แปะโค้ดข้างล่างนี่ต่อท้ายโค้ดเดิมคับ..

a.topt, a:visited.topt, a:link.topt {
 background: none;
 font-size: 20px;
 color: #FF0000;
 border: none;
}
a.toptsel, a:visited.toptsel, a:link.toptsel {
 font-size: 18px;
 font-weight: bold;
 color: #828282;
 background: none;
 border: none;
 width: auto;
}

+ คำอธิบายเพิ่มเติม






ไม่เข้าใจตรงไหนถามเลยจ้า....
+  :

แบบนี้ครับ

ก่อนใช้



หลังใช้

วิธีใช้ :
- เข้าไปที่ http://ชื่อเว็บของท่าน.multiply.com/edit/title
- ใส่ข้อความแบบนี้เข้าไป.....
...........................................................................................................
<title> ข้อความที่คุณอยากให้มันไปขึ้นตรง title bar </title>
...........................................................................................................

คำเตือน...!! กรุณาพิมพ์โค้ดให้ถูกต้องด้วยนะครับ ไม่งั้นเว็บคุงพังแน่ครับ... แต่ถ้าเผลอพลาดพั้งไปก็ pm หาข้าพเจ้าได้งับ เดี๋ยวช่วยแก้ไขให้...

ตัวอย่าง


- แล้วก็กด save/Ok ไปเลยครับ
เป็นอันเสร็จครับ...

แค่นี้เลยครับ ง่ายๆๆ

Trick : Title bar คือ
thank :
- http://notbirth.multiply.com
- http://diew.multiply.com

มีคนมาแอบดู : ครั้ง



งืมๆๆๆๆ...
ไม่ได้เขียนเกี่ยวกับการตกแต่งมัลติพายนานเลยงับ .... งั้นปีใหม่นี้ขอฝากทริปเล็กๆน้อยนี้แก่เพื่อนๆมัลติพายละกันงับ โย่วๆๆ ลุยๆ...

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

 

หลังจากที่เราอัพโหลดเพลงเสร็จเเล้วก็จะเข้ามาที่หน้านี้ครับ ซึ่งตามตัวอย่างนี่มีทั้งหมด 6 เพลงด้วยกัน...



วางที่อยู่เพลงที่ copy เมื่อสักครู่นี้ลงไปในส่วนสีแดงครับ

<*OBJECT id=objMediaPlayer1 height=64 width=200 classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6 viewastext>
<*PARAM NAME="URL" VALUE="วางตรงนี้งับ">
<*PARAM name="PlayCount" value="9999">
<*PARAM NAME="autoStart" VALUE="True">
<*PARAM NAME="volume" VALUE="50">
<*PARAM NAME="uiMode" VALUE="full">
<*PARAM NAME="enabled" VALUE="-1">
<*/OBJECT>

ปล.อย่าลืมเอา ดอกจันทร์ (*) สีม่วงๆนั่นออกให้หมดก่อนกด OK นะฮับ

ปล. ตามภาพด้านล่างนี้คือ ผมเอาไปแปะในส่วนของเขียน reply....ซึ่งทุกท่านสามารถเอาแปะที่ไหนๆของหน้าเว็บก็ได้นะครับ คือจะเอาไว้ตรง description ของเพลงที่เรา upload ก็ได้ครับ...




ปล.
- เพลงในส่วนนี้อาจจะโหลดช้าหน่อยเพราะไฟล์เพลงที่เราโพสกันส่วนใหญ่เนไฟล์ mp3 ซึ่งมีขนาดใหญ่มากครับ เพราะฉะนั้นค่อยๆรอนะครับ เปิดทิ้งไว้ก่อนแล้วค่อยมากด play ฟังก็ได้ครับ...
- เวลาที่เราก๊อบโค้ดที่อยู่เพลงในข้อ 3...มีวิธีสังเกตว่าเราก๊อบมาหมดรึเปล่าก็คือ ให้สังเกตคำแรกและคำสุดท้ายครับ คือคำแรกต้องเป็น...http://  และคำสุดท้ายต้องเป็น ........m3u ครับผม
- ดูวิธีแปะเพลงอย่างละเอียดได้ที่ .... http://thejojobaoil.multiply.com/journal/item/10

วิธีใส่ Background ให้กับเว็บเรา (Multiply)...

1. เลือกภาพที่ต้องการ
2. Upload ขึ้นไปไว้บนโฮสซักโฮส......ที่นี่ก็ได้คับ)
3. เอา url ที่เก็บภาพเมื่อตะกี้มา...เช่น http://test.com/bg
4. แปะโค้ดนี้ลงไปใน css (ตาม link นี้)
-----------------------------------------------------------------------------------------------------------
body {
           background-image:url(http://test.com/bg);
}
----------------------------------------------------------------------------------------------------------

ปล.
+ 1.1 รูปภาพที่จะเอามาเป็นแบคกราวน์ต้องมีขนาดเท่าไหร่ แล้วมีข้อจำกัดอะไรบ้าง เช่น รูปเล็กแต่มันจะซ้ำให้เองโดยอัตโนมัติ หรือว่าต้องทำมาเป็นแผ่นใหญ่ให้พอดีขนาดเลย
ภาพที่จะเอามาทำ bg ควรเป็นภาพที่มีขนาดเล็กเพื่อความรวดเร็วในการโหลดครับ และควรจะเป็นภาพที่เป็น pattern คือภาพที่เมื่อนำมาต่อกันแล้วลวดลายจะต้องสมบูรณ์ไม่ขาด หรือหยัก... แนะนำ...ถ้าไปเจอ bg ที่ชอบตามเว็บไหน ก็ให้คลิกขวา save as backgrotnd มาครับ อิอิ...

Thanks : DSci

มีคนมาแอบดู : ครั้ง