วันเสาร์ที่ 30 กรกฎาคม พ.ศ. 2554

How to add your own blackground: วิธีสร้างพื้นหลังให้ Blogger ของเราเอง

Upload file ฟรี จาก Google

วันนี้เข้าไปอ่านบล็อกแห่งหนึ่งซึ่งน่าสนใจมากมายค่ะ เพราะเป็นอีกขั้นระดับเทพ สำหรับการทำบล็อกเกอร์ Blogspot ซึ่งเพื่อน ๆ สามารถเข้าไปเยี่ยมเยียน เก็บข้อมูลได้ที่ http://hackublog.blogspot.com/ ซึ่งในการเยี่ยมชมครั้งนี้ MeOmee ก็ได้เรียนรู้การฝากไฟล์ โดยใช้เครื่องมือฟรีจาก Google นั่นคือ กูเกิ้ลเว็บไซด์ฟรี ซึ่งก็โดนใจมาก เพราะกำลังหาที่ฝากไฟล์งานอยู่พอดี ซึ่งมีวิธีการทำดังต่อไปนี้ค่ะ

ขั้นแรกเราก็เข้าไปที่ http://sites.google.com/ แล้ว LogIn ด้วยบัญชีอีเมลล์ gmail ของเราค่ะ จะเห็นภาพดังรูป
คลิก "สร้างไซต์ใหม่"



จากนั้นกรอกข้อมูล ตั้งชื่อ



จากนั้นคลิก "สร้างเว็บไซด์" จะปรากฎดังภาพ ให้คลิก "สร้างหน้าเว็บ"



จะปรากฎหน้าให้ตั้งชื่อไฟล์ดังภาพ จากนั้นคลิก "สร้างหน้าเว็บ"



จะปรากฎหน้าให้เพิ่มไฟล์ดังภาพ จากนั้นคลิก "เพิ่มไฟล์"


จะปรากฎหน้าให้เพิ่มไฟล์ดังภาพ เลือกไฟล์ที่ต้องการ upload จากนั้นคลิก "อัปโหลด"



จะปรากฎหน้าดังภาพ เมื่อ upload เรียบร้อยแล้ว และเมื่อต้องการจะใช้ไฟล์ ให้คลิกซ้ายที่ "ดาวโหลด" เลือก "properties" เมื่อนำไปใช้ ให้คัดลอกเฉพาะที่ไฮไลท์ ค่ะ



เท่านี้ MeoMee ก็ไม่ต้องง้อเว็บไซด์อัปโหลดฟรีอื่น ๆ ละค่ะ

ขอบคุณที่ติดตามค่ะ ^__^

Read More......

SUNDAY, DECEMBER 6, 2009

How to add your own blackground: วิธีสร้างพื้นหลังให้ Blogger ของเราเอง

วันนี้ MeOmee ก็่จะขอเสนอวิธีสร้าง Blackground ไว้ใช้เองสำหรับบางคนที่ยังไม่ถูกใจของฟรีจากเว็บไซด์ต้นฉบับของ blogger เอง เผื่อจะมีตัวเลือกให้ใช้ได้มากขึ้นค่ะ ขั้นตอนแรกก็เข้าไปที่สร้าง Blackground ในที่นี้ Meomee สร้างจากที่ Adobe Photoshop Cs4 ค่ะ อาจจะไม่สวยหรูนัก... ก็เพราะว่ามันเป็นตัวอย่างค่ะ(อิอิ) โดยสามารถทำได้ดังนี้ค่ะ

1. คลิกที่ File ->New
2. จากนั้น ตรง Preset คลิกที่เครื่องหมายหัวกลับเลือก Web
3. Size คลิกที่เครื่องหมายหัวกลับ 1024x768 ซึ่งเป็นการแสดงผลบนเว็บหน้าจอมาตรฐาน
4. Color mode เลือก RGB Color
5. คลิก OK.



(คลิกที่นี่ดูภาพขนาดใหญ่)

เมื่อสร้างภาพได้ตามต้องการแล้ว ก็ทำการบันทึก โดย

1. คลิก file->Save for Web & Devices..
2. เลือก Preset PNG-24
3. คลิก Save
4. ตั้งชื่อ File เลือกชนิดไฟล์ *PNG



(คลิกที่นี่ดูภาพขนาดใหญ่)

เข้าไปที่เว็บไซด์ http://www.photobucket.com เพื่อฝากรูปภาพที่เราสร้าง
1. Log In
2. คลิก Upload images &Vidios




(คลิกที่นี่ดูภาพขนาดใหญ่)


จากนั้น Log In เข้าไปที่บัญชี Blogger เพื่อปรับแต่ง
1. เข้าไปเลือก Lay Out-> Pick New Template -> เลือก Mininaข -> Save New Template
2. เข้าไปเลือก Lay Out-> Edit Html
2. ค้นหา Code ดังต่อไปนี้ โดยอาจจะใช้ Ctrl+F ค้นหาคำว่า "background"

===========================================


body {
background:$bgcolor;
margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center;


===========================================
3. แทนค่าด้วย Code ดังต่อไปนี้


body {

background:$bgcolor;background-image:url(direct link);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center;


4. จากนั้นนำ Link ที่ได้จากการอัพโหลดจาก http://www.photobucket.com เข้าแทนที่ใน (direct Link) ก็จะได้เป็นรูปแบบดังนี้

==============================================================


body {

background:$bgcolor;background-image:url(http://i939.photobucket.com/albums/ad239/meomee/Background-Blogger-udate-png.png);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center;


==============================================================

5.จากนั้นให้คลิก Preview เพื่อดูภาพ background ที่เราสร้าง
6.เมื่อทดสอบผลเป็นไปตามแผนแล้วให้คลิก Save Template

แสดงผลได้ดังนี้ค่ะ


(คลิกที่นี่ดูภาพขนาดใหญ่)

ข้อมูลอ้างอิง นำมาจากต้นฉบับที่นี่ค่ะ
http://teresabelle.blogspot.com/2009/01/add-your-own-background-video.html


จบแล้วค่ะ ถ้าว่าง ๆ จะมาอัพบล็อกใหม่ค่ะ
บายค่ะ @^__^@
MeOmee (มีโอมี่) ไม่ใช่ โมเม ไม่ใช่ เหมียว ไม่ใช่ หมอมี นะคะ ฝากบอกกันไป . .'

Read More......
Life Insurance Knowledge:Life Insurance , private, death, employee pensions and annuities,life insurance, educational, life insurance companies

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

Search for content in this blog.