1 นาทีก็สร้างปุ่ม Exchange Link ของคุณได้อย่างมีสไตล์

สอนblogger


บทความนี้เป็นบทความแนะนำเว็บไซต์ที่ให้บริการในการสร้างปุ่มสำหรับเชื่อมโยงไปยังเว็บไซต์/หรือบล็อกต่าง ๆ ซึ่งคุณสามารถสร้างได้อย่างง่าย ๆ เพียงใช้เวลาแค่ 1 นาทีเท่านั้น

การสร้างปุ่ม Exchange link มีความสำหรับอย่างไร ?
หากคุณเคย Submit Blog ตาม Blogdirectory ต่าง ๆ ก็จะพบว่าบางแห่งนั้นจะมีเงื่อนไขให้เรา แลกลิงค์ หรือพูดง่าย ๆ ก็คือเราต้องเอาลิงค์หรือปุ่มลิงค์ของเขามาแปะบนบล็อกของเรา เพื่อเป็นการโปรโมทเว็บของเขานั่นเอง ซึ่งก็เป็นเรื่องที่สมเหตุสมผล เพราะเราใช้บริการของเขาในการโปรโมท เราก็ต้องตอบแทนเขาด้วยการโปรโมทเว็บของเขาเช่นกัน

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




วิธีในการสร้างปุ่ม

ในที่นี้เราจะใช้บริการ ของ lucazappa.com ดังนั้นให้ทุกคนเตรียมชื่อบล็อก หรือวลีสั้น ๆ เอาไว้ในใจ (ควรจะเกี่ยวกับบล็อกของคุณด้วย) และไปใช้บริการ lucazappa.com โดยคลิกจากลิงค์ด้านล่าง



เมื่อเข้าไปที่ lucazappa.com แล้วจะพบกับหน้าเว็บดังรูป


ทำบล็อก



1. การใช้งาน :


แต่งบล็อก



ขนาดมาตรฐานของปุ่ม โดยทั่วไปจะมีขนาด 80 x 50 (หน่วยเป็น px) ผลงานเมื่อสร้างเสร็จแล้วก็จะมีขนาด 80 x 15

ตำแหน่งที่ 1 เป็นการตั้งค่าสีของเส้นขอบ + พื้นที่ทางซ้ายมือตั้งได้ไม่เกิน 80  (ซึ่งในรูปผมตั้งเป็น 50) + ตั้งรูปแบบ Font

ตำแหน่งที่ 2 ใส่ข้อความที่จะแสดงบนพื้นที่ทางซ้าย ก็ตั้งค่า Text start ให้มากขึ้น ส่วนสีของพื้นหลังก็ตั้งได้จากเมนู Proof Left:

ตำแหน่งที่ 3 เป็นการตั้งค่าข้อความทางขวามือ ซึ่งตั้งค่าได้ทำนองเดียวกับ ตำแหน่งที่ 2

ตำแหน่งที่ 4 ถ้าต้องการให้มีรูปภาพ หรือ โลโก้ ปรากฎในปุ่มทางซ้ายมือ ก็ upload รูปภาพได้จากตรงนี้ได้เลยครับ (รูปขนาดเท่าใดก็ได้)

ตำแหน่งที่ 5 เป็นการใส่รูปภาพทางด้านขวา ซึ่งจะใส่หรือไม่ก็ได้

ตำแหน่งที่ 6 หากต้องการเริ่มสร้างปุ่มใหม่ก็กดปุ่ม Reset Form 

ตำแหน่งที่ 7 หากต้องการแสดงตัวอย่าง การปรับแต่งก็คลิกที่ปุ่ม Create

ตำแหน่งที่ 8 เมื่อสร้างผลงานเป็นที่พอใจแล้ว ให้กดปุ่ม Save it เพื่อดาวน์โหลดปุ่มที่ได้มายังคอมพิวเตอร์ของเรา



2. นำปุ่มไปใช้ : การนำปุ่มไปใช้ทำได้เช่นเดียวกับการใส่โค้ดของรูปภาพ นั่นคือใช้โค้ด

<img title="ใส่ชื่อบล็อก" src="ใส่ URL ที่ตั้งภาพของปุ่ม" alt="ใส่ Keyword" />

ถ้าต้องการใส่ลิงค์ให้ปุ่มก็ให้เติม tag a ลงไปซึ่งจะได้

<a href="ใส่ URL บล็อกของคุณ" title="ใส่ข้อความโต้ตอบ"> <img title="ใส่ชื่อบล็อก" src="ใส่ URL ที่ตั้งภาพของปุ่ม" alt="ใส่ Keyword" /> </a>

หมายเหตุ อย่าลืม Upload รูปฝากไว้ตาม Free file Host ที่อนุญาตให้ทำ Hotlink ก่อนนะครับ



3. การแสดงโค้ดของปุ่ม เพื่อใช้แลกลิงค์ : ในที่นี้ผมแนะนำให้ใช้ tag ของ textarea เพราะไม่ยุ่งยากซับซ้อนเกินไปนัก ซึ่งทำได้ดังนี้

ให้วางโค้ดต่อไปนี้ในตำแหน่งที่ต้องการแสดงโค้ดสำหรับแลกลิงค์ เช่น วางใน HTML/จาวาสครปต์ Gadget เป็นต้น


<textarea rows="3" cols="40" style="color:#520000; background-color: #DDDDDD" name="select1" wrap="soft" onclick="this.focus();this.select()">
<a href="ใส่ URL บล็อกของคุณ" title="Hackublog"><img alt="Blogger Trips and Tricks" width="80" src="ใส่ URL ที่ตั้งภาพของปุ่ม" /></a>
</textarea>


แก้ไขโค้ดสีแดงให้ครบทุกตำแหน่งและบันทึกครับ



ตัวอย่าง : รูปด้านล่างเป็นปุ่มที่ได้จากการสร้างจาก lucazappa.com



สอนทำบล็อก 
และด้านล่างนี้คือตัวอย่างการใช้โค้ด textarea เพื่อใช้แสดง โค้ดของลิงค์ที่จะใช้ในการแลกเปลี่ยนกับท่านอื่น ๆ
(โค้ดบล็อกผมเอง)





หากคุณไม่รังเกียจและต้องการแลกลิงค์กับผมก็สามารถแจ้งในบทความนี้ได้เลยครับ 

ตอนนี้มีความคิดเห็น : 31 ความคิดเห็น
หากคุณมีปัญหาหรือข้อสงสัยใดๆ สามารถสอบถามได้จากกล่อง comment ด้านล่างนี้ได้เลยครับ

  1. ขอบคุณสำหรับบทความดีๆครับ

  1. ตอบ ภัทรพงษ์

    ช่วงนี้ยุ่งอยู่เหรอครับ หายไปนานเลยครับ

  1. ขอบคุณมากครับ ๆ สำหรับข้อมูล

    TLEAE
    -
    http://tleeleader.blogspot.com

  1. ขอบคุณมากๆค๊าบบบบบบบบบบบบบบ

    :p

  1. i don't understand your language
    but your template is so nice :)

    -- 1902 --

  1. @ WanLinh : Thank you.

  1. ไม่เกี่ยวกับบทความนะ ช่วงนี้กำลังมีความสุขกับการปรับแต่งบล็อคแวะมาบ่อยหน่อย ขอบคุณมากกับความรู้ดีๆครับ

  1. + ardulb : ยินดีอย่างมากเลยครับที่รู้ว่ามีคนติดตามอ่านผลงานอยู่ครับ

  1. อาจารย์ครับ บทความนึงของผม มี keyword เยอะเป็นการ spam เปล่าครับ

    www.guruagel.blogspot.com

    ช่วยดูให้หน่อยนะครับ

  1. ถ้าจับใจความมีความมหายก็ไม่นับว่าเป็นการ spam ครับ แต่ Keyword ที่ชื่อ Agel อย่างเดียวผมสงสัยว่าจะมีคนค้นหาด้วยคำนี้หรือเปล่า ถ้าเป็นคุณจะค้นด้วยคำนี้หรือไม่ครับ ถ้าใช่ก็โอเค แต่ถ้าไม่ใช่ ก็ต้องรีบเน้น keyword คำอื่น ๆ ด้วยครับ

  1. ผมทำตามที่แนะนำ แวะมาติดตามทุกวันเลยครับ ได้วันละเรื่อง วันละเรื่อง ขอบคุณมากเลยสำหรับบทความดีีๆเข้าใจง่าย หายากมากครับ เสียดายนะครับในประเทศไทย ไม่นิยมใช้ gmail คนเลยไม่ค่อยมีบัญชีของกูเกิ้ล แล้วเวลาคอมเม้นท์อะไรต่างๆใน blogger ก็ยุ่งยาก อยากให้มีคนใช้บล็อกเกอร์เยอะๆ คุณ Hackublog ทำให้การใช้ blogger เข้าใจง่าย ทำตามได้ เชียร์ครับเชียร์

  1. ขอบคุณคุณ SiTHicHai สำหรับกำลังใจมากครับ ผมก็จะพยายามถ่ายทอดประสบการณ์เท่าที่มีให้มากที่สุดครับ ส่วนเรื่อง คอมเม้นท์ใน blogger สามารถทำให้เปิดให้ใครก็ได้มา คอมเม้นท์ โดยเข้าไปที่เมนูการตั้งค่าครับ แต่ผมกลัวการ Spam ก็เลยต้องป้องกันเอาไว้บ้างครับ ขอบคุณอีกครั้งครับ

  1. ได้ความรู้อีกแล้ว...เก็บเกี่ยวๆครับ...เข้าใจง่ายมาก blogของผมเป็นตัวเป็นตนได้ก็เพราะความรู้จากที่นี่ละ ครับ...ขอบคุณสำหรับการแบ่งปันครับ...ขอไปทำลิงค์ก่อนครับแล้วจะมาแลกลิงค์ด้วยครับ

  1. ผมลองทำแล้ว ได้buttonแล้ว แ้ก้โค๊ดสีแดงเป็นของผมหมดแล้ว พอลองเอาไปใส่ในHTML gadget มันเป็นtext area แต่ข้างในarea กลับเป็นโค๊ด
    <br /> <a href="http://healthatwill.blogspot.com" title="HealthAtWill"><img alt="Health And Life" width="80" src="http://lh5.ggpht.com/_KXwBALkAqBQ/TEvwFLdZHaI/AAAAAAAAAQs/i69c_lcK2QI/go-health%40will.png" /></a>
    หมดเลยครับ แทนที่จะเป็นรูปของbutton เลยถอนออกเลยครับ แล้วเวลาคลิกผมอยากให้เขาไปเปิดในtabใหม่เลยครับ ต้องทำอย่างไรดีครับ

  1. อ้อ...ทำได้แล้วครับ ผมเมาหมัดเอง...ขอบคุณครับ

  1. ขอถามอีกข้อครับ...ถ้าลิงค์ที่ทำไว้ ต้องการให้คลิกแล้วเปิดในหน้าต่างใหม่นี่ต้องเติมโค๊ดอย่างไรครับ

  1. @คุณบงกช : ใส่โค้ด target="_blank" ลงไปใน tag a ครับ เช่นในกรณีนี้ก็แก้โค้ดจาก

    <a href="http://healthatwill.blogspot.com" title="HealthAtWill">
    เป็น
    <a href="http://healthatwill.blogspot.com" title="HealthAtWill" target="_blank" >

  1. ทำได้แล้วครับ...ดีใจมากครับ มาแบ่งปันความรู้สึกให้รู้ครับ...ขอบคุณครับ

  1. เอ่อ ขอถามหน่อยครับ อาจารย์

    ผมทำ exchange link แล้วไม่สามารถเชื่อมต่อไป link ภายนอกได้เลยครับ

    มันจะมี link ของ blog ผมมานำก่อนทุกครั้งเลยครับ


    ไม่ทราบว่าต้องแก้อย่างไร

    แล้ว texterea ทำไม่ได้ครับ มันขึ้นมาเป็นกล่องข้อความแต่รูปไม่ขึ้น

    ถ้าผมอยากให้กล่อง exchange link ติดกันไปหมดเลย แบบไม่มีช่องว่าง ต้องเขียน code อย่างไรครับ

    พอดีมือใหม่ครับ ขอความกรุณาด้วยครับ

  1. นี่ blog ของผมครับ พอดีลืมใส่ link ให้อาจารย์ดู

    http://sombatbike.blogspot.com/

  1. แปะลิ้งอ.แล้วค้รา
    ^^แลกกันนะคะ

  1. <a href="http://millelish.blogspot.com" target="_blank"><img src="http://i802.photobucket.com/albums/yy308/Millsica/milleish-blog.png" border="0" alt="Photobucket" /></a>


    แลกลิงค์กันค่ะแปะลิงค์แล้วน้า

  1. เว็บเข้าไม่ได้แล้วค่ะ
    มีเว็บไหนอีกไหม

    แลกลิ้งค์กันนะค่ะ
    แปะให้แล้ว

    งานฝีมือสวย ๆ มี Howto มีสอนเริ่มต้นสำหรับผู้ไม่เป็น

  1. ผมแปะลิงค์แล้วครับ ติดตามทุกบทความ

  1. <a href="http://a-jipata.blogspot.com/" title="นานาสาระ"> <img title="นานาสาระ" src=" http://image.free.in.th/z/iz/nanasarablog.png " alt="นานาสาระ" /> </a>

    แลกกันนะค่ะ ขอบคุณสำหรับความรู้นะค่ะ

  1. <br /> <a href="http://agz-inscrutable.blogspot.com/" title="Pandora Box"><img alt="Download Free Full Software Game" width="80" src="http://i381.photobucket.com/albums/oo257/cisseguy/pandora-box_zps0ccad972.png" /></a>

  1. <a href="http://kobover.blogspot.com/" title="kobover สอนทำเว็บฟรี ปรับแต่ง Blogger รุ่นใหม่ การทำ SEO เพิ่ม traffic"><img alt="KobOver" width="80" src="http://i1168.photobucket.com/albums/r490/suree999/kob-backlink.png" /></a>

  1. Thank you มีความรู้ขึ้นเยอะแยะ ^_^

  1. ขอแลกลิ้งค์นะครับ ผมแปะลิ้งค์ให้แล้วครับ ดูได้ที่นี่ครับ http://dumesara.blogspot.com/p/web-link.html

    สนใจแลกลิ้งค์ เชิญได้นะครับ เว็บน้องใหม่ไฟแรง

  1. ดูลิงค์ http://cosmeticyanin.blogspot.com/
    ข้อความ : ครีมผิวขาว
    URL : http://cosmeticyanin.blogspot.com/

    Facebook : https://www.facebook.com/cosmeticyanin
    Email: navaphorn.nara@gmail.com
    ขอบคุณค่ะ

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

ถ้าต้องการโพส HTML ให้แปลงโค้ดที่เครื่องมือด้านล่างนี้ก่อนครับ

สร้างบล็อก Facebook SEO บล็อก Linkwheel iMacros Link Wheel