การเปลี่ยนไอคอนตรง Address Bar

วิธีการเปลี่ยนไอคอนตรง Address Bar

1. ขั้นตอนแรกนำรูปไปแปลงให้เป็นไฟล์ .ico ก่อนค่ะ โดยเข้าไปที่เว็บ http://www.prodraw.net/favicon/index.php แล้วทำการ Browse รูปที่ต้องการทำเป็นไอคอน Address Bar  แล้วกด Upload it

2. ทางเว็บก็จะมีให้เลือกขนาด ในที่นี้ให้เลือก 16x16 px แล้วกด Generate It

3. เมื่อ Generate เสร็จก็จะขึ้นลิ้งค์ เราก็ก็อบปี้ลิ้งค์ ตรง No Sharpen ค่ะ

4.หลังจากก็อบปี้เสร็จก็เปิดหน้าของการแก้ไขบล็อก> การออกแบบ> แก้ไข HTML

 5. ทำการค้นหาคำว่า <title><data:blog.pageTitle/></title> แล้วนำโค้ดด้านล่างนี้ไปแปะไว้หลังคำดังกล่าว

<link href='ลิ้งค์ไอคอน' rel='shortcut icon' type='image/x-icon'/>

แล้วนำลิ้งค์ไอคอนมาวางไว้ตรงตัวอักษรสีแดง แค่นี้ก็เสร็จเรียบร้อยค่ะ อย่าลืมกด บันทึกด้วยนะ

Credit BY: Finny

การเปลี่ยนฟอนต์ในตำแหน่งต่างๆ

1. ส่วน เมนูด้านบน หรือ Pagelist

โดยทำการค้นหา (กด ctrl+f ) คำว่า Pagelist ก็จะเจอโค้ดดังนี้

#PageList1 h2{

display:none;
}
#menu{
width:650px;
float:left;
font:normal 20px ' Allerta Stencil ', Georgia;
margin-top:110px;
}

ให้ทำการ Paste ชื่อฟอนต์ที่ได้ก็อบปี้ไว้ วางแทนที่ตัวอักษรสีม่วง แล้วทำการบันทึก

2. ส่วน ชื่อหัวของ Gadget ให้ค้นหาคำว่า Gadgets Title Font ก็จะเจอโค้ด

<Variable name="widgettitlefont" description="Gadgets Title Font"

             type="font" default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 27px ' Allerta Stencil ', Georgia, Utopia, 'Palatino Linotype', Palatino, serif;">
   <Variable name="widgettitletextcolor" description="Gadgets Title Color"
type="color" default="#222" value="#ffffff">
   <Variable name="widgettextcolor" description="Gadgets Text Color"
type="color" default="#555" value="#643827">

ให้ทำการ Paste ชื่อฟอนต์ที่ได้ก็อบปี้ไว้ วางแทนที่ตัวอักษรสีม่วง แล้วทำการบันทึก

3. ส่วนของชื่อบล็อกหรือ Header นั้นเอง



ให้ค้นหาคำว่า Headerfont จะได้โค้ด

<Variable name="headerfont" description="Blog Title Font"

             type="font" default="normal normal 42px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 32px ' Amazone BT ', Georgia, Utopia, 'Palatino Linotype', Palatino, serif">
   <Variable name="headertextcolor" description="Blog Title Color"
type="color" default="#FFF" value="#ee2b45">

ให้ทำการ Paste ชื่อฟอนต์ที่ได้ก็อบปี้ไว้ วางแทนที่ตัวอักษรสีม่วง แล้วทำการบันทึก

Credit BY: Finny

วิธีการเปลี่ยนฟอนต์ใน Blog

[ในการเปลี่ยนฟอนต์นี้สามารถเปลี่ยนได้เฉพาะตัวอักษรภาษาอังกฤษน่ะค่ะ]

ซึ่งมีวิธีดังนี้

1. ให้ไปเลือกแบบอักษรไดที่ http://code.google.com/webfonts แล้วเลือกดูฟอนต์ที่ชอบ

แล้วคลิกไปที่ฟอนต์ที่เลือกแล้วจะโชว์หน้ารายละเอียดฟอนต์

2. ให้คลิกไปที่เมนู Use this font แล้วทำการก๊อบปี้โค้ด ดังรูปด้านล่างนี้

3. ต่อมาให้ไปที่หน้าแก้ไขบล็อก> การออกแบบ> แก้ไข HTML

4. ทำการค้นหาคำว่า <b:skin> แล้วนำโค้ดที่เราได้ก๊อบปี้จากด้านบนไปนำไปวาง ก่อนคำ <b:skin>

5. ทำการ Copy ชื่อฟอนต์ซึ่งอยู่ตรงตัวอักษรสีแดง แล้วนำฟอนต์ไปแปะไว้ส่วนที่ต้องการให้ฟอนต์เปลี่ยน การนำชื่อฟอนต์ไปวางไว้ตามตำแหน่งต่างๆ เรียนรู้เพิ่มเติม คลิกค่ะ

<link href='http://fonts.googleapis.com/css?family=Allerta+Stencil ' rel='stylesheet' type='text/css'/>

หลังจากทำการเปลี่ยนฟอนต์

Credit BY: Finny

การนำไฟล์ flash ลงใน Blog

        การสร้างสรรค์บล็อคให้น่าดู วันนี้นำความรู้เล็กๆ น้อยๆ มาฝากกันก็คือ การนำไฟล์ Flash มาลงใน Blog ซึ่งมีขั้นตอนง่ายๆ ดังนี้ค่ะ
       
        1. นำไฟล์แฟลชไปฝากบนเว็บ ที่นี้เราใช้เว็บ http://www.swfcabin.com/

             Title: คือให้พิมพ์ชื่อของไฟล์
             Allow votes: อนุญาติให้โหวต
             Allow Search: อนุญาติให้ค้นหา

             2. จากนั้นให้กด Browse เพื่อที่จะเลือกไฟล์ แล้วกด Publish Swf เพื่ออัพโหลด

          
              3. พออัพโหลดเสร็จแล้วเว็บจะโชว์ลิ้งค์ขึ้นมา

    
          ก็จะได้โค้ด http://www.swfcabin.com/open/1294901081
สำคัญ: โดยเราจะปรับเปลี่ยนโค๊ดนิดหน่อย คือ http://www.swfcabin.com/open/1294901081
             เปลี่ยนดังนี้ 1.เปลี่ยนจาก open เป็น swf-files
                                2.เพิ่ม .swf ต่อท้ายลิ้งค์
จะได้ http://www.swfcabin.com/swf-files/1294901081.swf แค่นี้ก็เสร็จสามารถนำไปลงใน Blog ได้แล้วค่ะ



วิธีการนำลิ้งค์มาลง Blog
          1. เปิดหน้าแก้ไข Blog ขึ้นมาแล้วเลือกเมนู การออกแบบ

          
                  2. จากนั้นทำการเพิ่ม Gadget แล้วเลือกเพิ่ม HTML/จาวาสคริปต์

 
                3. จากนั้นให้พิมพ์โค๊ด ข้างล่างลงไป
    
              <object type="application/x-shockwave-flash" data="ลิ้งค์ .swf" width="550" height="300"> <param name="movie" value="ลิ้งค์.swf" /> </object>
                   หมายเหตุ: ลิ้งค์.swf สีน้ำเงินให้ใส่ลิ้งค์ flash ที่ได้อัพโหลดบนเว็บและผ่านการแก้ไขดังด้านบนมาแล้ว

                   4. หลังจากนั้นกดบันทึก แค่นี้ก็เสร็จ สามารถเลื่อน Gadget ได้ตามใจว่าจะนำ Flash ไว้ส่วนไหนของ Blog

Credit BY: Finny