| |
jojoba's posts with tag: ตกแต่งมัลติพลาย
บาบ้า พาเพลิน : ติดตั้งกล้องวงจรปิดให้เว็บคุณ หะหะหะหะ เ็้ห็นชื่ออย่าพึ่งงงกันไปซะก่อนนะครับ จริงๆแล้วมันก็คือ ระบบ user online นั่นแหล่ะครับ เพียงแต่ว่าระบบที่ผมใช้นี่ มันช่างเยี่ยมยอดจริงๆจ๊อด จะว่าไปผมก็ได้เคยแนะนำให้ใช้กันไปแล้วครั้งนึงนะครับ ถ้าท่านๆยังจำกันได้ เอาอย่างงี้ละกันครับ เดี๋ยวผมจะแสดงให้ดูละกันครับว่าระบบมันมีอะไรบ้างและทำงานยังไง
หลังจากที่ท่านได้ติดตั้งเจ้ากล้องวงจรปิด (user online) ตัวนี้แล้ว สิ่งที่คุณจะได้รับก็มีดังต่อไปนี้ ก่อนอื่นมาดูหน้าตามันก่อน เดี๋ยวงงไปกันใหญ่... เจ้ากล้องวงจรปิดที่ผมหมายถึงก็คือเจ้าตัวนี้ครับ (ก็อยากดูของจริงก็ที่หัวเว็บ (Header) ผมนั่นแหล่ะครับ เลื่อนไปดูด้านบน)01 : ท่านจะทราบว่า ณ ขณะนี้มีคนที่กำลังเปิดหน้าเว็บของท่าน(หมายถึงทุกๆหน้าบนเว็บของท่านเลยนะครับ ไม่ใช่แค่หน้าแรก)อยู่ทั้งหมดกี่คน และเเต่ละคนเปิดหน้าไหนอยู่ ไม่ใช่แค่คนนะครับเจ้าตัวนี้ยังสามารถจับการทำงานของ บ่อท(Robot)* ได้ด้วย แถมยังรู้อีกว่า เค้าคนนั้นอยู่ประเทศไหนบนโลกใบนี้ด้วย เออ.... รู้กันขนาดนั้นเลย แต่ระบบอาจจะไม่ real time 100% แบบทุกวินาทีนะครับ แต่จะได้ประมาณซัก 30 วินาที ส่วนตัวผมก็โอเคอ่ะ น่าพอใจยิ่ง แบบนี้ 02 : มีระบบสถิติให้ท่านดูด้วยว่า ในแต่ละวัน มีคนมาออนไลน์ใช้ชีวิตอยู่ในเว็บของท่านมากสุดครั้งละกี่คน น้อยสุดครั้งละกี่คน และเฉลี่ยนแล้ว วันนึงๆมีคนมาออนไลน์บ้านท่านกี่คน แบบนี้ ***อยากดูของจริงก็ดูตัวอย่างของเว็บผมได้ครับ : http://whos.amung.us/show/arzhg54n+ พิธีกรรม 01 : ติดตั้งเครื่องดักจับขโมย ( http://thejojobaoil.multiply.com/journal/item/123) ไว้ที่ กล่อง tittle ของท่าน คือว่า ตามลิ้งที่ผมเคยเขียนวิธีติดตั้งไว้นั้น ผมไม่ได้แนะนำการติดตั้งที่ถูกที่ถูกทางเท่าไหร่ จริงๆแล้วเนี่ย ถ้าเราติดไว้ที่หน้าเเรก ตัวเลขคน online ก็จะแสดงแค่คนที่อยู่หน้าเว็บเราเท่านั้น ไม่ได้นับรวมถึงคนอื่นๆที่กำลังดูหน้าอื่นๆด้วย เช่น คนที่กำลังดูอัลบัมเราอยู่แบบนี้มันก็จะไม่นับให้ครับ วิธีที่จะให้มันนับครบทุกคนจริงๆเลยเนี่ย ก็คือต้องแปะโค้ดไว้ที่ตรงไหนก็ได้ที่คิดว่า ไม่ว่าจะเปิดหน้าไหนของเว็บเราก็ต้องเห็นเจ้าตัวนี้ด้วยทุกครั้งไป ผมจะขอแนะนำวิธีแปะไว้ที่ tittle ละกัน เพราะดูจะง่ายสุด (แต่ตามหลักการของ xhtml แล้วเนี่ย ถือว่าไม่ถูกต้องเอาซะเลย แต่ไม่ต้องไปแคร์ครับ เราทำเว็บเล่นๆไม่ได้กะเอาโล่ หะหะ) ต่อไปมาแปะกล้องวงจรปิดกัน ก่อนอื่นเปิดหน้านี้ขึ้นมาครับ http://ชื่อเว็บท่าน.multiply.com/edit/title แปะโค้ดลงไปในกล่อง Site Title ครับ โดยแปะต่อท้ายโค้ดเดิมที่มีอยู่เลยนะครับ แล้วกด OK เลย ( วิธีนี้จะทำให้เจ้า topic sticker บางตัว ของท่านหลุดนะครับ แต่ไม่เป็นไร ถ้าหลุดก็ค่อยแปะสติ๊กเกอร์ใหม่นะ หะหะ)ก็แค่นี้แหล่ะครับ ดูว่ามันโผล่มารึยัง ถ้าโผล่มาเเล้วก็ได้เรื่องเเล้วครับ และถ้าอยากดูว่ามีใครมาหน้าไหนของเว็บเราบ้างก็ คลิก ที่ตัว counter นั่นเลยครับ มันจะพาคุณไปยังหน้านี้ภาพ โอเคร-โอเคร๊ ติดปัญหาตรงไหน ถามได้ครับผม ปล. สำหรับท่านที่ซ่อน ชื่อเว็บ ดดยวิธีที่ผมเคยแนะนำไป http://thejojobaoil.multiply.com/journal/item/114 ก็อดใช้กล้องวงจรปิดตัวนี้นะครับ เหอะๆๆๆ ถ้าอยากใช้ก็ต้องใช้วิธีซ่อนชื่อเว้บอีกวิธีครับ คือวิธีนี้ครับ >> http://thejojobaoil.multiply.com/journal/item/87 แต่ืวิธีนี้เสี่ยงเว็บพังมากๆนะครับ กรุณาใช้อย่างระมัดระวัง ตรวจสอบโค้ดที่คุณแปะลงไปให้ถูกต้องด้วยนะครับขอบคุณครับ 18.03.2008 JOJOBAOIL
*บ่อท(Robot) เป็น โปรแกรมคอมพิวเตอร์ที่ถูกเขียนขึ้นเพื่อให้ทำงานอย่างใดอย่างหนึ่ง ซึ่งเจ้าตัวที่ผมหมายถึงนี่ก็พวก robot ของ google เป็นต้น มันจะทำหน้าที่วิ่งมาหาข้อมูลในหน้าเว็บเราเเล้วเก็บข้อมูลออกไป
วันนี้มีของเล่นมาให้เล่นกันอีกแล้วครับ หลังจากที่ผมปล่อยฝูงเพนกวิ้นน้อยเดินเล่นหน้าบ้าน ก็มีเพื่อนๆหลายท่านเลยที่อยากเอาไปเลี้ยงบ้าง ขอบอกก่อนนะครับว่าเพนกวิ้นที่จะปล่อยให้ไปเลี่ยงกันวันนี้ ไม่เสียค่าใช้จ่ายใดๆ ไม่ใช่ "แชร์เพนกวิ้น"นะครับ...(ก๊ากๆๆๆๆ) มาเลยม่ะ...ง่ายๆๆ ก๊อบโค้ดสีๆต่อไปนี้ไปแปะหน้าบ้านท่านได้เลย แปะตรงไหนก็ได้ (นึกไม่ออกก็กล่อง 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" /> นี่ผลลัพธ์์
สวัสดีค๊าบบบ..คุณแม่บ้านและพ่อบ้านทั้งหลาย..หลังจากที่หายไปนานเป็นแรมชาติ วันนี้ 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 ยังไงก็ได้....
ผลลัพธ์ก็ประมาณนี้...  ตัวเลขก็คือจำนวนคนที่กำลังเปิดหน้าเว็บท่านอยู่ ณ ตอนนั้น...
ลองกันดูครับ....
แล้วพบกันใหม่... บ๊ะบาย.. / jojobaba 01.11.2007 +  มีคนมาแอบดู :  ครั้ง
*แปะโค้ดในบล็ิอก...มีหลายท่านเลยถามมาว่า ทำไมแปะโค้ดไม่ได้ จริงๆแล้วง่ายมากเลยครับ แค่คุณ ติ๊กเครื่องหมายถูกตามภาพนี่ครับ ติ๊กก่อนเเล้วก็แปะโค้ดลงไป พอจะเขียนข้อความปกติก็ ติ๊กที่เดิมให้เครื่องหมายถูกหายไป...
จบครับ...!!
*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 + มีคนมาแอบดู :  ครั้ง
* 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
+ มีคนมาแอบดู :  ครั้ง
*เปลี่ยนสี 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 แล้วมองหาสิ่งนี้
 จบจ้า...เหอะๆ
|
|
: บทความอื่นๆที่เกี่ยวกับ : 
: ถามปัญหาอื่นๆทางนี้ครับ : 
Link: 
