Tech&Tips

การใส่นาฬิกาลงในบล็อค

 1. หาโค้ดนาฬิกาก่อน หาได้จากที่ไหน? ที่ ๆ เราไปหาบ่อยก็คือใน Bloggang ค่ะ แล้วเลือกที่หมวด การตกแต่งบลอค จะมี blogger ใจดี แจกโค้ดนาฬิกาเยอะแยะเลยค่ะ ตัวอย่างโค้ดนาฬิกาที่เลือกมาดังข้างล่างค่ะ

 

เมื่อเลือกได้แล้ว ให้ Copy โค้ดทั้งหมดไว้ก่อนค่ะ

 2. กลับมาที่ Exteen ค่ะ เข้าไปที่  Preferences -->  Links  ตรง  Add New Link ให้นำโค้ดที่  Copy ไว้
มาใส่ใน  Description: ค่ะ  ส่วนตรง URL: จะเว้นว่างไว้ก็ได้ค่ะ แต่ถ้าเว้นว่างไว้ เวลาไปกดที่นาฬิกาในหน้าบล็อคของเรา มันจะไปยังหน้า Page not found น่ะค่ะ เราก็เลยใส่ใน URL: ให้ลิงค์มายังหน้าเดิมโดยใส่ดังนี้ค่ะ jennessa.exteen.com/# เพื่อน ๆ ก็ใส่ชื่อ username ของตัวเองแทนคำว่า jennessa นะคะ เสร็จแล้วกดปุ่ม ADD ได้เลยค่ะ

 3. กดปุ่ม View your blog ได้เลยค่ะ ^ ^" นาฬิกาน่ารัก ๆ จะอยู่ข้าง ๆ บล็อคตรง Links ค่ะ ดูตัวอย่างนาฬิกาจากโค้ดนี้ได้ทางซ้ายมือเลยค่ะ(^ ^)V ** อย่าลืมเลือกให้แสดง Link ในบล็อคก่อนนะค่ะ
ที่ Theme --> Select Components แล้วติ๊กถูกที่ Links แล้วกด ok

การนำโค๊ดเพลง จาก Mix Podใส่ในบล๊อค

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

อัลมีวิธีง่ายๆค่ะ โดยเพื่อนๆเข้าไปในเว็บนี้เรย ย  ย

ขั้นแรก : เข้า เว็บ Mix pod  http://www.mixpod.com/

คลิกที่รูป อะไรก็ได้ หรือ เข้า ที่คำว่า Create Playlist  

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

และนำ  Embed  ของเพลงมาแปะที่บล็อกหรือที่กระทู้ได้ง่ายๆ

ขั้นที่สอง : เมื่อเข้าไปแล้ว ก็พิมพ์ชื่อเพลงที่ต้องการลงไป  แล้วกด search  

ขั้นที่สาม : เมื่อได้เพลงที่ต้องการแล้ว ก็กด เพิ่ม (+) หรือ กด ฟัง (>)  

ขั้นที่สี่ : กด 2. Customize 

ขั้นที่ห้า : เมื่อเลือก สกิน เสร็จแล้ว ก็ เลือก 3. Save playlist  แล้วก็จะมาสู่หน้า Code

เพื่อที่จะเอามาใส่ในบล๊อกของเรา 

ขั้นที่หก : เมื่อได้โค๊ดมาแล้วน่ะค่ะ เราก็นำมาแปะไว้ในส่วนของ เพิ่ม Gedget  น่ะค่ะ เลือก HTML 

ขั้นที่เจ็ด : นำโค๊ดที่ได้ มาใส่ไว้ในนี้

แล้วกด บันทึก ถือเป็นการเสร็จเรียบร้อย

การเปลี่ยนรูปภาพหัวข้อเรื่องตรงแถบด้านข้าง

ในแต่ละ theme จะมีรูปแบบของแถบด้านข้าง (side bar) ไม่เหมือนกัน 

ในแถบด้านข้างจะมีเมนูย่อย ๆ หลายอันค่ะ 

ตรงหน้าของแต่ละหัวข้อจะมีรูปเล็ก ๆ อยู่ (bullet) เราสามารถเปลี่ยนรูปตรงนี้เป็นรูปอื่น ๆ ที่เราต้องการได้ โดยการเปลี่ยน CSS เพียงนิดเดียวเองค่ะ มาดูวิธีทำกันค่ะ
1. เข้าไปที่ Theme --> แก้ CSS ด้วยตัวเอง จากนั้นหาคำว่า .sidebar-item li ค่ะ ดังข้างล่างค่ะ
.sidebar-item li{
background-repeat: no-repeat;
list-style-type: none;
margin:0px 5px 0px 10px;
padding:0px 0px 0px 15px;
background-image: url(/global/theme/predefined/patchy/bul.gif);background-position:0px 2px;}


2. ตรงคำว่า background-image: ให้เปลี่ยน url ตรงที่ไฮไลท์ไว้เป็น url ของรูปที่เราต้องการให้เป็นหัวข้อค่ะ ตัวอย่างเช่น ถ้า url ของรูปใหม่คือ http://uc.exteenblog.com/jennessa/images/0164_star.jpg CSS ที่ได้จะเป็นดังข้างล่างค่ะ
.sidebar-item li{
background-repeat: no-repeat;
list-style-type: none;
margin:0px 5px 0px 10px;
padding:0px 0px 0px 15px;
background-image: url(http://uc.exteenblog.com/jennessa/images/0164_star.jpg);
background-position:0px 2px;}


 3. ตรงคำว่า background-position: เป็นการกำหนดตำแหน่งของหัวข้อค่ะ เลขตัวแรกคือตำแหน่งตามแนวนอน เลขตัวที่สองคือตำแหน่งตามแนวตั้งค่ะ ตัวอย่างเช่น ถ้าเราต้องการให้รูปหัวข้อไปทางขวามากขึ้น เราก็ต้องเพิ่มตัวเลขตัวแรกให้มากขึ้นค่ะ ( ลองเปลี่ยนรูปดูก่อนค่ะ แล้วค่อยดูว่าจะต้องเปลี่ยนเลขตรงนี้รึป่าว อันนี้บอกไว้เผื่อจะไปลองเล่นกันดูค่ะ )
4. เรียบร้อยแล้วค่ะ จากนั้นลองไปดูที่บลอคเรา หัวข้อตรงแถบด้านข้างจะเปลี่ยนไปแล้วค่ะ

ถ้าติดตรงไหน หรือสงสัยในเรื่องอื่น ๆ ก็คอมเมนต์คำถามไว้ได้นะคะ จะพยายามหาคำตอบมาให้ค่ะ

(^ ^)V