เข้ามาแล้วก็เริ่มเลย
โหลด:
http://upload.one2car.com/download/download.aspx?pku=96B608D01K41D2JB4JFFG1[Z55RI7จะได้ไฟล์มา
Unzip ออกแล้วนำไปไว้ที่ root เว็บไซต์ที่ /public_html หรือ unzip บนโฮสต์ก็ง่ายดี
แล้วแก้ไขไฟล์ดังนี้
เข้าไฟล์ js/jquery.tweet.settings.js
ค้นหา:
ใส่ ([แอท]User_twitter ของคุณที่นี่)แก้ให้เป็น
[แอท]user_twitter ของคุณเองค้นหา:
(ใส่ User twitter ของคุณที่นี่)แก้ให้เป็น
user_twitter ของคุณเองแต่ไม่ใส่ [แอท] นำหน้าถึงขั้นตอนการดึงโค้ดไปใช้งานบน SMF หรือที่ใดก็ตามก็เพิ่มโค้ดนี้ตามหน้าที่ต้องการให้แสดงครับ ถ้าเป็น smf ก็ Index_Tempate.php ในธีมที่ใช้
โค้ดนี้เพิ่มส่วนของ <head>
<!-- Reset CSS by Normalize-->
<link rel="stylesheet" href="css/style_twitterslide.css" type="text/css" media="all" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<!-- Fallback to local jquery file if host server goes down -->
<script src="js/jquery.tweet.js" type="text/javascript"></script>
<script src="js/jquery.tweet.settings.js" type="text/javascript"></script>อันนี้เพิ่มส่วนของ <body>
<div class="tweet-banner">
<div class="tweet-box">
<div id="arrow-boon-tweet"></div>
<div id="tweet" class="query"><ul class="tweet_list"><li class="tweet_first tweet_odd"></li></ul></div>
<div class="icon-crown"></div>
<div class="icon-twitter icon-twitter-left"></div>
</div>
<!-- Twitter Follow Button -->
<iframe data-twttr-rendered="true" title="Twitter Follow Button" style="width: 330px; height: 28px;" class="twitter-follow-button twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.1363148939.html#_=1364972125769&id=twitter-widget-0&lang=th&screen_name=(ใส่ User_Twitter ของคุณที่นี่โดยไม่ต้องใส่ [แอท] นำหน้า)&show_count=true&show_screen_name=true&size=l" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- End of Twitter Follow Button -->
<div class="tweet-box">
<div id="arrow-fan-tweet"></div>
<div id="ticker" class="query"><ul style="top: -577px;" class="tweet_list"><li class="tweet_first tweet_odd"></li></ul></div>
<div class="icon-twitter icon-twitter-right"></div>
</div>
</div>ให้แก้ตรงโค้ด
(ใส่ User_Twitter ของคุณที่นี่โดยไม่ต้องใส่ [แอท] นำหน้า)ให้เป็น User Twitter ของคุณเสียด้วย
เช่น:
TRoNตัวอย่าง:
http://www.zone-my.com/testรูป:
เรียบร้อยแล้วง่ายมาก สำหรับระบบนี้
