*โ จ โ จ้ บ า - บ ร้ า : ผมมาจากดาวบ้าบ้าhit countersstart22.01.08

jojoba's posts with tag: tutorials

What are tags? You can give your posts a "tag", which is like a keyword. Tags help you find content which has something in common. You can assign as many tags as you wish to each post.
View posts by people in your network with tag tutorials
เห็นหลายท่านกระซิบบอกมาว่าอยากเลี้ยงสัตว์ในกล่อง 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


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


กระทู้นี้ก็เป็นภาคต่อของ JJB-Direct : เพนกวิ้นไขลาน นะขอรับ...ครานี้ขนมาทั้งยวงเลย เชิญเลือกดูเลือกชมได้ตามใจชอบ ชอบตัวไหน แบบไหนก็ลงชื่อรับอุปการะซะเลยตามใจ อิอิมาเลยม่ะ...ง่ายๆๆ ก๊อบโค้ดสีๆต่อไปนี้ไปแปะหน้าบ้านท่านได้เลย แปะตรงไหนก็ได้ (นึกไม่ออกก็กล่อง welcome box นั่นแหล่ะครับ ตรง cusumize site อ่าครับ ลองกดดู...)

01 : ปลาทอง คะนองรัก..โค้ด :http://abowman.com/projects/gadgets/fish/customize.html

วิธีเลี้ยง : - คลิกเพื่อให้อาหารเจ้าปลาน้อย- อยากได้หลายๆตัวกว่านี้ก็แก้ไขในโค้ดตรงที่เขียนว่า up_numFish=10 แก้ไขเลข 10 เป็นเลขเท่าไหร่ก็ได้ที่ใจปราถนา...- อยากเปลี่ยนสีปลาก็ แก้ไขในโค้ดตรงที่เขียนว่า up_fishColor4=F45540 โดย up_fishColor4 หมายถึงปลาตัวที่ 4 และ F45540 ก็คือรหัสสี.. (คลิกดูรหัสสีอื่นๆ) ผลลัพธ์ :

02 : กบ สยบรักโค้ด :http://abowman.com/projects/gadgets/treefrog/customize.html

วิธีเลี้ยง : - คลิกเพื่อให้อาหารเจ้ากบน้อยน้อย- เปลี่ยนสีส่วนต่างๆได้ค้ลายเจ้าปลาน้อยนะครับผลลัพธ์ :


03 : แมงมุม ขยุ้มรัก..โค้ด :http://abowman.com/projects/gadgets/spider/customize.html

วิธีเลี้ยง : - เอาเมาส์ไปแหย่ๆมันเล่น - -*ผลลัพธ์ : +   

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

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

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



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

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

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


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

วันนี้มีของเล่นมาให้เล่นกันอีกแล้วครับ หลังจากที่ผมปล่อยฝูงเพนกวิ้นน้อยเดินเล่นหน้าบ้าน ก็มีเพื่อนๆหลายท่านเลยที่อยากเอาไปเลี้ยงบ้าง ขอบอกก่อนนะครับว่าเพนกวิ้นที่จะปล่อยให้ไปเลี่ยงกันวันนี้ ไม่เสียค่าใช้จ่ายใดๆ ไม่ใช่ "แชร์เพนกวิ้น"นะครับ...(ก๊ากๆๆๆๆ)

มาเลยม่ะ...ง่ายๆๆ

ก๊อบโค้ดสีๆต่อไปนี้ไปแปะหน้าบ้านท่านได้เลย แปะตรงไหนก็ได้ (นึกไม่ออกก็กล่อง welcome box นั่นแหล่ะครับ ตรง cusumize site อ่าครับ ลองกดดู...)

<embed width="300" height="200" type="application/x-shockwave-flash" src="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf" wmode="opaque" flashvars="up_numPenguins=5&up_numBabies=3" />

นี่ผลลัพธ์์

วิธีเลี้ยง :
- ไม่ต้องใส่ถ่าน ไม่ต้องอะไรทั้งนั้น แปะโค้ดไว้เเล้วมันก็เดินเล่นของมันเอง โดยถ้าเราเอาเมาส์ไปชี้ๆ คลิกๆ มันก็จะวิ่งมารุมเมาส์ของเราเอง
- ใช้เมาส์คลิกที่ตัวเพนกวิ้นเเล้วลากไปวางตรงไหนก็ได้เลยครับ 555+
- อยากให้มีกี่ตัวก็เพิ่มได้ โดยเพิ่มตัวเลขในโค้ดนะ ท้ายๆเลย สังเกตเลข 5 กับเลข 3
up_numPenguins=5 หมายถึง ทั้งหมด 5 ตัว
up_numBabies=3 หมายถึง เจ้าเพนกวิ้นตัวเล็ก 3 ตัว




Thank : abowman.com/
ขอบคุณครับ
JOJOBAOIL

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


สวัสดีค๊าบบบ..คุณแม่บ้านและพ่อบ้านทั้งหลาย..หลังจากที่หายไปนานเป็นแรมชาติ วันนี้ JJB-Direct มีสินค้าคุณภาพราคาย่อมเยาเหมือนเต่านินจามานำเสนอท่าน...

"เครื่องดักจับขโมยทรงพลัง "...
ชื่อภาษาอังกฤษที่คุณแม่บ้านในแถบยุโรปเรียกกันก็คือ.."Kaong - duck - jub - ka - mory" ...G(- -*)a

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

หน้าตามันเป็นเยี่ยงไร... เชิญชมตัวอย่างได้ที่หน้าบ้านข้าพเจ้า... http://thejojobaoil.multiply.com ตัวกล่องสี่เหลี่ยมผืนผ้าเล็กๆที่แปะอยู่ด้านบนของกล่อง Gueatbook นั่นแหล่ะคับ... ที่เขียนว่า (ตัวเลข) online

วิธีติดตั้ง...


เข้าไปที่เว็บนี้เลย http://whos.amung.us/showcase


(มี 3 แบบให้คุณเลือกใช้กัน ก็ที่ผมวงไว้ให้นั่นแหล่ะครับ....)
โค้ดที่ได้มาก็ประมาณนี้..

<a href="http://whos.amung.us/show/303mgq19"><img src="http://whos.amung.us/widget/303mgq19.png" alt="hit counters" width="81" height="29" border="0" /></a>
ได้มาแล้วทำยังไง... ก็หาที่แปะสิครับ จะติดตั้งไว้ตรงไหนของหน้าบ้านก็ตามสบายเลย จะแปะไว้ในกล่อง Welcome box ยังไงก็ได้....

ผลลัพธ์ก็ประมาณนี้... hit counters
ตัวเลขก็คือจำนวนคนที่กำลังเปิดหน้าเว็บท่านอยู่ ณ ตอนนั้น...

ลองกันดูครับ....
แล้วพบกันใหม่...
บ๊ะบาย..
/ jojobaba
01.11.2007


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

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

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




จบครับ...!!


*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
+ มีคนมาแอบดู : JJB's Counter ครั้ง

* Tuzki Theme : เจ้ากระต่ายจอมป่วน



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


สิ่งที่ท่านจะได้คือ..
1. Header เจ้า Tuzki ตามภาพด้านบน.. พร้อมบ้านที่หน้ากว้างงงงงงงงงงก่าเดิม อิอิ
2. กล่องคอมเม้นสุดเดิ้ล...

3. ระบบไอคอนด้านขวา ดังภาพข้างล่างนี้...

4. เอาชื่อเว็บทิ้งให้ด้วย...
5*. แถมๆๆๆๆๆ แถมบาร์ด้านบนสีดำด้วยอ่ะ...




เริ่มกันเลย..
01. ก่อนอื่นต้องบอกก่อนว่า Theme พื้นฐานที่เราจะใช้คือ shadow box นะครับ... เพราะฉะนั้น ก่อนคุณจะเอาโค้ดต่างๆเหล่านี้ไปแปะต้องเปลี่ยน Theme พื้นฐานก่อน ดังนี้...
ตั้งจิตอธิฐาน คิดตัดสินใจดีดีว่าจะใช้ theme นี้แน่ๆ....เมื่อคิดได้แล้ว กดเลย....รอจนโหลดเสร็จ แล้วปิด...
02. เปิดหน้าต่างแก้ไข css มา.... (กดนี่ได้)
แล้ว โค้ดข้างล่างนี้.. มาวางใน กล่องข้อความในหน้าที่เปิดขึ้นมา
(จะให้ดี ลบโค้ดเก่าๆทิ้งไปก่อนนะครับ...หรือไม่ก็ก๊อบไปแปะไว้ในโปรแกรม notepad แล้ว save ไว้ในเครื่องของคุณก่อนก็ได้ เผื่ออยากเปลี่ยนกลับไปใช้ theme เดิมของท่าน...)
.......................................................................................................................................

div.owner_nav {border: none;
margin: 0 auto;
width: 870px;
border-bottom: none;
padding: 268px 0 0 0;
background: url(http://img520.imageshack.us/img520/8015/head001rt2.gif) no-repeat top left;
background-color: #c7c3ba;
}
div#page_start_wrapper {
width: 870px;
margin: 0 auto;
background: url(http://img225.imageshack.us/img225/2656/midpb6.jpg);
}
div#ownedfooterc {
background: url(http://img225.imageshack.us/img225/2656/midpb6.jpg);
width: 870px;
height: 40px;
margin: 0 auto;
}
body {
scrollbar-base-color:#000000;
background-color:#000000;
}
a.topt, a:visited.topt, a:link.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
color: #686767;
padding: 1px 0px 1px 7px;
font-weight: bold;
width: auto;
border: none;
}
a.toptsel, a:visited.toptsel, a:link.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-weight: bold;
color: #000000;
background: none;
/*background-color: #FF3399;*/
border: none;
padding: 1px 0px 1px 7px;
width: auto;
}
td.rail { border: none; }
textarea{
color: gray;
backround-color :#ffffff;
background: url(http://img186.imageshack.us/img186/308/bgmentvy6.gif);background-repeat:no-repeat;background-position:bottom right;background-attachment: inherit;
}
input{
background-color: #FFFFFF;
color:#666666;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
border: none;
border: dotted #E4E4E4 1px;
}
.itemsubsub {
padding-right: 10px;
}
h1{text-indent: -99999px;}
.header{
background-color: #000000;
border-bottom: 1px solid #595959;
}
.......................................................................................................................................
เสร็จเเล้ว กด Preview เพื่อดูตัวอย่างก่อนก็ได้.... ถ้าพอใจเเล้วก็กด save เลยครับ...



ok ครับ....
มีปัญหาตรงไหนทิ้งข้อความไว้เลยครับ...
หรือจะเข้าไปพูดคุยกันได้ที่ http://sawasdeemultiply.multiply.com/


ขอบคุณครับ
JOJOBAOIL
13.09.2007


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

*เปลี่ยนสี 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

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

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

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

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

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

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

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


วิธีเอาขอบของ 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*

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


เนื่องจากว่าคราวที่แล้ว เราได้นำเสนอผลิตภัณฑ์สุดไฮเทค...นั่นก็คือ "เครื่องเล่นเพลง mp3...
ที่มีชื่อว่า ijigg" (ijigg เครื่องเล่น MP3 สุดไฮโซววว) มาคราวนี้ เราก็มีของดีมาแนะนำกันอีก
สำหรับผู้ที่ชื่นชอบในของเถื่อน ไร้ลิขสิทธิ์ เน้นผิดกฏหมาย..(ผมไม่ได้ยุยงนะขอรับ)...
เข้ามาทางนี้เลยฮะ เพลงทุกเพลงที่อยู่บนเว็บ ijigg.com ท่านสามารถดูดมาดื่ม
เอ้ย มาเก็บไว้เป็นของตัวท่านเองได้ดังบัดนี้....

*วิถีกรรม (- -"):

01.ตามหาเพลงใน www.ijigg.com
 ....

02. เอาเมาส์ชี้ที่ options จะเจอแบบนี้...
 .............. แล้วก็เลือกที่ Embed
ก็จะเจอแบบนี้....


03. คลิกที่ copyของบรรทัด URL



04. เข้าไปที่เว็บนี้ครับ....http://radioblogdownloader.com/ijigg/

05. มองหากล่องนี้...

06. คลิกขวาในกล่องแล้วเลือก Paste... แล้วก็กดคำว่า Download File ด้านล่างของกล่อง...


07. รอแป๊บนึงมันจะมีตัวแบบนี้โผล่มาด้านล่าง...



แล้วก็ คลิกขวาที่คำว่า Download MP3 File แล้วก็เลือก Save Target As... แลกที่จัดเก็บเพลง เปลี่ยนชื่อเพลงให้ถูกต้องก็เป็นอันเสร็จขอรับ....

PS.
- เว็บนี้สามารถโหลดเพลงของ imeem.com ได้ด้วยนะจ๊ะ..
- ขอบคุงคุง nemuneko ที่แนะนำเว็บดีดีขอรับ... ^^

มีคนมาแอบดู : JJB's Counter

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

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


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





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

Link: http://sawasdeemultiply.multiply.com/journal/item/199

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

ใครที่เข้าไปแล้วไม่เจอเนื้อหาก็ เข้าไป join ที่หน้าแรกของ http://sawasdeemultiply.multiply.com ก่อนนะจ๊ะ โย่วๆ

ปล. ผมแปะทางเข้ากระทู้นี้ไว้ที่หน้าเว็บผมแล้วด้วยนะครับ อิอิ....


ม่ายรุว่าผมเขียนไปแล้วจะงงกันไหม๊ เพราะว่าต้องอาศัยความรู้พื้นฐานของ 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 อยู่บ้างก็สามารถแต่งต่อๆไปได้อีกนะครับ โย่วๆ ลองดู...

จบแล้วจ้า....งุงิงุงิ....
  : JJB's Counter


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


     ก็คือว่ามีหลายท่านถามมาว่าอยากจะเอาเส้นๆที่เป็นกรอบๆของเมนูใน 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;
}

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






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


แบบนี้ครับ


ก่อนใช้



หลังใช้


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

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


ตัวอย่าง


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

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

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

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


Link: http://sawasdeemultiply.multiply.com/journal/item/175

ตามไปโน่นนะครับทุกท่าน...
แห่ะๆๆ

งงๆหน่อยนะ เพราะตอนนี้ผมเขียนบทความอยู่ 2 ที่ แต่ต่อไปนี้คงเขียนไว้ที่เว็บผมที่เดียวเเล้วครับ แล้วค่อยแปะลิ้งไว้ที่ sm...

คุงกำลังมีปัญหากับคนที่คุณรักอยู่ช่ายหรือม่ายยย...อันนี้ตัวครายตัวมันนะคับ...(-"-)..... แต่คุณถ้ามีปัญหากับการแปะเพลงบนเว็บmultiply(mtp) ของคุณแล้วละก็....จัดการทั่งงานระบบประสาททั้งหมดของคุณให้มุ่งมาที่เราในตอนเน้ อ่ะฮ่า................... วันนี้ JJB - Direct ขอนำเสนอ...."iJigg".... เครื่องเล่น mp3 แห่งอนาคต อ๊ตๆๆๆๆๆๆๆๆๆ(เอคโค่ว).....

......................................................................................................................................

URL : http://www.ijigg.com
สรรพคุณ :
     - ระบบจะเหมือนกับมัลติพายเลย แต่ว่าที่ iJigg จะมีแค่เพลง
     - ฟังเพลงนานาพันธุ์ ทั้งไทย จีน ญี่ปุ่น ดินแดง มีหมด....
     - โหลดเร็ว (ถ้าเทียบกับเว็บอื่นๆ...หรือไม่ ผมก็คิดไปเอง...-*-)
     - แบ่งให้คนอื่นฟังได้ด้วย ง่ายมาก สะดวกรวดเร็ว
     - มีโค้ดให้เรานำไปแปะบนเว็บของเรา
     - ระบบจัดการ ง่าย สะดวก น่าใช้
     - ท่านสามารถ โพสเพลงไปเก็บไว้เป็นของท่าน (คล้ายๆ MUSIC ใน mtp เรานี่แหล่ะครับ) แต่ต้องสมัครสมาชิกก่อนนะครับ (http://www.ijigg.com/jojobaoil/albums/)
     - ท่านสามารถ add favorites เพลงคนอื่นที่ท่านชอบได้..
     - ที่นี่แนะนำเพลงที่มีคนฟังมากที่สุด ด้วยยยยย
     - สามารถสร้าง อัลบัม ( Playlist )ได้ด้วยแหล่ะ โฮะๆๆๆๆ
    
วิธีใช้ : ผมขออนุญาตข้ามเรื่องของการโพสเพลงไปเลยนะครับ เพราะคิดว่าทุกท่านนะจะพอๆทำกันได้ ผมจะขอแนะนำในส่วนของการที่เราเอาโค้ดเพลงจากเว็บ iJigg มาแปะในเว็บเราละกัน...โย่วๆๆๆ เริ่มกันเล๊ยยยย..
1. มองหาเพลงที่อยากจะเอามาแปะ เพลงตัวเอง / เพลงคนอื่น เพลงใครก็ได้ในเว็บนี้ ฟรีหมดเลย อิอิ

2. โค้ดที่ได้มาก็จะประมาณนี้ครับ...
------------------------------------------------------------------------------------------------------------------------------------
<*object width="315" height="80"><*param name="movie" value="http://www.ijigg.com/jiggPlayer.swf?songID=V2AFGG7PD&Autoplay=0"><*param name="scale" value="noscale" /><*param name="wmode" value="transparent"><*embed src="http://www.ijigg.com/jiggPlayer.swf?Autoplay=0&songID=V2AFGG7PD" width="315" height="80"  scale="noscale" wmode="transparent"><*/embed><*/object>
------------------------------------------------------------------------------------------------------------------------------------
ปล. ไม่มี * ดอกจันทร์
 - สำหรับท่านที่จะเอาไปแปะในหน้าเว็บปกติ เช่นใน Blog หรือ ใน comment ก็แปะได้เลยครับ...
 - ถ้าอยากให้มันเล่นเองอัตโนมัติก็ แก้ตรงนี้ครับ...Autoplay=0 แก้เป็น Autoplay=1 สังเกตดีดีมันจะมีอยู่ 2 จุดในโค้ดด้านบน...
 - แต่ถ้าท่านต้องการนำไปแปะใน Reviews แล้วให้มันเล่นเพลงที่หน้าแรกด้วยเหมือนข้าพเจ้าก็ทำตามนี้ครับ....
              จากโค้ดด้านบนให้ตัดเหลือแค้นี้ครับ...
------------------------------------------------------------------------------------------------------------------------------------
<*embed src="http://www.ijigg.com/jiggPlayer.swf?Autoplay=1&songID=V2AFGG7PD" width="315" height="80"  scale="noscale" wmode="transparent"><*/embed>
------------------------------------------------------------------------------------------------------------------------------------
  - และถ้าใครอยากจะเปลี่ยนขนาดของมันก็ แก้ได้เลยครับ ที่ width และ height ในโค้ดด้านบน แต่ต้องลบคำว่า scale="noscale" ทิ้งด้วยนะครับ...

โย่วๆๆๆๆ


Comment : เว็บฟังเพลงเว็บนี้ เป็นเว็บที่ผมคิดว่าเจ๋งที่สุดเเล้วครับในตอนนี้ หมายถึงเท่าที่ผมรู้อ่ะนะ หลังจากที่เคยลองเล่นมาหลายที่  ของ iJigg จะสามารถเล่นกะโค้ดที่เค้าให้เรามาแปะเว็บง่ายมาก กำหนดง่ายด้วย โหลดเร็วด้วยเวลาฟัง เสียงคมปี๊ดสสสสสสสส เลย...

มีข้อสงสัยถามได้เลยครับ....(ถ้าทราบจะตอบให้ หะหะ)^^
มีคนมาแอบอ่าน : Cingular ครั้ง


+ : Cingular

Demo : http://jojobaoil.multiply.com/
วิธีทำ
- Login ก่อนคับ...คิดดีดีแล้ว คลิ๊กตรงนี้ รอจนโหลดเสร็จ แล้วปิด
- แล้ว คลิ๊กตรงนี้ แล้วก็เอาโค้ดข้างล่างนี้.. มาวางใน
   กล่องข้อความในหน้าที่เปิดขึ้นมา
*******************************************************************
div.owner_nav {border: none;
     margin: 0 auto;
     width: 770px;
     border-bottom: none;
     padding: 268px 0 0 0;
     background: url(http://img134.imageshack.us/img134/2088/hpjgw0.jpg) no-repeat top left;
     background-color: #c7c3ba;
}
div#page_start_wrapper {
 width: 770px;
 margin: 0 auto;
 background: url(http://img151.imageshack.us/img151/6950/bbbgggse6.gif);
}
div#ownedfooterc {
 background: url(http://img151.imageshack.us/img151/6950/bbbgggse6.gif);
 width: 770px;
 height: 40px;
 margin: 0 auto;
}
body {
     scrollbar-base-color:#e7e5ce;
     background-color:#323232;
     background-attachment: fixed;
     cursor:url('http://www.yoyocici.com/teppei/new.cur');
    
}
a:hover {color: #0066CC;cursor:url('http://www.yoyocici.com/teppei/new2.cur');}
}
A:link {COLOR: #009191; TEXT-DECORATION: none}
A:visited {COLOR: #0066CC; TEXT-DECORATION: none}
A:active {}

*******************************************************************
- กด Save แล้วนั่งดูผลงานซะหน่อย...งืมๆๆ

 

Thank :
- www.sanook.com  สำหรับภาพสวยๆ
- http://imageshack.us/  สำหรับที่ฝากภาพ


Pages:12
© 2008 Multiply, Inc.    About · Blog · Terms · Privacy · Corp Info · Contact Us · Help