Super Conversion Button Create a beautiful, effective call-to-action button in seconds!
อีกหนึ่งเครื่องมือ Online ที่่สร้า้งขึ้นมาสำหรับนักพัฒนาเว็บไซต์ครับ ไม่ควรพลาดจริงๆ สร้างปุ่มสวยๆง่ายๆ
เพียงแค่ไม่กี่คลิก
หน้าเว็บของการสร้างปุ่ม
เป็นเครื่องมือจากเว็บไซต์ performable.com ที่พัฒนาขึ้นมาเพื่อให้เราสามารถเข้าไปเลือก Style เลือก
สีสัน เลือกคำที่จะแสดง เลือกที่อยู่ปลายทางที่จะให้ link ไป แต่ความยุ่งยากในการใช้งานคงอยู่ที่
คุณต้องกรอก Email ของคุณลงไปเพื่อรับ Link กลับมา แบบนี้
Link ที่ถูกส่งมาทางเมล์
จากนั้นพอคุณกด Link ไปก็จะไปสู่หน้า Code สำหรับการ Copy ไปฝังไว้ในเครื่องของคุณ ซึ่งเป็น Code แบบนี้ครับ
Code ที่ให้เรา Copy ไปวาง
Code ที่ได้มานี่จะเป็นการดึง Code จริงๆมาอีกทีหนึ่งนะครับ ส่วน Code จริงๆจะอยู่ตรง
http://d1nu2rn22elx8m.cloudfront.net/buttons/0FiMEk/jiZDt-p6XT2.js ที่อยู่ใน attribute src นั้นแหละครับ
ซึ่งความจริงแล้ว Code ข้างในก็จะได้หน้าตาเป็น Javascript ผสมกับ css แบบนี้ครับ
document.write('<style type="text/css">' + "#super-conversion-button.primary {\n -moz-border-radius:
5px;\n -webkit-border-radius: 5px;\n border-radius: 5px;\n color: #fff;\n display: block;\n
font-family: \"helvetica neue\", helvetica, arial, sans-serif;\n font-size: 16px;\n font-weight:
bold;\n padding: 9px 0 10px 0;\n text-decoration: none;\n text-align: center;\n " + '</style>');
document.write("<a id='super-conversion-button' class='primary red large' href='http://performable.com'>
<span>Try it now!</span></a>");
var _paq = _paq || []; _paq.push(["setAccount", "0FiMEk"]);
_paq.push(["trackEvents"]);_paq.push(["trackPageView"]);
แต่ Style แต่ละแบบก็สวยอยู่นะครับ ไม่ต้องเสียเวลานั่งทำเอง ก็ถือว่าเป็นอีีกเครื่องมือที่เข้าท่าอยู่
primary style
premier style
ghost style
awesome style
rounded style
นี่เป็นแค่ตัวอย่างนะครับ
ใครที่สนใจก็เข้าไปใช้งานกันได้ที่ Try it now!
