:: JustUsers.net ::

:: คนทำเว็บ :: => Simple Machines Forum [SMF] => Configuration => ข้อความที่เริ่มโดย: Zone-My ที่ 04, เมษายน 2013, 08:09:37 PM

หัวข้อ: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
เริ่มหัวข้อโดย: Zone-My ที่ 04, เมษายน 2013, 08:09:37 PM
เข้ามาแล้วก็เริ่มเลย
โหลด:
http://upload.one2car.com/download/download.aspx?pku=96B608D01K41D2JB4JFFG1[Z55RI7 (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 (http://www.zone-my.com/test)

รูป:
(http://upic.me/i/9j/121untitled.jpg)

เรียบร้อยแล้วง่ายมาก สำหรับระบบนี้
หัวข้อ: Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
เริ่มหัวข้อโดย: mylift ที่ 04, เมษายน 2013, 09:35:57 PM
ขอบคุณมากค่ะที่จัดทำมาให้ ^^

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

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

เหอๆ ขอโทษค่ะ  :cry: :cry: :cry:
หัวข้อ: Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
เริ่มหัวข้อโดย: 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 (http://www.post-nook.com/forum/topic/3440)
หัวข้อ: Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
เริ่มหัวข้อโดย: Zone-My ที่ 04, เมษายน 2013, 10:06:36 PM
ใส่ user ของ twitter ให้ถูกต้องด้วยนะครับ
ดูให้ดีๆ แก้ทั้งวงเล็บเลย
มันอยู่ในไฟล์ js/jquery.tweet.settings.js เเละโค้ดส่วน <body> แหละ
หัวข้อ: Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
เริ่มหัวข้อโดย: mylift ที่ 04, เมษายน 2013, 10:15:56 PM
ใส่ไว้ที่ /public_html หมดเลยครับ

แล้วตรวจสอบดูตรง
โค๊ด: [Select]
<!-- Reset CSS by Normalize-->
<link rel="stylesheet" href="css/style_twitterslide.css" type="text/css" media="all" />
<script src="[url]http://code.jquery.com/jquery-1.9.1.min.js[/url]"></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="[url]http://www[/url].เว็บไซต์.com/css/style_twitterslide.css" type="text/css" media="all" />
<script src="[url]http://code.jquery.com/jquery-1.9.1.min.js[/url]"></script>
<!-- Fallback to local jquery file if host server goes down -->
<script src="[url]http://www[/url].เว็บไซต์.com/js/jquery.tweet.js" type="text/javascript"></script>
<script src="[url]http://www[/url].เว็บไซต์.com/js/jquery.tweet.settings.js" type="text/javascript"></script>


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



ขอโทษค่ะ อันนี้ใส่ตรงส่วนที่เราจะแสดงผลใช่มั้ยคะ เช่นหน้า index.php หรือ หน้า home.php ค่ะ
หัวข้อ: Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
เริ่มหัวข้อโดย: Zone-My ที่ 04, เมษายน 2013, 10:18:56 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="[url]http://code.jquery.com/jquery-1.9.1.min.js[/url]"></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="[url]http://platform.twitter.com/widgets/follow_button.1363148939.html#_=1364972125769&amp;id=twitter-widget-0&amp;lang=th&amp;screen_name=([/url]ˆใส่ 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>


ใช่แล้วครับ ทั้งสองโค้ดเลยครับไปใส่ไว้ที่จะแสดงผลหน้านั้นๆครับ
หัวข้อ: Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
เริ่มหัวข้อโดย: mylift ที่ 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


มันขึ้นแบบนี้อ่าค่ะ เหอๆ ยังไงจะลองแก้ไขดูนะคะ ขอบคุณมากค่ะ (มาส่งข่าวก่อนค่ะ อิอิ)
หัวข้อ: Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
เริ่มหัวข้อโดย: Zone-My ที่ 04, เมษายน 2013, 10:54:07 PM
อาจไปโมผิดก็ได้ ตรงบรรทัดที่ 2 อ่าครับ ลองตรวจสอบดูให้ดี :smiley:
หัวข้อ: Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
เริ่มหัวข้อโดย: mylift ที่ 04, เมษายน 2013, 11:20:22 PM
อาจไปโมผิดก็ได้ ตรงบรรทัดที่ 2 อ่าครับ ลองตรวจสอบดูให้ดี :smiley:

ค๊า ถ้ามีปัญหาที่ไม่เข้าใจจะขอรบกวนอีกนะคะ
หัวข้อ: Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
เริ่มหัวข้อโดย: music125500 ที่ 05, เมษายน 2013, 06:31:48 AM
เยี่ยมไปเลยคร้าบ ขอบคุณครับ
หัวข้อ: Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
เริ่มหัวข้อโดย: mylift ที่ 05, เมษายน 2013, 07:17:59 PM
ได้แล้วค๊าาหลังทำไปสองวัน อิอิ   :yaahoo: :yaahoo:
หัวข้อ: Re: Twitter IG ฉบับ Slide ได้ สวยงามจากเว็บแฟนฯดาราครับ
เริ่มหัวข้อโดย: Zone-My ที่ 07, เมษายน 2013, 09:41:11 PM
ได้แล้วค๊าาหลังทำไปสองวัน อิอิ   :yaahoo: :yaahoo:

ยินดีด้วยครับ ^^