Home Webboard ArticlesKnowledges  
« หน้าที่แล้ว ต่อไป »
หน้า: [1]   ลงล่าง

ผู้เขียน หัวข้อ: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ  (อ่าน 7971 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ Zone-My

  • Just Mem
  • ****
  • กระทู้: 60
  • เห็นด้วย&ขอบคุณ: 17
  • เพศ: ชาย
Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
« เมื่อ: 04, เมษายน 2013, 08:09:37 PM »
เข้ามาแล้วก็เริ่มเลย
โหลด:
http://upload.one2car.com/download/download.aspx?pku=96B608D01K41D2JB4JFFG1[Z55RI7

จะได้ไฟล์มา Unzip ออกแล้วนำไปไว้ที่ root เว็บไซต์ที่ /public_html หรือ unzip บนโฮสต์ก็ง่ายดี
แล้วแก้ไขไฟล์ดังนี้
เข้าไฟล์ js/jquery.tweet.settings.js
ค้นหา:
โค๊ด: [Select]
ใส่ ([แอท]User_twitter ของคุณที่นี่)
แก้ให้เป็น
โค๊ด: [Select]
[แอท]user_twitter ของคุณเอง
ค้นหา:
โค๊ด: [Select]
(ใส่ User twitter ของคุณที่นี่)
แก้ให้เป็น
โค๊ด: [Select]
user_twitter ของคุณเองแต่ไม่ใส่ [แอท] นำหน้า

ถึงขั้นตอนการดึงโค้ดไปใช้งานบน SMF หรือที่ใดก็ตามก็เพิ่มโค้ดนี้ตามหน้าที่ต้องการให้แสดงครับ ถ้าเป็น smf ก็ Index_Tempate.php ในธีมที่ใช้
โค้ดนี้เพิ่มส่วนของ <head>
โค๊ด: [Select]
<!-- 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>
โค๊ด: [Select]
<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&amp;id=twitter-widget-0&amp;lang=th&amp;screen_name=(ˆใส่ User_‡Twitter ของคุณที่นี่โดยไม่ต้องใส่ [แอท] นำหน้าˆ)&amp;show_count=true&amp;show_screen_name=true&amp;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>

ให้แก้ตรงโค้ด
โค๊ด: [Select]
(ˆใส่ User_‡Twitter ของคุณที่นี่โดยไม่ต้องใส่ [แอท] นำหน้าˆ)
ให้เป็น User Twitter ของคุณเสียด้วย
เช่น:
โค๊ด: [Select]
TRoN
ตัวอย่าง:
http://www.zone-my.com/test

รูป:


เรียบร้อยแล้วง่ายมาก สำหรับระบบนี้
บันทึกการเข้า


โซนมาย เเหล่งอาณาเขตออนไลน์ของคนไทย
------------------------------------------
zone-my.com :smitten:

ออฟไลน์ mylift

  • Just M
  • ***
  • กระทู้: 30
  • เห็นด้วย&ขอบคุณ: 0
Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
« ตอบกลับ #1 เมื่อ: 04, เมษายน 2013, 09:35:57 PM »
ขอบคุณมากค่ะที่จัดทำมาให้ ^^

รบกวนสอบถามเพิ่มเติมนะคะว่าทุกๆๆไฟล์เอาขึ้น  /public_html หมดเลยใช่มั้ยคะ

คือลองแล้วแต่มันไม่ขึ้นอะไรเลยอ่าค่ะ

เหอๆ ขอโทษค่ะ  :cry: :cry: :cry:
บันทึกการเข้า

ออฟไลน์ Zone-My

  • Just Mem
  • ****
  • กระทู้: 60
  • เห็นด้วย&ขอบคุณ: 17
  • เพศ: ชาย
Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
« ตอบกลับ #2 เมื่อ: 04, เมษายน 2013, 10:04:18 PM »
ใส่ไว้ที่ /public_html หมดเลยครับ

แล้วตรวจสอบดูตรง
โค๊ด: [Select]
<!-- 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>
ถ้ามันไม่แสดงก็ให้ใส่ที่อยู่ url เต็มเข้าไปเลยครับเช่น
โค๊ด: [Select]
<!-- Reset CSS by Normalize-->
<link rel="stylesheet" href="http://www.เว็บไซต์.com/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="http://www.เว็บไซต์.com/js/jquery.tweet.js" type="text/javascript"></script>
<script src="http://www.เว็บไซต์.com/js/jquery.tweet.settings.js" type="text/javascript"></script>

ข้อมูลอาจไม่ถูกต้องบางส่วนให้ไปอ่าน
ข้อมูลเพิ่มเติม
http://www.post-nook.com/forum/topic/3440
บันทึกการเข้า
โซนมาย เเหล่งอาณาเขตออนไลน์ของคนไทย
------------------------------------------
zone-my.com :smitten:

ออฟไลน์ Zone-My

  • Just Mem
  • ****
  • กระทู้: 60
  • เห็นด้วย&ขอบคุณ: 17
  • เพศ: ชาย
Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
« ตอบกลับ #3 เมื่อ: 04, เมษายน 2013, 10:06:36 PM »
ใส่ user ของ twitter ให้ถูกต้องด้วยนะครับ
ดูให้ดีๆ แก้ทั้งวงเล็บเลย
มันอยู่ในไฟล์ js/jquery.tweet.settings.js เเละโค้ดส่วน <body> แหละ
บันทึกการเข้า
โซนมาย เเหล่งอาณาเขตออนไลน์ของคนไทย
------------------------------------------
zone-my.com :smitten:

ออฟไลน์ mylift

  • Just M
  • ***
  • กระทู้: 30
  • เห็นด้วย&ขอบคุณ: 0
Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
« ตอบกลับ #4 เมื่อ: 04, เมษายน 2013, 10:15:56 PM »
อ้างจาก: Zone-My ที่ 04, เมษายน  2013, 10:04:18 PM
ใส่ไว้ที่ /public_html หมดเลยครับ

แล้วตรวจสอบดูตรง
โค๊ด: [Select]
<!-- 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>
ถ้ามันไม่แสดงก็ให้ใส่ที่อยู่ url เต็มเข้าไปเลยครับเช่น
โค๊ด: [Select]
<!-- Reset CSS by Normalize-->
<link rel="stylesheet" href="http://www.เว็บไซต์.com/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="http://www.เว็บไซต์.com/js/jquery.tweet.js" type="text/javascript"></script>
<script src="http://www.เว็บไซต์.com/js/jquery.tweet.settings.js" type="text/javascript"></script>

ข้อมูลอาจไม่ถูกต้องบางส่วนให้ไปอ่าน
ข้อมูลเพิ่มเติม
http://www.post-nook.com/forum/topic/3440



ขอโทษค่ะ อันนี้ใส่ตรงส่วนที่เราจะแสดงผลใช่มั้ยคะ เช่นหน้า index.php หรือ หน้า home.php ค่ะ
บันทึกการเข้า

ออฟไลน์ Zone-My

  • Just Mem
  • ****
  • กระทู้: 60
  • เห็นด้วย&ขอบคุณ: 17
  • เพศ: ชาย
Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
« ตอบกลับ #5 เมื่อ: 04, เมษายน 2013, 10:18:56 PM »
อ้างจาก: Zone-My ที่ 04, เมษายน  2013, 08:09:37 PM
ถึงขั้นตอนการดึงโค้ดไปใช้งานบน SMF หรือที่ใดก็ตามก็เพิ่มโค้ดนี้ตามหน้าที่ต้องการให้แสดงครับ ถ้าเป็น smf ก็ Index_Tempate.php ในธีมที่ใช้
โค้ดนี้เพิ่มส่วนของ <head>
โค๊ด: [Select]
<!-- 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>
โค๊ด: [Select]
<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&amp;id=twitter-widget-0&amp;lang=th&amp;screen_name=(ˆใส่ User_‡Twitter ของคุณที่นี่โดยไม่ต้องใส่ [แอท] นำหน้าˆ)&amp;show_count=true&amp;show_screen_name=true&amp;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>


ใช่แล้วครับ ทั้งสองโค้ดเลยครับไปใส่ไว้ที่จะแสดงผลหน้านั้นๆครับ
บันทึกการเข้า
โซนมาย เเหล่งอาณาเขตออนไลน์ของคนไทย
------------------------------------------
zone-my.com :smitten:

ออฟไลน์ mylift

  • Just M
  • ***
  • กระทู้: 30
  • เห็นด้วย&ขอบคุณ: 0
Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
« ตอบกลับ #6 เมื่อ: 04, เมษายน 2013, 10:32:32 PM »
Warning: Cannot modify header information - headers already sent by (output started at /home/ชื่อเวบ/domains/ชื่อเวบ/public_html/home.php:1) in /home/ชื่อเวบ/domains/ชื่อเวบ/public_html/head.php on line 2


มันขึ้นแบบนี้อ่าค่ะ เหอๆ ยังไงจะลองแก้ไขดูนะคะ ขอบคุณมากค่ะ (มาส่งข่าวก่อนค่ะ อิอิ)
บันทึกการเข้า

ออฟไลน์ Zone-My

  • Just Mem
  • ****
  • กระทู้: 60
  • เห็นด้วย&ขอบคุณ: 17
  • เพศ: ชาย
Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
« ตอบกลับ #7 เมื่อ: 04, เมษายน 2013, 10:54:07 PM »
อาจไปโมผิดก็ได้ ตรงบรรทัดที่ 2 อ่าครับ ลองตรวจสอบดูให้ดี :smiley:
บันทึกการเข้า
โซนมาย เเหล่งอาณาเขตออนไลน์ของคนไทย
------------------------------------------
zone-my.com :smitten:

ออฟไลน์ mylift

  • Just M
  • ***
  • กระทู้: 30
  • เห็นด้วย&ขอบคุณ: 0
Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
« ตอบกลับ #8 เมื่อ: 04, เมษายน 2013, 11:20:22 PM »
อ้างจาก: Zone-My ที่ 04, เมษายน  2013, 10:54:07 PM
อาจไปโมผิดก็ได้ ตรงบรรทัดที่ 2 อ่าครับ ลองตรวจสอบดูให้ดี :smiley:

ค๊า ถ้ามีปัญหาที่ไม่เข้าใจจะขอรบกวนอีกนะคะ
บันทึกการเข้า

ออฟไลน์ music125500

  • Just Member
  • *****
  • กระทู้: 125
  • เห็นด้วย&ขอบคุณ: 5
    • รับสอนดนตรี
Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
« ตอบกลับ #9 เมื่อ: 05, เมษายน 2013, 06:31:48 AM »
เยี่ยมไปเลยคร้าบ ขอบคุณครับ
บันทึกการเข้า

ออฟไลน์ mylift

  • Just M
  • ***
  • กระทู้: 30
  • เห็นด้วย&ขอบคุณ: 0
Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
« ตอบกลับ #10 เมื่อ: 05, เมษายน 2013, 07:17:59 PM »
ได้แล้วค๊าาหลังทำไปสองวัน อิอิ   :yaahoo: :yaahoo:
« แก้ไขครั้งสุดท้าย: 06, เมษายน 2013, 02:56:50 PM โดย mylift »
บันทึกการเข้า

ออฟไลน์ Zone-My

  • Just Mem
  • ****
  • กระทู้: 60
  • เห็นด้วย&ขอบคุณ: 17
  • เพศ: ชาย
Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
« ตอบกลับ #11 เมื่อ: 07, เมษายน 2013, 09:41:11 PM »
อ้างจาก: mylift ที่ 05, เมษายน  2013, 07:17:59 PM
ได้แล้วค๊าาหลังทำไปสองวัน อิอิ   :yaahoo: :yaahoo:

ยินดีด้วยครับ ^^
บันทึกการเข้า
โซนมาย เเหล่งอาณาเขตออนไลน์ของคนไทย
------------------------------------------
zone-my.com :smitten:
หน้า: [1]   ขึ้นบน
« หน้าที่แล้ว ต่อไป »
 
Sitemap 1 2 3 4 5 6 
Back to top