Stock Market Data Widget on Blogger HTML Code

Grab an overview of global markets performance, including change values, Open, High, Low, and Close values for selected financial instruments.

After inserting this widget, you’ll be able to create the atmosphere of a stock market widget right on your website. There will be an opportunity to add a detailed overview of global markets performance, and show the most relevant stocks for the day. Also, you’ll be able to perform change values and various stock symbols. Finally, you’ll have an opportunity to present all stocks and financial data on your website - charts, prices, tickers.

Instructions;-

1. Copy the code and paste on your Blogger Page or on Add Gadget "HTML/CSS Code"
2. Width and Height (if you want change it)
3. Done.

1. Advanced Real-Time Chart Widget

Here's a free and powerful chart to easily embed on any website. Make it yours with various customization options.

<!-- TradingView Widget BEGIN --><br /><div class="tradingview-widget-container"><br /> <div id="tradingview_bfd88"></div><br /> <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/symbols/NASDAQ-AAPL/" rel="noopener" target="_blank"><span class="blue-text"></span></a></div><br /> <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script><br /> <script type="text/javascript"><br /> new TradingView.widget(<br /> {<br /> "width": 610,<br /> "height": 410,<br /> "symbol": "NASDAQ:AAPL",<br /> "interval": "D",<br /> "timezone": "Etc/UTC",<br /> "theme": "light",<br /> "style": "1",<br /> "locale": "in",<br /> "toolbar_bg": "#f1f3f6",<br /> "enable_publishing": false,<br /> "allow_symbol_change": true,<br /> "container_id": "tradingview_bfd88"<br />}<br /> );<br /> </script><br /></div><br /><!-- TradingView Widget END -->

2. Technical Analysis Widget

See what technical analysis has to say about a given symbol, with our visual ratings, easy to see.

<!-- TradingView Widget BEGIN --><br /><center><br /><div class="tradingview-widget-container"><br /> <div class="tradingview-widget-container__widget"></div><br /> <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/symbols/NASDAQ-AAPL/technicals/" rel="noopener" target="_blank"><span class="blue-text"></span></a></div><br /> <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-technical-analysis.js" async><br /> {<br /> "interval": "1m",<br /> "width": 425,<br /> "isTransparent": false,<br /> "height": 450,<br /> "symbol": "NASDAQ:AAPL",<br /> "showIntervalTabs": true,<br /> "locale": "in",<br /> "colorTheme": "light"<br />}<br /> </script><br /></div><br /></center><br /><!-- TradingView Widget END -->

3. Market Overview Widget

Built for when you need to take a macro view of the markets. This widget works best on home pages.

<!-- TradingView Widget BEGIN --><br /><center><br /><div class="tradingview-widget-container"><br /> <div class="tradingview-widget-container__widget"></div><br /> <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/markets/" rel="noopener" target="_blank"><span class="blue-text"></span></a></div><br /> <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js" async><br /> {<br /> "colorTheme": "light",<br /> "dateRange": "12M",<br /> "showChart": true,<br /> "locale": "in",<br /> "largeChartUrl": "",<br /> "isTransparent": false,<br /> "showSymbolLogo": true,<br /> "showFloatingTooltip": false,<br /> "width": "400",<br /> "height": "660",<br /> "plotLineColorGrowing": "rgba(41, 98, 255, 1)",<br /> "plotLineColorFalling": "rgba(41, 98, 255, 1)",<br /> "gridLineColor": "rgba(240, 243, 250, 0)",<br /> "scaleFontColor": "rgba(120, 123, 134, 1)",<br /> "belowLineFillColorGrowing": "rgba(41, 98, 255, 0.12)",<br /> "belowLineFillColorFalling": "rgba(41, 98, 255, 0.12)",<br /> "belowLineFillColorGrowingBottom": "rgba(41, 98, 255, 0)",<br /> "belowLineFillColorFallingBottom": "rgba(41, 98, 255, 0)",<br /> "symbolActiveColor": "rgba(41, 98, 255, 0.12)",<br /> "tabs": [<br /> {<br /> "title": "Indices",<br /> "symbols": [<br /> {<br /> "s": "FOREXCOM:SPXUSD",<br /> "d": "S&P 500"<br /> },<br /> {<br /> "s": "FOREXCOM:NSXUSD",<br /> "d": "US 100"<br /> },<br /> {<br /> "s": "FOREXCOM:DJI",<br /> "d": "Dow 30"<br /> },<br /> {<br /> "s": "INDEX:NKY",<br /> "d": "Nikkei 225"<br /> },<br /> {<br /> "s": "INDEX:DEU40",<br /> "d": "DAX Index"<br /> },<br /> {<br /> "s": "FOREXCOM:UKXGBP",<br /> "d": "UK 100"<br /> }<br /> ],<br /> "originalTitle": "Indices"<br /> },<br /> {<br /> "title": "Futures",<br /> "symbols": [<br /> {<br /> "s": "CME_MINI:ES1!",<br /> "d": "S&P 500"<br /> },<br /> {<br /> "s": "CME:6E1!",<br /> "d": "Euro"<br /> },<br /> {<br /> "s": "COMEX:GC1!",<br /> "d": "Gold"<br /> },<br /> {<br /> "s": "NYMEX:CL1!",<br /> "d": "Crude Oil"<br /> },<br /> {<br /> "s": "NYMEX:NG1!",<br /> "d": "Natural Gas"<br /> },<br /> {<br /> "s": "CBOT:ZC1!",<br /> "d": "Corn"<br /> }<br /> ],<br /> "originalTitle": "Futures"<br /> },<br /> {<br /> "title": "Bonds",<br /> "symbols": [<br /> {<br /> "s": "CME:GE1!",<br /> "d": "Eurodollar"<br /> },<br /> {<br /> "s": "CBOT:ZB1!",<br /> "d": "T-Bond"<br /> },<br /> {<br /> "s": "CBOT:UB1!",<br /> "d": "Ultra T-Bond"<br /> },<br /> {<br /> "s": "EUREX:FGBL1!",<br /> "d": "Euro Bund"<br /> },<br /> {<br /> "s": "EUREX:FBTP1!",<br /> "d": "Euro BTP"<br /> },<br /> {<br /> "s": "EUREX:FGBM1!",<br /> "d": "Euro BOBL"<br /> }<br /> ],<br /> "originalTitle": "Bonds"<br /> },<br /> {<br /> "title": "Forex",<br /> "symbols": [<br /> {<br /> "s": "FX:EURUSD",<br /> "d": "EUR/USD"<br /> },<br /> {<br /> "s": "FX:GBPUSD",<br /> "d": "GBP/USD"<br /> },<br /> {<br /> "s": "FX:USDJPY",<br /> "d": "USD/JPY"<br /> },<br /> {<br /> "s": "FX:USDCHF",<br /> "d": "USD/CHF"<br /> },<br /> {<br /> "s": "FX:AUDUSD",<br /> "d": "AUD/USD"<br /> },<br /> {<br /> "s": "FX:USDCAD",<br /> "d": "USD/CAD"<br /> }<br /> ],<br /> "originalTitle": "Forex"<br /> }<br /> ]<br />}<br /> </script><br /></div><br /></center><br /><!-- TradingView Widget END -->

4. Market Data Widget 

Get an overview of global markets performance, including change values, open, high, low and close values ​​for selected financial instruments.

<!-- TradingView Widget BEGIN --><br /><center><br /><div class="tradingview-widget-container"><br /> <div class="tradingview-widget-container__widget"></div><br /> <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/markets/" rel="noopener" target="_blank"><span class="blue-text"></span></a></div><br /> <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-quotes.js" async><br /> {<br /> "width": "610",<br /> "height": "450",<br /> "symbolsGroups": [<br /> {<br /> "name": "Indices",<br /> "originalName": "Indices",<br /> "symbols": [<br /> {<br /> "name": "FOREXCOM:SPXUSD",<br /> "displayName": "S&P 500"<br /> },<br /> {<br /> "name": "FOREXCOM:NSXUSD",<br /> "displayName": "US 100"<br /> },<br /> {<br /> "name": "FOREXCOM:DJI",<br /> "displayName": "Dow 30"<br /> },<br /> {<br /> "name": "INDEX:NKY",<br /> "displayName": "Nikkei 225"<br /> },<br /> {<br /> "name": "INDEX:DEU40",<br /> "displayName": "DAX Index"<br /> },<br /> {<br /> "name": "FOREXCOM:UKXGBP",<br /> "displayName": "UK 100"<br /> }<br /> ]<br /> },<br /> {<br /> "name": "Futures",<br /> "originalName": "Futures",<br /> "symbols": [<br /> {<br /> "name": "CME_MINI:ES1!",<br /> "displayName": "S&P 500"<br /> },<br /> {<br /> "name": "CME:6E1!",<br /> "displayName": "Euro"<br /> },<br /> {<br /> "name": "COMEX:GC1!",<br /> "displayName": "Gold"<br /> },<br /> {<br /> "name": "NYMEX:CL1!",<br /> "displayName": "Crude Oil"<br /> },<br /> {<br /> "name": "NYMEX:NG1!",<br /> "displayName": "Natural Gas"<br /> },<br /> {<br /> "name": "CBOT:ZC1!",<br /> "displayName": "Corn"<br /> }<br /> ]<br /> },<br /> {<br /> "name": "Bonds",<br /> "originalName": "Bonds",<br /> "symbols": [<br /> {<br /> "name": "CME:GE1!",<br /> "displayName": "Eurodollar"<br /> },<br /> {<br /> "name": "CBOT:ZB1!",<br /> "displayName": "T-Bond"<br /> },<br /> {<br /> "name": "CBOT:UB1!",<br /> "displayName": "Ultra T-Bond"<br /> },<br /> {<br /> "name": "EUREX:FGBL1!",<br /> "displayName": "Euro Bund"<br /> },<br /> {<br /> "name": "EUREX:FBTP1!",<br /> "displayName": "Euro BTP"<br /> },<br /> {<br /> "name": "EUREX:FGBM1!",<br /> "displayName": "Euro BOBL"<br /> }<br /> ]<br /> },<br /> {<br /> "name": "Forex",<br /> "originalName": "Forex",<br /> "symbols": [<br /> {<br /> "name": "FX:EURUSD",<br /> "displayName": "EUR/USD"<br /> },<br /> {<br /> "name": "FX:GBPUSD",<br /> "displayName": "GBP/USD"<br /> },<br /> {<br /> "name": "FX:USDJPY",<br /> "displayName": "USD/JPY"<br /> },<br /> {<br /> "name": "FX:USDCHF",<br /> "displayName": "USD/CHF"<br /> },<br /> {<br /> "name": "FX:AUDUSD",<br /> "displayName": "AUD/USD"<br /> },<br /> {<br /> "name": "FX:USDCAD",<br /> "displayName": "USD/CAD"<br /> }<br /> ]<br /> }<br /> ],<br /> "showSymbolLogo": true,<br /> "colorTheme": "light",<br /> "isTransparent": false,<br /> "locale": "in"<br />}<br /> </script><br /></div><br /></center><br /><!-- TradingView Widget END -->

5. Stock Market Widget 

See the top five gainers, losers and most active stocks for the day. It's updated based on current market activity - so you'll always see the most relevant stocks.

<!-- TradingView Widget BEGIN --><br /> <center><br /><div class="tradingview-widget-container"><br /> <div class="tradingview-widget-container__widget"></div><br /> <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/markets/stocks-india/" rel="noopener" target="_blank"><span class="blue-text"></span></a></div><br /> <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-hotlists.js" async><br /> {<br /> "colorTheme": "light",<br /> "dateRange": "12M",<br /> "exchange": "BSE",<br /> "showChart": true,<br /> "locale": "in",<br /> "largeChartUrl": "",<br /> "isTransparent": false,<br /> "showSymbolLogo": true,<br /> "showFloatingTooltip": false,<br /> "width": "400",<br /> "height": "600",<br /> "plotLineColorGrowing": "rgba(41, 98, 255, 1)",<br /> "plotLineColorFalling": "rgba(41, 98, 255, 1)",<br /> "gridLineColor": "rgba(240, 243, 250, 0)",<br /> "scaleFontColor": "rgba(120, 123, 134, 1)",<br /> "belowLineFillColorGrowing": "rgba(41, 98, 255, 0.12)",<br /> "belowLineFillColorFalling": "rgba(41, 98, 255, 0.12)",<br /> "belowLineFillColorGrowingBottom": "rgba(41, 98, 255, 0)",<br /> "belowLineFillColorFallingBottom": "rgba(41, 98, 255, 0)",<br /> "symbolActiveColor": "rgba(41, 98, 255, 0.12)"<br />}<br /> </script><br /></div><br /> </center><br /><!-- TradingView Widget END -->

6. Ticker Widget

Get a horizontal view on important instrument statistics. Up to 15 different indices can be displayed with the latest price and daily change.

<!-- TradingView Widget BEGIN --><br /> <center><br /><div class="tradingview-widget-container"><br /> <div class="tradingview-widget-container__widget"></div><br /> <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com" rel="noopener" target="_blank"><span class="blue-text"></span></a></div><br /> <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-tickers.js" async><br /> {<br /> "symbols": [<br /> {<br /> "proName": "FOREXCOM:SPXUSD",<br /> "title": "S&P 500"<br /> },<br /> {<br /> "proName": "FOREXCOM:NSXUSD",<br /> "title": "US 100"<br /> },<br /> {<br /> "proName": "FX_IDC:EURUSD",<br /> "title": "EUR/USD"<br /> },<br /> {<br /> "proName": "BITSTAMP:BTCUSD",<br /> "title": "Bitcoin"<br /> },<br /> {<br /> "proName": "BITSTAMP:ETHUSD",<br /> "title": "Ethereum"<br /> }<br /> ],<br /> "colorTheme": "light",<br /> "isTransparent": false,<br /> "showSymbolLogo": true,<br /> "locale": "in"<br />}<br /> </script><br /></div><br /> </center><br /><!-- TradingView Widget END -->

7. Ticker Tape Widget

Markets by TradingView
Go all vintage Wall Street with our scrolling ticker tape. Embed this stock market style running ticker in just a few clicks. Power suit and expensive watch, no need.

<!-- TradingView Widget BEGIN --><br /><div class="tradingview-widget-container"><br /> <div class="tradingview-widget-container__widget"></div><br /> <div class="tradingview-widget-copyright"><a href="https://in.tradingview.com/markets/" rel="noopener" target="_blank"><span class="blue-text"></span></a></div><br /> <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async><br /> {<br /> "symbols": [<br /> {<br /> "proName": "FOREXCOM:SPXUSD",<br /> "title": "S&P 500"<br /> },<br /> {<br /> "proName": "FOREXCOM:NSXUSD",<br /> "title": "US 100"<br /> },<br /> {<br /> "proName": "FX_IDC:EURUSD",<br /> "title": "EUR/USD"<br /> },<br /> {<br /> "proName": "BITSTAMP:BTCUSD",<br /> "title": "Bitcoin"<br /> },<br /> {<br /> "proName": "BITSTAMP:ETHUSD",<br /> "title": "Ethereum"<br /> }<br /> ],<br /> "showSymbolLogo": true,<br /> "colorTheme": "light",<br /> "isTransparent": false,<br /> "displayMode": "adaptive",<br /> "locale": "in"<br />}<br /> </script><br /></div><br /><!-- TradingView Widget END -->