Archive for March, 2009

Mar
30

“มาทำให้เว็บ Multiply ของเราโหลดเร็วขึ้นด้วยการ Block HTML Comment กันดีกว่าค่า ^^ “

kritsanaวิธีใช้งาน Multiply.com

สวัสดีค่า เพื่อนๆเคยรู้สึกไหมคะ เวลาบางทีที่เราเปิดหน้าเว็บ Multiply แล้วทำไม๊ ทำไมมันถึงเปิดได้ช้าซะเหลือเกิน
เหตุผลหนึ่งคือ คอมเม้นท์ที่เป็นพวก Glitter ทั้งหลาย ทำให้หน้าเว็บเราหนัก และโหลดได้ช้ามั่กๆ
เอาหละ วันนี้เรามาทำการ Block Comment ประเภทนี้กันเถอะคร่าาพี่น้องงง ^^

ขั้นแรกก็คลิ๊กที่ Customize My Site และก็คลิ๊กที่ทำว่า Edit ตรงบริเวณช่องของ Guestbook นะเจ้าค่ะ ^^

01

จากนั้นก็ให้เราทำการ คลิ๊กตรงคำว่า Don’t Allow HTML in comments. และกด SAVE ได้เลยค่าา

01

ขั้นตอนสุดท้ายก็ทำการคลิ๊กที่ Done ที่ตรงแถบบนสุดของเว็บเรา เท่านี้ก็เป็นอันเรียบร้อย

01

เอาหละ ทีนี้ลองมาโพส Glitter กันดูดีกว่า เมื่อลองโพสดูแล้วก็ปรากฏว่า แป๊ววว ไม่สามารถโพสได้ซะงั้น -*-
นั้นแสดงว่าทำสำเร็จแล้วล่ะจ้าา อิอิอิ

01

สำหรับใครที่มี Comment ใน Multiply เยอะๆ ก็โหลดเร็วขึ้นเป็นกองเลยนะเจ้าค่ะ แล้วพบกันใหม่คราวหน้านะเจ้าคะ สวัสดีค่าาา ^^

Mar
23

“มาใส่ภาพในกล่อง Comment กันเถอะค่าาา ^^”

kritsanaวิธีใช้งาน Multiply.com

จากเทคนิคใส่ภาพ Background ในตอนก่อนๆ วันนี้เรามาลองใส่ภาพการ์ตูนน่ารักๆ ลงในกล่อง Comment กันดีดูกว่าคร่าา ^^

เริ่มจาก Sign in เข้าไปหน้าเว็บ Multiply สุดโปรดของเรากันก่อน จากนั้นก็คลิ๊กที่ Customize My Site > Custom CSS จ้า
01

แล้วก็ใส่โค้ดตามนี้ลงไปเลยเจ้าค่ะ แล้วก็กด Save ออกมา

textarea{ background:url(’ใส่ URL ภาพที่ชอบลงไปนะจ๊ะ’); background-repeat:no-repeat;
background-position:bottom right;
background-attachment:inherit;}

01

เมื่อเราเปิด Multiply ก็จะเห็นว่าในกล่อง Comment ของเราได้มีภาพน่ารักๆที่เราได้เลือกเอาไว้แสดงอยู่ด้วยค่าา เย้ๆๆ
01

ก็จบไปสำหรับ Tips เล็กๆน้อยๆนะค่ะ แล้วพบกันใหม่ในโอกาศหน้านะคะ สวัสดีค่ะ ^^

Mar
16

“มาลบ Comment ที่เราไม่ต้องการกันดีกว่าคร่าา ^^”

kritsanaวิธีใช้งาน Multiply.com

สวัสดีค่ะพบกันอีกแล้วนะคะ ในตอนนี้เรามาลองลบคอมเมนท์ใน Guestbook กันนะคะเพื่อเพื่อนๆบางคนอาจยังไม่รู้นะจ๊ะ ^^

ก่อนอื่นเราก็เข้าไปที่ http://ชื่อMultiplyของเพื่อนๆ.multiply.com/guestbook นะคะ

01

จากนั้นเราก็สามารถเลือกได้เลยจ้า ว่าต้องการจะลบ Comment ไหนบ้าง หรือจะ Reply
ตอบความเห็นของเพื่อนๆก็สามารถทำได้เช่นกันนะจ๊ะ ^^

01

เมื่อเรากด Delete ลงไปแล้วข้อความดังกล่าวก็จะหายไปในทันใดจ้า อิอิอิ

01

เป็นไงบ้างคะง่ายจริงๆเลยกับการลบ Comment แล้วพบกันใหม่ในโอกาสหน้านะค้าา สวัสดีค่ะ ^^

Mar
9

“มาดูวิธีการใส่ภาพ Background ในแบบต่างกันกันค่าา ^^”

kritsanaวิธีใช้งาน Multiply.com

ต่อเนื่องจากคราวก่อนนะคะ หลังจากที่เราได้ทำการตรึงภาพ Background กันไปแล้ว
วันนี้เรามาต่อด้วยวิธีการใส่ภาพ Background กันในแบบต่างกันกันดีกว่านะคะ ^^
วิธีทำก็ไม่ยากเลยลองทำตามกันดูนะจ้าาา

อันดับแรก เข้าเว็บ Multiply แล้วคลิ๊กที่ Custumize My Site และคลิ๊กที่ Custom CSS นะเจ้าคะ
01

จากนั้นก็ใส่โค้ดลงไป แล้วก็กด Save ได้เลยจ้า
01

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

แบบที่ 1
{ background-image: url(ใส่โค้ดภาพตรงนี้จ้า); }

แบบที่ 2
{ background-image: url(ใส่โค้ดภาพตรงนี้จ้า);
background-repeat: repeat; }

แบบที่ 3
{ background-image: url(ใส่โค้ดภาพตรงนี้จ้า);
background-repeat: repeat-y; }

แบบที่ 4
{ background-image: url(ใส่โค้ดภาพตรงนี้จ้า);
background-repeat: repeat-x; }

แบบที่ 5
{ background-imgae: url(ใส่โค้ดภาพตรงนี้จ้า);
background-repeat: no-repeat; }

01

เพียงเท่านี้เพื่อนๆก็จะสามารถวางภาพ Background สวยๆได้ในแบบที่เพื่อนๆชอบได้เลยจ้า
ขอให้มีความสุขในการแต่ง Multily กันทุกคนนะคะ แล้วพบกันใหม่โอกาสหน้าจะค่าา ^^

Mar
6

“มาทำให้ภาพ Background ใน Multiply ของเราไม่ให้ขยับกันดีกว่าค่าา”

kritsanaวิธีใช้งาน Multiply.com

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

อันดับแรกเข้าเว็บ Multiply และ Sign in ให้เป็นที่เรียบร้อยแล้วคลิ๊กที่ Custumize My Site นะคะ

01

จากนั้นก็ขึ้นไปคลิ๊กที่ Custom CSS เพื่อทำการใส่โค้ดกันนะเจ้าค่ะ

01

ใส่โค้ดตามนี้เลยนะเจ้าคะ

body{
background-image:url( ใส่ที่อยู่ URL ของภาพตรงนี้นะเจ้าคะ );
background-attachment: fixed;background-position: center;
background-repeat: no-repeat;
}

เมื่อใส่เสร็จเรียบร้อยแล้ว ก็คลิ๊กที่ Save เลยจ้าาา ^^

01

เมื่อกลับมาหน้าแรก ลองเลื่อนเมาส์ลงมาข้างล่างของ Multiply ของเรา
จะพบว่าภาพ Background ของเราไม่เลื่อนตามลงมาแล้วค่าาา

01

เป็นไงบ้างคะ คงไม่ยากเกินความสามารถเพื่อนๆเลยเน๊อะ แล้วพบกันใหม่โอกาสหน้านะค่าา สวัสดีค่ะ^^