Snap Preview Anywhere

เข้าบรรดา บล็อกคนรู้จักทั้งหลาย สังเกตว่าของบางคนมีลูกเล่นอันนึงที่ชอบ คือ
เวลาเอาเม้าส์ไปชี้ที่ลิงก์ แล้วมันจะมีคล้ายๆ บอลลูนป๊อปอัพลอยขึ้นมา พร้อมกับมีหน้าตาของเวบที่ลิงก์ไปเล็กๆ ให้ดูด้วย
เลยอยากเอามาทำในนี้บ้าง ตามดูจนรู้ว่าเป็นบริการฟรีของ snap.com

Snap Preview Anywhere

เข้าไปคลิกๆ กรอกๆ สองสามที ก็จะได้สคริปต์มาชุดนึง สำหรับไปเรียกใช้ JavaScript ของ snap
ตัวอย่างก็จะหน้าตาประมาณนี้

<script defer="defer" id="snap_preview_anywhere" type="text/javascript" src="https://spa.snap.com/snap_preview_anywhere.js?ap=.....xxx blah blah blah xxx... ></script>

แล้วก็เอามาแปะใน tag <head> ของเรา
กรณีของผมใช้ drupal ก็แปะที่ไฟล์ xtemplate.xtmpl ของ theme ที่ใช้
แค่นี้ก็เรียบร้อย เวบเราก็จะดูดีฮิโซขึ้นมาทันที ^_^

ปล.รู้สึกว่ามันยังมีปัญหากับการ preview หน้าเวบที่ใช้ฟอนท์ภาษาไทยอยู่

Leave a Reply

Your email address will not be published. Required fields are marked *