ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    โค้ดพื้นฐานแต่งไอดี

    ลำดับตอนที่ #12 : โค้ดทำแบนเนอร์

    • อัปเดตล่าสุด 11 เม.ย. 54


     โค้ดทำแบนเนอร์

    <a href="
    ทีอยู่(เว็บ) " target="_blank"><img height="50" alt="" src="รูปที่จะเป็นแบนเนอร์" width="170" border="0" /></a>


    banner :: ป้าย banner สวยๆ 1-2



    อ้อ..เนื่องจากมีหลายรูป และขี้เกียจโพสทีละรูป


    ก็เลยจัดการรวมไฟล์กันไปเลย โหลดทีเดียว มาทั้งหมด อิอิ


    ง่ายต่อการโพส และเซฟเก็บจ้า... (จะได้ไม่ต้องเสียเวลาคลิกขวาทีละรูป)



    banner :: ป้าย banner สวยๆ 1

    ตัวอย่างรูป ทั้งเซ็ท
     

    *
    บางอันจะขยับได้ด้วยนะค้าาา

    ตัวอย่างรูป

       

    Download :: banner :: ป้าย banner สวยๆ 1

    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

    banner :: ป้าย banner สวยๆ 2

    ตัวอย่างรูป
     

    *
    แบบนี้จะขยับไม่ได้นะค้าาา

    ตัวอย่างรูป


      
    Download :: banner :: ป้าย banner สวยๆ 2

    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

    Tip Download ::
    สำหรับใครที่ไม่รู้จะโหลดอย่างไร
    ก็คลิกไปที่ลิงค์ที่แอนลงไว้ แล้วกด Download ได้เลยจ้า
    ไฟล์จะอยู่ในรูป .zip
    ให้แตกไฟล์โดยคลิกขวา แล้วเลือกคำว่า Extract here
    แค่นี้ก็เรียบร้อยแล้วค่ะ

    เพิ่มเติมโค้ดใส่รูปในบล็อกนะคะ ::
    <**img src="......." border="0"**>
    นำ url ของรูปที่ลงท้ายด้วยนามสกุลของภาพ เช่น .jpg .gif มาใส่แทน ......
    และอย่าลืมเอา ** ตรงหัวและท้ายออกก่อนนะคะ
    นำไปใส่ในส่วน Script area หรือในบล็อกที่อัพเดทแต่ละหน้าก็ได้ค่ะ

    มีข้อสงสัยอะไร ลงคำถามไว้ได้นะคะ
    แล้วจะทยอยมาโพส collection ต่อไปค่ะ
    :)

     

    งานที่อ้างถึง

    http://www.bloggang.com/mainblog.php?id=annmore&month=30-12-2010&group=12&gblog=4

     

    ชวนมาออกแบบแบนเนอร์สวย ๆ ใช้ในการโปรโมตบล็อกกัน

     

    ชวนมาออกแบบแบนเนอร์สวย   ใช้ในการโปรโมตบล็อกกัน

     

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


    แบนเนอร์  คืออะไร  สำคัญอย่างไร

    แบนเนอร์ หรือ  Banner  ก็คือ  แผ่นป้ายประชาสัมพันธ์หรือโฆษณา  ในเว็บ
    หรือบล็อก  ซึ่งคงได้ผ่านตาท่านมาไม่มากก็น้อย  จนชินตา  แผ่นป้ายเหล่านี้
    มักจะเป็นรูปสี่เหลี่ยมผืนผ้า  มีขนาดใหญ่บ้าง เล็กบ้าง  มักเป็นภาพสีสวยงาม
    มีข้อความเชิญชวนที่น่าสนใจ   มีทั้งที่เป็นภาพนิ่ง  ภาพกระพริบ และภาพ
    เคลื่อนไหว   

    แบนเนอร์ เป็นเครื่องมือที่สำคัญที่ใช้ในการโปรโมตเว็บ โปรโมตบล็อก
    และหารายได้  เว็บดัง ๆ ยอดนิยมอยู่ในขณะนี้  ล้วนแล้วแต่อาศัยรายได้
    ส่วนใหญ่มาจากการโฆษณาด้วยแบนเนอร์นี้ด้วยกันทั้งสิ้น ไม่ว่าจะเป็น
    เว็บเกมส์  เว็บฟุตบอล  เว็บบันเทิง  เว็บดารา  เว็บเพลง  หรือเว็บข่าว 


    แบนเนอร์ขนาดมาตรฐานสากล

    แบนเนอร์  ขนาดมาตรฐานสากล  ที่  IAB - Internet Advertising Bureau
    และ CASIE - Coalition for Advertising Supported Information and
    Entertainment 
    กำหนดไว้  มีด้วยกัน 9 ขนาด  ได้แก่   

    1.
    ขนาด           468 X 60    pixels  [Full  Banner]  (เป็นขนาดนิยมมาก)

     

    2.
    ขนาด           234 X 60    pixels  [Half Banner]



    3.
    ขนาด           120 X 240  pixels  [Vertical Banner]

     

    4.
    ขนาด           120 X 90    pixels  [Button 1]



    5.
    ขนาด           120 X 60    pixels  [Button 2]

     

    6.
    ขนาด           125 X 125  pixels  [Square Button]

     

    7.
    ขนาด             88 X 31    pixels  [Micro Button]

     

    8.
    ขนาด           728 X 90    pixels  [Leaderboard]



    9.
    ขนาดพิเศษ   160 X 600   pixels  [Skyscraper]

     


    หมายเหตุขนาดยิ่งใหญ่ ก็ย่อมดึงดูดความสนใจได้มากขึ้น

    ที่มา :   ThaiBestAd.com - ขอขอบคุณ


    หลักการออกแบบแบนเนอร์

    1. 
    ต้องเด่นสะดุดตา  มีสีสันสวยงาม  เป็นภาพกระพริบ หรือภาพ
        
    เคลื่อนไหว  ก็ยิ่งดี
    2. 
    ข้อความต้องชวนให้น่าสนใจ  ชวนให้ติดตาม  อยากจะรู้ต่อ
    3. 
    มีลิงก์เชื่อมโยงมายังบล็อก  หมวดหมู่ของบล็อก  หรือเรื่องที่ต้องการ

    สิ่งที่ไม่ควรทำ

    1. 
    ไม่ควรใส่ข้อความมากเกินไป  จนแน่น หรือข้อความที่ไม่สุภาพ
    2. 
    ไม่ควรให้กระพริบมากเกินไป  จนปวดตาผู้ชม
    3. 
    ไม่ควรใช้สีสันแสบตา  ควรให้กลมกลืน โทนเดียวกันจะดีกว่า ดูแล้ว
        
    เย็นตา สบายใจ

    ทำแบนเนอร์ขึ้นมาแล้ว  จะนำไปโปรโมตบล็อกของเรา ที่ไหนบ้าง
    ก็มีหลายที่ ได้แก่

    1.
    บล็อกของเราเอง   ติดแบนเนอร์เพื่อโปรโมตเรื่องในหมวดหมู่ที่เรา
       
    ต้องการ   เช่น  หมวดหมู่ที่เราคิดว่า เขียนได้ดี  แต่มีคนเข้าชมน้อย
       
    อยากให้มีผู้ชมมากขึ้น  หรือหมวดหมู่ที่มีคนเข้าชมมากอยู่แล้ว จะให้
       
    มีผู้เข้าชมมากยิ่งขึ้น  (จะเพิ่มจำนวนผู้ชมได้เร็วกว่า)    หรือเรื่องใด
       
    เอ็นทรี่ใด  ที่เราต้องการโปรโมตเฉพาะ  ก็สามารถทำได้

    2. 
    แลกเปลี่ยนกับบล็อกเพื่อนบ้าน ที่รู้จักกัน  หรือบล็อกที่มีผู้เข้าชมมาก ๆ
        
    หรือบล็อกที่มีผู้แสดงความคิดเห็นมาก ๆ  ในบล็อกแห่งเดียวกัน

    3. 
    แลกเปลี่ยนกับบล็อกภายนอกที่สามารถติดต่อกันได้ 

    4. 
    แลกเปลี่ยนแบนเนอร์ระหว่างเว็บไซต์หรือบล็อก  โดยมีเว็บแลกเปลี่ยน
        
    แบนเนอร์โดยเฉพาะ รับเป็นตัวกลางจัดการให้   เช่น ที่  ThaiLE.com

    5. 
    จ้างลงโฆษณาในเว็บที่มีผู้เข้าชมมากของเมืองไทย  (ลงทุนเสีย
        
    ค่าใช้จ่ายเอง)

        
    ตัวอย่างแบนเนอร์ที่ทำขึ้นแบบง่าย  

    แบบที่ 1

     

    แบบที่ 2

         


    แบบที่ 3



    แบบที่ 4

     

    แบบที่ 5


    แบบที่ 6  




    โปรแกรมที่ใช้ทำ

    1.
    โปรแกรม  Microsoft  Paint    สำหรับเริ่มต้นจัดทำขนาดของแบนเนอร์
                                               
    และทำสีพื้น
    2.
    โปรแกรม  Frame Photo Editor  สำหรับนำภาพมาลงแบนเนอร์  ทั้ง
                                                  
    ภาพถ่ายและภาพ Vector Graphics
    3.
    โปรแกรม  Ulead  Photo Express  สำหรับทำข้อความตัวหนังสือ
                                                     
    แบบต่าง ๆ  และเพิ่ม  effect
    4.
    โปรแกรม  PhotoScape         สำหรับทำภาพกระพริบ และภาพเคลื่อน
                                              
    ไหว
    5. 
    โปรแกรม  Turbo Photo       สำหรับลบสิ่งที่ไม่ต้องการออก และทำ
                                                Opacity
    ให้ภาพโปร่งแสง
    6. 
    โปรแกรม  Microsoft Office  Picture Manager  ใช้สำหรับ เพิ่ม-ลด
                                               
    ขนาดของภาพ และบีบอัดไฟล์

    นอกจากนี้  ยังสามารถนำโปรแกรมตกแต่งภาพอื่น ๆ มาใช้ได้  เช่น
    โปรแกรม  ACDSee,   โปรแกรม Gimp 2,  โปรแกรม  Picasa,  
    โปรแกรม  Photomatix Pro   เป็นต้น  หรือเว็บตกแต่งภาพออนไลน์ 
    เช่น   เว็บ  http://www.picnik.com  ก็ใช้ได้ดี

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


    ตัวอย่างแบนเนอร์เปล่า   ไว้สำหรับไปตัด และเพิ่มเติมข้อความเอง

    แบบที่ 1

        



    แบบที่ 2



    ที่มาอินเตอร์เน็ต -  ขอขอบคุณ


    หวังว่า  ท่านผู้อ่านที่สนใจ  คงจะได้ออกแบบแบนเนอร์สวย ๆ  ไว้ใช้งาน
    ในการโปรโมตบล็อก เพิ่มขึ้นจากวิธีอื่นที่ใช้อยู่  โดยไม่ต้องเสียค่าใช้จ่าย
    ไปจ้างทำ   หากมีข้อสงสัยประการใด  ขอเชิญสอบถามได้ครับ  และควร
    ศึกษาเรียนรู้เพิ่มเติม เพื่อพัฒนาการทำแบนเนอร์แบบมืออาชีพต่อไป

    งานที่อ้างถึง

    http://www.oknation.net/blog/surasakc/2009/07/14/entry-1













     

    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน
    นิยายแฟร์ 2024

    ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×