![]() Here is an image of the twitter feed with a transparent background. Tweets by adding any option make sure you enter them in the opening tag and separate them with a space. Here is what that would look like in the code. To make the background transparent we will need to use the ‘data-chrome’ variable along with the ‘transparent’ value. Here are a few examples of how you would go about adding these options. Tweets by all we have to do is add the client side options inline. The bottom half is the JavaScript that displays the twitter feed on your website. The only part of the code we have to look at for editing is the top half. ,p=/^http:/.test(d.location)?'http':'https' if(!d.getElementById(id))(document,"script","twitter-wjs") Here is a similar embed code to the one you embedded into the HTML widget on your Muse site when you created the basic Twitter feed. Now that we have a list of all of the options to customize our timeline let’s take a look at a few examples of how we would go about adding them into the embed code. New tweets will show up on a web page refresh. Since the widget is a fixed size, it will not poll for updates when using this option. "5" is the tweet count number that indicates how many tweets will show on the timeline.īe warned that it will expand to fit the tweet number you provide without a scrollbar. Tweet Limit: This allow you to determine how many tweets are visible at one time. Transparent - makes the background of the timeline transparent.ĭata-chrome="nofooter transparent noheader noborders noscrollbar" Noscrollbar - gets rid of the scrollbar, still allows scrolling via mouse wheel. Noborders - gets rid of the borders surrounding the timeline widget. Nofooter - Gets rid of the footer including the reply text entry box. Noheader - gets rid of the header including the 'Tweet' title and the button. ![]() Use spaces to separate the following options. Hex codes look like this: #FF6A00Ĭhange Border color: This allows you to change the border color using a hex color code.Ĭhange the widget layout by using ‘data-chrome’ attribute. Dark and Light.Ĭhange Link color:This allows you to set a link color using a hex color code. To get you up to speed quickly, here’s a breakdown of all of the advanced options and a few examples of how to use them.Ĭhange dimensions:This allows you to determine the height and width of the widget.Ĭhanging theme color: Currently there are only two options. You can see the list of additional options and explanations of what they do by clicking on "the customization documentation" link under the 'link color' entry box. This means making a few simple text changes to code. To utilize these options we will have to implement them directly into the embed code we added to our Muse site. Don’t run away, it will all make sense soon. To interact with it and to see it working preview it in a browser - File > Preview page in browser.įor those that would like more flexibility and customization, Twitter has provided us with the ability to overwrite certain default options by using client side CSS. It will display right inside of ‘design view’ in Muse. Once you have customized the basic design of your twitter feed you can copy the embed code directly underneath the preview window and add it into an Object > HTML widget in your Muse website. Link Color -This option allows you to change the link color to better suit your websites color scheme. Theme - Changes the background and font colors of the timeline feed. Height - determine the height of the widget in pixels. Auto-expand photos: if checked shows a thumbnail of any posted photo in the twitter feed. Exclude replies: if checked will exclude any replies to tweets from your twitter feed. You can add any user with a public account. Displays the user’s tweets in the timeline feed. ![]() Here is a list of the basic design features with a brief description of what they do. Customizations you add will instantly appear in the preview window on the right of the configuration panel. Within the widget creator you're presented with a few basic configuration options to customize your widget. Once you are on the settings page select the 'Widgets' option at the bottom of the left sidebar menu.Ĭlick 'Create new' to create a new widget Look to the upper right of your dashboard menu bar and click on the options drop down menu (the gear icon) then select ‘settings’. This guide explains how to create, customize, and embed a twitter feed into your Muse website. Sometimes you just want more out of your Twitter widget.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |