[ขยายความ] ใส่ปุ่ม Retweet ไว้ในบล็อคจาก @manop
posted on 25 Jul 2009 20:03 by tonhor in Technic
จากบทความ ใส่ปุ่ม retweet ไว้ในบล็อก ของคุณ @manop
ผมจะมาขอขยายความหน่อยครับ แนะนำให้อ่านบทความของคุณ @manop ก่อนนะครับ
เรื่องของตัวเลขใน Retweet Button (จากในรูปตัวอย่างคือเลข 28)
ตัวเลข 28 นั้นมาจากผลรวมจำนวนการคลิ๊กลิงค์ผ่านบริการเว็บ bit.ly
ผมจะยกตัวอย่างของเลข 17 และ 28 (ในรูปภาพ) ว่ามันมาได้อย่างไร
โดยใช้ URL : http://tonhor.exteen.com/20090723/bing-home-page-photo-votes

สรุป ตัวเลขใน Retweet Button นี้บอกว่ามีคนเข้ามาดูเว็บของเราเท่าไหร่ โดยผ่านบริการของ bit.ly
เรื่องตำแหน่งของ Retweet Button

โค้ดสำหรับบล็อคที่มีเมนูอยู่ด้านซ้าย
โค้ดของคุณ @manop จะเหมาะกับคนที่มีเมนูอยู่ด้านขวาเพราะตัว Retweet Button นั้นจะชิดซ้าย
แต่ถ้าเป็นบล็อคที่มีเมนูอยู่ด้านซ้าย (อย่างบล็อคนี้) ตำแหน่งที่ได้มันจะไม่ค่อยสวยเท่าไหร่แบบภาพนี้
ผมจึงแก้โค้ดนิดหน่อยโดยให้มันชิดขวา (ในรูปผมทำโปร่งใสไว้ด้วย)
สำหรับใครที่มีเมนูอยู่ด้านซ้ายก็เอาโค้ดนี้ไปใช้แล้วกันนะครับ
<script type="text/javascript" src="http://hooooor.com/script/retweet.js"></script>
<a class="retweet vert self" href="" target="_blank"></a>

โค้ดสำหรับ Fix ตำแหน่ง Retweet Button และทำปุ่มให้เล็กลงดูไม่เกะกะ (ทำไว้ 2 ตำแหน่ง)
- สำหรับ Fix ตำแหน่งด้านบนขวา
<script type="text/javascript" src="http://hooooor.com/script/retweet_topright.js"></script>
<a class="retweet vert self" href="" target="_blank"></a>
- สำหรับตำแหน่งด้านล่างขวา
<script type="text/javascript" src="http://hooooor.com/script/retweet_bottomright.js"></script>
<a class="retweet vert self" href="" target="_blank"></a>
หมายเหตุ ใส่โค้ดที่ Custom Code ในหน้า Manage แล้วเลือก Theme -> Widgets
[Twitter] ดูสถิติด้วย TweetStats





#2 By noored (158.108.103.146) on 2009-07-25 20:16