Introducing the Steemit Toolbar Chrome Extension

<p dir="auto">The <strong>Steemit Toolbar is a Google Chrome extension that will help you keep an eye on key indicators like Voting Power, STEEM price and SBD price. <p dir="auto">It will allows you to permanently monitor these values while browsing the Steemit.com website. <h6>Foreword <blockquote> <p dir="auto"><strong>This Google Chrome Extension is my own work and is not released, endorsed, or reviewed by Steemit inc. <h3>1. Setup <p dir="auto">The extension is available <a href="https://chrome.google.com/webstore/detail/steemit-toolbar/kpkmlplakmoeoagdhddihcnhcleoagne" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">here on the Chrome Webstore <p dir="auto"><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/Jb4Pd6.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/Jb4Pd6.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/Jb4Pd6.png 2x" /> <p dir="auto">Click on the “add to chrome” button <p dir="auto"><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/Gn6Fox.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/Gn6Fox.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/Gn6Fox.png 2x" /> <p dir="auto">Click on the “Add extension” button. <blockquote> <p dir="auto">For your information, the only data the <strong>Steemit Toolbar<strong>Steemit Toolbar.<span> will read in your browser is the URL of the active tab. If the site address matches “<a href="https://steemit.com" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://steemit.com”, then the extension will activate itself and displays the <p dir="auto">Once installed, the <strong>Steemit Toolbar extension will appear as a small button on the right of your address bar. If you click on it, a configuration window will popup. <p dir="auto"><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/7oBDbL.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/7oBDbL.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/7oBDbL.png 2x" /> <h3>2. Configuration <h4>2.1 Configure your account<br /> <p dir="auto"><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/X6GTVB.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/X6GTVB.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/X6GTVB.png 2x" /> <p dir="auto">After installing the extension, <strong>Steemit Toolbar will not display any Voting Power. You need to configure your account. To do this, click on the extension icon. <p dir="auto"><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/cq7N0C.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/cq7N0C.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/cq7N0C.png 2x" /> <p dir="auto">The configuration windows is displayed and you will be able to enter your account name. <p dir="auto"><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/hMCkXF.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/hMCkXF.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/hMCkXF.png 2x" /> <p dir="auto">Type your account name and hit <code>ENTER when done. The toolbar will immediately updates itself and start to periodically show you Voting Power. <p dir="auto"><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/GWJp5R.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/GWJp5R.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/GWJp5R.png 2x" /> <p dir="auto">If you made a mistake when entering your account name, <strong>Steemit Toolbar won’t be able to retrieve your account information from the blockchain and will display an “Unknown User” error message. <p dir="auto"><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/X6GTVB.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/X6GTVB.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/X6GTVB.png 2x" /> <h4>2.2 Configure displayed values<br /> <p dir="auto"><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/IZwGPY.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/IZwGPY.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/IZwGPY.png 2x" /> <p dir="auto">You can choose which values to display in the <strong>Steemit Toolbar by checking or unchecking each of them. The <strong>Steemit Toolbar will be automatically updated according to your choice. <p dir="auto"><strong>Voting power<br /> Display your account’s current voting power. This value is updated every 3 seconds and its color will change depending on the voting power you left. <ul> <li>green if your VP is greater than 80 <li>orange if your VP is greater than 60 <li>red if your VP is lower than 60 <p dir="auto"><strong>STEEM<br /> Display last average market price of the STEEM token. The price is taken from several exchanges and averaged. <p dir="auto"><strong>STEEM DOLLARS<br /> Display last average market price of the SBD token. The price is taken from several exchanges and averaged. <h5>2.3 Configure your currency<br /> <p dir="auto"><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/5m82o8.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/5m82o8.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/5m82o8.png 2x" /> <p dir="auto">When showing STEEM or SBD value, <strong>Steemit Toolbar can convert it to several currencies. Select the one that best fit your need and the display will automatically be updated. <h4>2.4 Configure the price evolution gap<br /> <p dir="auto"><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/tBImA7.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/tBImA7.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/tBImA7.png 2x" /> <p dir="auto"><strong>Steemit Toolbar will also show the price evolution for the tokens you have chosen in relation to the associated currency. The comparison can be made on different time gap. <p dir="auto">For example, if you choose 30 min, <strong>Steemit Toolbar will show the difference between the current price and the one 30 minutes ago.<br /> If the new price is greater or equal than previously, the ratio will be displayed in green<br /> If the new price is lower than previously, the ratio will be displayed in red <p dir="auto">When you’re done configuring Steemit toolbar, simply click outside the popup window. Your configuration will be automatically saved. <h3>3. The Toolbar into action<br /> <p dir="auto"><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/8tTp5x.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/8tTp5x.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/8tTp5x.png 2x" /> <p dir="auto">On this screenshot, you can see that the toolbar is only visible on the tab browsing steemit.com. <p dir="auto">At the time of the screenshot, my voting power was going low and displayed in orange and, unfortunately, both STEEM and SBD prices were going down last 30 minutes. <h3>Next releases coming soon. <p dir="auto">Some features are already planned for the next release <ul> <li>add more currencies for conversion <li>add account's remaining bandwidth monitor <li>add detailed reputation indicator <li>and many other ideas of which I do not yet speak to keep the surprise... <p dir="auto">If you have special requests or features you absolutely want me to add, do not hesitate to drop a comment. You can also contact me via <a href="https://steemit.chat/direct/arcange" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">steemit.chat<span> or via Telegram (<a href="/@vim">@VIM_arcange) <p dir="auto"><strong>Thanks for reading! <hr /> <p dir="auto"><center><a href="http://steemitboard.com/@arcange" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/wXQOEM.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/wXQOEM.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/wXQOEM.png 2x" /> <h6><center><em>footer created with <strong><a href="https://steemitboard.com" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">steemitboard - click any award to see my board of honor <h3><center>Support me And my work as a <a href="https://steemit.com/steemit/@arcange/arcange-witness-thread" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">witness by voting for me <a href="https://steemit.com/~witnesses" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">here! <p dir="auto"><center><span><img src="https://images.hive.blog/768x0/http://i.cubeupload.com/dlkwkk.png" srcset="https://images.hive.blog/768x0/http://i.cubeupload.com/dlkwkk.png 1x, https://images.hive.blog/1536x0/http://i.cubeupload.com/dlkwkk.png 2x" /><br /> You Like this post, do not forget to <strong>upvote Or <strong><a href="https://steemit.com/@arcange" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">follow me Or <strong>resteem