{"id":1757,"date":"2010-11-15T10:24:58","date_gmt":"2010-11-15T10:24:58","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/after_sale_support\/jquery\/misc\/article6.html"},"modified":"2020-01-27T11:24:19","modified_gmt":"2020-01-27T16:24:19","slug":"twitter-plug-in","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/twitter-plug-in.html","title":{"rendered":"&#8220;Twitter&#8221; plug-in"},"content":{"rendered":"This script allows you to add a Twitter widget to your site. The widget will display messages from your Twitter.com account. <br \/> <br \/> <span style=\"font-weight: bold;\">JavaScript<\/span> <br \/>In order to make the script work, the <span style=\"font-weight: bold;\">index-#.html<\/span> file with a widget should contain these lines of HTML code in order to include the <span style=\"font-weight: bold;\">jquery.twitter.search.js<\/span> and <span style=\"font-weight: bold;\">blogger.js<\/span> script and the jQuery framework: <br \/> <p>The <span style=\"font-weight: bold;\">&lt;head&gt;<\/span> section of the <span style=\"font-weight: bold;\">index-#.html<\/span> file contains these lines of code that initialize the script functionality with basic values:<\/p> <p>This script is initialized with a <span style=\"font-weight: bold;\">&lt;div&gt;<\/span> element with the <span style=\"font-weight: bold;\">#twitter<\/span> id. Script attributes define the following values:<\/p> <p>\u2022&nbsp;&nbsp;&nbsp; <span style=\"font-weight: bold;\">userName<\/span> &ndash; Twitter.com account name; <br \/>\u2022&nbsp;&nbsp;&nbsp; <span style=\"font-weight: bold;\">numTweets<\/span> &ndash; number of messaged shown in the widget; <br \/>\u2022&nbsp;&nbsp;&nbsp; <span style=\"font-weight: bold;\">loaderText<\/span> &ndash; widget pre-loader text; <br \/>\u2022&nbsp;&nbsp;&nbsp; <span style=\"font-weight: bold;\">slideIn<\/span> &ndash; turn on\/off slide-in transition effect on widget load; <br \/>\u2022&nbsp;&nbsp;&nbsp; <span style=\"font-weight: bold;\">showHeading<\/span> &ndash; defines whether to show widget heading or no; <br \/>\u2022&nbsp;&nbsp;&nbsp; <span style=\"font-weight: bold;\">headingText<\/span> &ndash; widget heading text; <br \/>\u2022&nbsp;&nbsp;&nbsp; <span style=\"font-weight: bold;\">showProfileLink<\/span> &ndash; defines whether to show a link to Twitter.com account. <br \/><\/p> <p> <span style=\"font-weight: bold;\">HTML<\/span> <br \/>Below you can see the general HTML script representation:<\/p> <br \/> <br \/>As you see, all the markup consists of a single <span style=\"font-weight: bold;\">&lt;div&gt;<\/span> tag with <span style=\"font-weight: bold;\">#twitter<\/span> id and <span style=\"font-weight: bold;\">.twitter<\/span> class. <br \/> <br \/> <span style=\"font-weight: bold;\">CSS<\/span> <br \/>You can find script related stylesheet in the main <span style=\"font-weight: bold;\">style.css<\/span> file. You will need to modify the following styles:","protected":false},"excerpt":{"rendered":"<p>This script allows you to add a Twitter widget to your site. The widget will display messages from your Twitter.com account. JavaScript In order to make the script work, the index-#.html file with a widget should contain these lines of HTML code in order to include the jquery.twitter.search.js and blogger.js script and the jQuery framework: [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[264],"tags":[813],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1757"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=1757"}],"version-history":[{"count":4,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1757\/revisions"}],"predecessor-version":[{"id":85689,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1757\/revisions\/85689"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1757"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}