tag:blogger.com,1999:blog-2702577535997677502024-02-07T08:53:02.038+05:30Tutorials, Tips and TechnologyTutorials, Chrome extensions Code samples Php Flex Javascript Ajax CSS Html.
Updated regularly.Visit and subscribe to the rss feed.Unknownnoreply@blogger.comBlogger80125tag:blogger.com,1999:blog-270257753599767750.post-87792806321275205842022-12-14T12:45:00.001+05:302022-12-14T12:45:28.149+05:30Typescript inheritance example with code<h1 style="text-align: left;"> <span style="background-color: white;">Typescript inheritance example with code</span></h1><h3 style="text-align: left;"><span style="background-color: white;"><span> </span>Code example - https://typescript-bc7fcz.stackblitz.io</span></h3><div><span style="background-color: white;"><br /></span></div><p style="text-align: left;"><span style="background-color: white;"><span class="style-scope yt-formatted-string" dir="auto" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">This video explains how to do inheritance in Typescript using examples.</span><span class="style-scope yt-formatted-string" dir="auto" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">
</span><span class="style-scope yt-formatted-string" dir="auto" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">Code example - </span><span style="color: #0000ee; font-family: Roboto, Arial, sans-serif;"><span style="font-size: 14px; white-space: pre-wrap;">https://stackblitz.com/edit/typescript-bc7fcz?file=index.ts</span></span><span class="style-scope yt-formatted-string" dir="auto" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">
First we will create a parent class called Person. This class has two properties first name and last name. Write a constructor method to set these two properties. We will also have two methods. One for getting the full name and another describe method.
Now the person class is ready. We are going to create an instance of this class using a new keyword. Using this instance we can call the two methods of Person class.
Now we will see how to create a child class using Typescript inheritance. Typescript uses a keyword 'Extends' to inherit properties of another class. The constructor method of the child class should call super method , so that the parent constructor is invoked. Similar to parent class we can create an instance of child class . Since Student class is inherited from Person class, it can access its Parent class methods as well as its own methods.
Why do we use inheritance? We can use it for Method Overriding (so runtime polymorphism can be achieved). We can use it for Code Reusability.</span><span class="style-scope yt-formatted-string" dir="auto" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">
</span><span class="style-scope yt-formatted-string" dir="auto" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">First we will create a parent class called Person. This class has two properties first name and last name. Write a constructor method to set these two properties. We will also have two methods. One for getting the full name and another describe method.</span><span class="style-scope yt-formatted-string" dir="auto" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">
</span><span class="style-scope yt-formatted-string" dir="auto" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">Now the person class is ready. We are going to create an instance of this class using a new keyword. Using this instance we can call the two methods of Person class.<br /></span><span class="style-scope yt-formatted-string" dir="auto" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">Now we will see how to create a child class using Typescript inheritance. Typescript uses a keyword 'Extends' to inherit properties of another class. The constructor method of the child class should call super method , so that the parent constructor is invoked. Similar to parent class we can create an instance of child class . Since Student class is inherited from Person class, it can access its Parent class methods as well as its own methods.</span><span class="style-scope yt-formatted-string" dir="auto" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">
</span><span class="style-scope yt-formatted-string" dir="auto" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; white-space: pre-wrap;">Why do we use inheritance? We can use it for Method Overriding (so runtime polymorphism can be achieved). We can use it for Code Reusability.</span></span></p><p><span style="background-color: white;"><br /></span></p><p><br /></p>
<iframe allowfullscreen="" class="BLOG_video_class" height="322" src="https://www.youtube.com/embed/W0YwcWIgLr0" width="400" youtube-src-id="W0YwcWIgLr0"></iframe>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-49924909551513068032022-12-08T09:53:00.005+05:302022-12-08T10:27:53.088+05:30Formatting and styling console.log messages in web browser console <h2 style="text-align: left;">Formatting and styling console.log messages in web browser console
<iframe allowfullscreen="" class="BLOG_video_class" height="322" src="https://www.youtube.com/embed/rtC9xsH4pag" width="400" youtube-src-id="rtC9xsH4pag"></iframe></h2>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-87080090475584036172022-12-02T14:50:00.004+05:302022-12-02T14:52:18.702+05:30Angular framework features<iframe class="BLOG_video_class" allowfullscreen="" youtube-src-id="aTSOF2WYFDk" width="400" height="322" src="https://www.youtube.com/embed/aTSOF2WYFDk"></iframe>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-29029662770208781532022-11-27T21:54:00.002+05:302022-11-27T21:54:07.352+05:30How to install your own extension in Firefox browser How to install your own extension in Firefox browser .
Create your extension files or get a sample extension files from GITHUB. We are going to use Borderify extension. This extension add a red border around the mozilla website .
Once extension files are ready open a new tab and type about : debugging. Click on the blue color This Firefox link button. This will take you to the Temporary extensions page. Click on Load temporary add on button. Browse and select any file from your extension folder. This will install the selected extension .
To test the extension open the mozilla.org website in the new tab. You can see a red color border around the website .
Download sample extensions from link https://github.com/mdn/webextensions-examples/
<iframe class="BLOG_video_class" allowfullscreen="" youtube-src-id="XqWMDv411k0" width="600" height="498" src="https://www.youtube.com/embed/XqWMDv411k0"></iframe>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-20565614896805012562022-11-25T20:16:00.005+05:302022-12-08T10:27:37.202+05:30Visual Studio Code - HTML live preview extension <h2 style="text-align: left;">Visual Studio Code - HTML live preview extension
<iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/IGtp47O3V4E" width="320" youtube-src-id="IGtp47O3V4E"></iframe></h2>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-13897160233598941212022-11-20T10:28:00.003+05:302022-11-20T10:28:38.586+05:30Angular 14 new features<iframe class="BLOG_video_class" allowfullscreen="" youtube-src-id="LNBng13nzK4" width="400" height="322" src="https://www.youtube.com/embed/LNBng13nzK4"></iframe>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-67462521428837091572022-11-13T11:31:00.003+05:302022-12-08T10:27:05.732+05:30Best JavaScript editors 2023<h2 style="text-align: left;">Best JavaScript editors 2023
</h2><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/GRd5GrqKB08" width="320" youtube-src-id="GRd5GrqKB08"></iframe></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-14687702662452263152022-11-10T14:48:00.006+05:302022-12-08T10:26:50.945+05:30Angular non singleton services<h2 style="text-align: left;"> Angular non singleton services</h2><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="335" src="https://www.youtube.com/embed/POzw3yIg5_8" width="498" youtube-src-id="POzw3yIg5_8"></iframe></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><p>
<iframe height="320px" src="https://stackblitz.com/edit/angular-basic-service-shfqak?embed=1&file=src/app/hello.component.ts&view=editor" width="100%"></iframe>
</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-45879459498894029322020-05-31T23:44:00.004+05:302020-06-04T16:18:31.225+05:30LinkedIn Jobs export extension for Firefox<pre style="text-align: left;"><br /></pre>
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/65eKuRR2Ub4" width="560"></iframe><div><br /></div><div>https://addons.mozilla.org/en-US/firefox/addon/linked-jobs-export/</div><div><br /></div><div><a href="https://addons.mozilla.org/en-US/firefox/addon/linked-jobs-export/" target="_blank">Get this extension free</a><br /></div><div><br /></div><div><br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-60473402894715394532020-05-15T14:30:00.002+05:302020-05-15T14:30:52.583+05:30Angular 8 app hosted in Nginx server gets 404 page when refreshed<b><font size="6">Angular 8 app hosted in Nginx server gets 404 page when refreshed</font></b><div><b><font size="6"><br /></font></b></div><div><b><font size="6">This is because of NGINX not able to find the index.html of Angular app</font></b></div><div><b><font size="6"><br /></font></b></div><div><b><font size="6">modify the site-available/default config file of nginx like below </font></b></div><div><b><font size="6"><br /></font></b></div><div><b><font size="6"><br /></font></b></div><div><pre class="code-pre " style="background: rgb(242, 242, 242); border-radius: 3px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 14px; hyphens: none; line-height: 1.4em; margin-bottom: 1rem; margin-top: 1rem; overflow-wrap: normal; overflow: auto; padding: 1rem; text-shadow: none; word-break: normal;"><code style="background: 0px 0px; border-radius: 3px; box-sizing: inherit; direction: ltr; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; hyphens: none; line-height: 22px; margin: 0px; padding: 0px; text-shadow: none; word-break: normal; word-spacing: normal;"><b><font color="#0f9d58">try_files $uri $uri/ /index.html;</font></b></code></pre></div><div><pre class="code-pre " style="background: rgb(242, 242, 242); border-radius: 3px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 14px; hyphens: none; line-height: 1.4em; margin-bottom: 1rem; margin-top: 1rem; overflow-wrap: normal; overflow: auto; padding: 1rem; text-shadow: none; word-break: normal;"><code style="background: 0px 0px; border-radius: 3px; box-sizing: inherit; direction: ltr; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; hyphens: none; line-height: 22px; margin: 0px; padding: 0px; text-shadow: none; word-break: normal; word-spacing: normal;"><font color="#545454">server {
listen 80;
listen [::]:80;
root /var/www/example.com/html;
index index.html index.htm index.nginx-debian.html;
server_name example.com www.example.com;
location / {
</font><b><font color="#0f9d58">try_files $uri $uri/ /index.html;</font></b><font color="#545454">
}
}</font></code></pre></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-61709298381339212402020-05-08T23:53:00.005+05:302020-06-18T11:16:43.245+05:30Get Youtube thumbnail easily using Firefox Android extension<div>
<span style="font-size: medium;">Get Youtube thumbnail easily using Firefox Android extension.</span></div>
<div>
<span style="font-size: medium;"><br /></span></div>
<div>
<span style="font-size: medium;">This extension is supported both on desktop and Android Firefox versions</span></div>
<div>
<br /></div>
<a href="https://addons.mozilla.org/en-US/firefox/addon/yutube-thumb/">https://addons.mozilla.org/en-US/firefox/addon/yutube-thumb/</a><div><br /></div><div><font size="5">Desktop version demo</font><br />
<div>
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/nMQ8ZlZln84" width="560"></iframe>
</div><div><br /></div><div><span style="font-size: x-large;">Mobile version demo</span></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/N1MD5MaDOcw" width="320" youtube-src-id="N1MD5MaDOcw"></iframe></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><a href="https://support.mozilla.org/en-US/kb/install-firefox-android-device-using-google-play" target="_blank">Get Firefox for Android</a><br /></div><div><br /></div>
<div>
<pre style="text-align: left;"></pre>
<div>
<br /></div>
</div>
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-16641923388962861562020-05-08T16:42:00.001+05:302020-05-30T16:15:50.443+05:30REDIS server security in Ubuntu or any other Linux OSIf Redis server is not configured correctly for security, it can be affected by malware and bots.<br />
<div>
These malware make use of server CPU and memory. They can install cron jobs also which will run in background.<br />
<br />
If you abnormal usage of CPU , check the the process which is taking more CPU<br />
<br />
running this command "top".<br />
<br />
If redis-server is the process taking more CPU. Enable logs for redis.<br />
<br />
By default logs are not enabled in redis.conf config file.<br />
<br />
<div style="overflow-wrap: break-word; white-space: pre-wrap;">
# Specify the log file name. Also the empty string can be used to force<br /># Redis to log on the standard output. Note that if you use standard<br /># output for logging but daemonize, logs will be sent to /dev/null<br /><b>logfile "/your-path/redis.log"</b></div>
<pre style="overflow-wrap: break-word; white-space: pre-wrap;">
</pre>
<pre style="overflow-wrap: break-word; white-space: pre-wrap;">
</pre>
<pre style="overflow-wrap: break-word; white-space: pre-wrap;"><b>Also apply file permission and ownership to redis user for the file </b><b>redis.log</b></pre>
<pre style="overflow-wrap: break-word; white-space: pre-wrap;">
</pre>
<br />
<br /></div>
<div>
<br /></div>
<div>
There are many ways you can make REDIS server secure.</div>
<div>
<br /></div>
<blockquote style="border: none; margin: 0 0 0 40px; padding: 0px;">
<div style="text-align: left;">
1. First thing is use REDIS as localhost , never attach any public IP to it.</div>
</blockquote>
<div>
</div>
<div>
use configuration edit your redis.conf file search and fine bind</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<span style="font-size: medium;"><b> bind 127.0.0.1 </b><b> </b></span><b><span style="font-size: medium;"> </span></b></div>
<div>
<b><span style="font-size: medium;"><br /></span></b></div>
<div>
<span style="font-size: medium;"> 2. Second important thing is enable password for Redis</span></div>
<div>
<span style="font-size: medium;"><br /></span></div>
<div>
<span style="font-size: medium;"> edit redis.conf file</span></div>
<div>
<span style="font-size: medium;"><br /></span></div>
<div>
<span style="font-size: medium;"> <b>requirepassword <strong password></b></span></div>
<div>
<span style="font-size: medium;"><b><br /></b></span></div>
<div>
<span style="font-size: medium;"> 3. Disble dangerous Redis CLI commands</span></div>
<div>
<span style="font-size: medium;"> </span></div>
<div>
<span style="font-size: medium;"> in redis.conf search for rename-command</span></div>
<div>
<span style="font-size: medium;"> </span></div>
<div>
<span style="font-size: medium;"> </span><span style="font-size: medium;"><b>rename-command CONFIG ""</b></span></div>
<blockquote style="border: none; margin: 0px 0px 0px 40px; padding: 0px; text-align: left;">
<div>
<span style="font-size: medium;"><b> rename-command BGREWRITEAOF ""</b></span></div>
<div>
<span style="font-size: medium;"><b> rename-command BGSAVE ""</b></span></div>
<div>
<span style="font-size: medium;"><b> rename-command SAVE ""</b></span></div>
<div>
<span style="font-size: medium;"><b> rename-command SPOP ""</b></span></div>
<div>
<span style="font-size: medium;"><b> rename-command SREM ""</b></span></div>
<div>
<span style="font-size: medium;"><b> rename-command RENAME ""</b></span></div>
<div>
<span style="font-size: medium;"><b> rename-command DEBUG ""</b></span></div>
<div>
<span style="font-size: medium;"><b> rename-command FLUSHDB ""</b></span></div>
<div>
<span style="font-size: medium;"><b> rename-command FLUSHALL ""</b></span></div>
<div>
<span style="font-size: medium;"><b> rename-command KEYS ""</b></span></div>
<div>
<span style="font-size: medium;"><b> rename-command PEXPIRE ""</b></span></div>
<div>
<span style="font-size: medium;"><b> rename-command DEL ""</b></span></div>
<div>
<span style="font-size: medium;"><b> rename-command SHUTDOWN ""</b><span style="white-space: pre;"> </span></span></div>
</blockquote>
<div>
<span style="font-size: medium;"> </span></div>
<div>
<span style="font-size: medium;"> </span></div>
<div>
<span style="font-size: medium;"><br /></span></div>
<div>
<span style="font-size: medium;"> </span></div>
<div>
<div>
<br /></div>
<div>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-45535571781944025062020-04-25T16:12:00.002+05:302020-04-25T18:47:30.445+05:30Instant website blockerInstant website blocker chrome extension allows user to block any website.<div><br /></div><div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/GnVv_Cvnk-w" width="320" youtube-src-id="GnVv_Cvnk-w"></iframe></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://www.anrdoezrs.net/links/100004901/type/dlg/https://www.fiverr.com/sukeshk/sell-ready-to-use-browser-extension?utm_campaign=gigs_show&utm_medium=shared&utm_source=copy_link&utm_term=p3wdxo" target="_blank"><font size="6">Buy now</font></a><br /></div><div><br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-72396042032833320822020-04-16T18:02:00.002+05:302020-04-25T16:13:30.869+05:30Firefox addon for Androidhttps://addons.mozilla.org/en-US/android/addon/panic-button-ballachy/<div><br /></div><div>This small Firefox Android extension help users to close all opened tab with single click.</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-72289252935650661542020-04-08T23:06:00.000+05:302020-04-26T21:50:15.338+05:30OSClass plugin - publish any HTML content from Admin panel<b>OSClass plugin - publish any HTML content from Admin panel</b><br />
<b><a href="https://keralastore.online/software-and-services/software-apps-plugins/osclass-plugin-for-custom-html-field_49"><br /></a></b>
<b><a href="https://keralastore.online/software-and-services/software-apps-plugins/osclass-plugin-for-custom-html-field_49">Download</a></b>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-25520929637999892712020-04-07T22:12:00.001+05:302020-04-25T16:13:30.853+05:30ZIK analytics chrome extension<font size="4">ZIK analytics chrome extension</font><div><font size="4"><br /></font></div><div><font size="4">Using this extension users can export the search results from </font><a href="https://www.zikanalytics.com/">https://www.zikanalytics.com/</a><font size="4"> website </font></div><div><font size="4">The extension collect multiple pages data and export on a single click.</font></div><div><font size="4"><br /></font></div><div><font size="4">Watch video below</font></div><div><font size="4"><br /></font></div><div><font size="4"><br /></font></div><div><font size="4"><br /></font></div><div><font size="4"><br /></font></div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/PEme5a-nauY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-42744880010743619232020-03-11T11:57:00.002+05:302020-04-25T16:13:30.856+05:30IONIC 4 app not connecting to API running in Android device<h2>
IONIC 4 app not connecting to API running in Android device</h2>
<div>
<br /></div>
<div>
Go to \resources\android\xml\</div>
<div>
<br /></div>
<div>
Open network_security_config.xml</div>
<div>
<br /></div>
<div>
Include domain below</div>
<div>
<br /></div>
<div>
<domain includeSubdomains="true">Your API IP or domain </domain></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-39363681088721954522020-03-11T11:53:00.001+05:302020-04-25T16:13:30.855+05:30Empty List Of Devices Attached via USB Debugging on Windowsadb devices<br />
<br />
command not returning any devices<br />
<br />
try below things<br />
<br />
1) install USB driver for your devices<br />
2) Enable USB debugging in your android phone<br />
3) Reconnect the phone and run adb devices againUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-2797108309941960492019-12-06T12:15:00.002+05:302020-04-25T16:13:30.850+05:30Angular 2+ how to share same ajax response with multiple components<br />
<script src="https://gist.github.com/groverkimi/eb24a88c54393aed2f33ae1aa8d176ea.js"></script>
<span style="background-color: #999999;"><br /></span><span style="background-color: #999999;"><br /></span><span style="background-color: #999999;"><br /></span><br />
<h4>
<span style="background-color: white; color: blue;"><span style="font-family: "verdana" , sans-serif;">Create a service like above.</span><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;">The line</span></span></h4>
<h4>
<span style="background-color: white; color: blue;"><span style="font-family: "verdana" , sans-serif;">import </span>shareReplay<span style="font-family: "verdana" , sans-serif;"> from rxjs</span></span></h4>
<h4>
<span style="background-color: white; color: blue; font-family: "verdana" , sans-serif;">import { share, shareReplay } from 'rxjs/internal/operators'; </span></h4>
<h4>
<span style="background-color: white; color: blue;"><span style="font-family: "verdana" , sans-serif;"><br /></span><span style="font-family: "verdana" , sans-serif;"><span style="font-size: 12px; white-space: pre;">this.profileObservable = </span></span></span></h4>
<h4>
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: white; color: blue; font-size: 12px; white-space: pre;">this.http.get(environment.APIEndpoint + 'userProfile').pipe(shareReplay());</span></span></h4>
<h4>
<span style="background-color: white; color: blue;"><span style="font-family: "verdana" , sans-serif;"><span style="font-size: 12px; white-space: pre;"><br /></span></span><span style="font-family: "verdana" , sans-serif;"><span style="color: #24292e;"><span style="font-size: 12px; white-space: pre;">create a shareable HTTP</span> <span style="font-size: 12px; white-space: pre;">Observable. This can used by any component to get the response.</span></span></span></span></h4>
<h4>
<span style="font-family: "verdana" , sans-serif;"><span style="background-color: white; color: blue; font-size: 12px; white-space: pre;">Only one ajax request will trigger for all the request to this service.</span></span></h4>
<br />
<span style="background-color: white;"><span style="color: #24292e; font-family: , "consolas" , "liberation mono" , "menlo" , monospace; font-size: 12px; white-space: pre;"><br /></span></span>
<span style="background-color: white;"><span style="color: #24292e; font-family: , "consolas" , "liberation mono" , "menlo" , monospace; font-size: 12px; white-space: pre;"><br /></span></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-79030751793848107162019-11-22T23:38:00.001+05:302020-05-23T23:00:10.641+05:30Firefox extension : JIRA dashboard ticket export to CSV file<font face="helvetica" size="4"><b><span style="color: #783f04; font-family: verdana, sans-serif;">Firefox extension for JIRA - Export data as CSV</span><br />
<br />
<span style="color: #660000; font-family: verdana, sans-serif;">This Firefox extension will export data from a JIRA dashboard to CSV file.</span><br />
<span style="color: #660000; font-family: verdana, sans-serif;">This will be easy option for JIRA users to quicky copy the list of tickets to email or excel</span><br />
<span style="color: #660000;"><span style="color: #783f04; font-family: verdana, sans-serif;"><br /></span>
<span style="color: #783f04; font-family: verdana, sans-serif;">This extension allow user to export active sprints tickets to a CSV file.</span></span><br />
<span style="color: #660000;"><span style="color: #783f04; font-family: verdana, sans-serif;"><br /></span>
<span style="color: #783f04; font-family: verdana, sans-serif;">Update : Latest version export JIRA tickets from Active Sprints board and Backlogs .</span></span></b></font><br />
<span style="font-family: verdana, sans-serif;"><br /></span>
<span style="font-family: verdana, sans-serif;"><a href="https://addons.mozilla.org/en-US/firefox/addon/jira-exporter/?src=tech-blog">https://addons.mozilla.org/en-US/firefox/addon/jira-exporter/?src=tech-blog</a></span><div><span style="font-family: verdana, sans-serif;"><span id="goog_2048714370"></span><a href="https://draft.blogger.com/"></a><span id="goog_2048714371"></span></span><font face="verdana, sans-serif"><br /></font>
<span style="font-family: verdana, sans-serif;"><a href="http://www.anrdoezrs.net/click-100002752-13144780" target="_blank">Best Programmers For Hire from fiverr.com! Chat With Programmers & Find The One Right For Your Project. Hire Now and Pay Less!</a><img border="0" height="1" src="//www.tqlkg.com/image-100002752-13144780" width="1" />
</span><br />
<span style="font-family: verdana, sans-serif;"><br /></span>
<span style="font-family: verdana, sans-serif;"><br /></span><font face="helvetica" size="4"><b>Release note: Version 1.2.0<br /><br />This version include copy to clipboard feature.
This will allow user to copy individual ticket details to clipboard from
the backlogs.<br /><br />Click on the Copy button next to summary in backlogs. Paste the copied details any where you want.</b><br /></font>
<br />
<h2>
watch video</h2>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/yKbO_U2ltHU/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/yKbO_U2ltHU?feature=player_embedded" width="320"></iframe></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://serconmp.com/afu.php?zoneid=2952557" target="_blank"><img border="0" data-original-height="480" data-original-width="508" height="603" src="https://addons.cdn.mozilla.net/user-media/previews/thumbs/228/228564.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://serconmp.com/afu.php?zoneid=2952557" target="_blank"><img border="0" data-original-height="480" data-original-width="583" height="526" src="https://addons.cdn.mozilla.net/user-media/previews/thumbs/228/228565.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<br />
<br />
<br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-73379219183861123222019-11-20T17:58:00.003+05:302020-04-25T16:13:30.870+05:30JavaScript: Onchange handler not trigger for dropdown using JavaScriptLets say if you are trying to trigger onchange handler of a dropdown using javaScript or jQuery and if it is not working properly
try the below code
<br />
<br />
<pre class="lang-js prettyprint prettyprinted" style="background-color: #eff0f1; border-radius: 3px; border: 0px; box-sizing: inherit; color: #393318; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 1em; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px 8px; vertical-align: baseline; width: auto;"><span class="kwd" style="border: 0px; box-sizing: inherit; color: #101094; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;">var</span><span class="pln" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;"> changeEvent </span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;">=</span><span class="pln" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;"> document</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;">.</span><span class="pln" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;">createEvent</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;">(</span><span class="str" style="border: 0px; box-sizing: inherit; color: #7d2727; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;">"HTMLEvents"</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;">);</span></pre>
<pre class="lang-js prettyprint prettyprinted" style="background-color: #eff0f1; border-radius: 3px; border: 0px; box-sizing: inherit; color: #393318; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 1em; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px 8px; vertical-align: baseline; width: auto;"><code style="border: 0px; box-sizing: inherit; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;"><span class="pln" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">changeEvent</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">initEvent</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="str" style="border: 0px; box-sizing: inherit; color: #7d2727; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"change"</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">,</span><span class="pln" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="kwd" style="border: 0px; box-sizing: inherit; color: #101094; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">true</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">,</span><span class="pln" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="kwd" style="border: 0px; box-sizing: inherit; color: #101094; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">true</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">);</span></code></pre>
<pre class="lang-js prettyprint prettyprinted" style="background-color: #eff0f1; border-radius: 3px; border: 0px; box-sizing: inherit; color: #393318; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-size: 13px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 1em; max-height: 600px; overflow-wrap: normal; overflow: auto; padding: 12px 8px; vertical-align: baseline; width: auto;"><code style="border: 0px; box-sizing: inherit; font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;"><span class="pln" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
document</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="pln" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">getElementsByName</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="str" style="border: 0px; box-sizing: inherit; color: #7d2727; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"country"</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">)[</span><span class="lit" style="border: 0px; box-sizing: inherit; color: #7d2727; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">].</span><span class="pln" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">dispatchEvent</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="pln" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">changeEvent</span><span class="pun" style="border: 0px; box-sizing: inherit; color: #303336; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">);</span></code></pre>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-55050037412537789252019-11-16T20:54:00.000+05:302020-04-25T16:13:30.862+05:30Property Radar chrome extension for copying contact numbers<a href="https://www.propertyradar.com/">https://www.propertyradar.com/</a><br />
<br />
Property Radar chrome extension for copying contact numbers <a href="https://www.kqzyfj.com/click-100002752-13679532?url=https%3A%2F%2Fwww.ebooks.com%2Fcj.asp%3FIID%3D95873770%26fc%3DCA&cjsku=95873770" target="_blank">
Learn JavaScript </a><img border="0" height="1" src="//www.lduhtrp.net/image-100002752-13679532" width="1" /><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/I7iKYX8eEf4/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/I7iKYX8eEf4?feature=player_embedded" width="320"></iframe></div>
<br />
<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-88080720765411915752019-11-05T23:54:00.000+05:302020-04-25T16:13:30.874+05:30LinkedIn Jobs Chrome extension<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/4FUqaVvjd1Q/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/4FUqaVvjd1Q?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
The chrome extension scan each job in search results from linkedIn and export as csv file.</div>
<div class="separator" style="clear: both; text-align: center;">
Price : $10 contact here</div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-270257753599767750.post-27027896086207668002019-10-02T22:23:00.001+05:302020-04-25T16:13:30.854+05:30Lowes price checkerLowes price checker chrome extension , tampermonkey script are available with working status.<br />
<br />
This script allows user to search for prices and availability of product in different stores in different states.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3W8Jjg3j4lyUzTkILiuCxEInufKi2XiDPI0zvnRhWXEYYyVWi3185cTVGhhOAYbpjxEtcyVJfFmMaDJTVZ4aElGbPuS4Q_qrAadLRVeLPABgVL0NUR6YreLu4Dmp-Guicp9nEwp0-nRg0/s1600/lowes.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="693" data-original-width="756" height="365" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3W8Jjg3j4lyUzTkILiuCxEInufKi2XiDPI0zvnRhWXEYYyVWi3185cTVGhhOAYbpjxEtcyVJfFmMaDJTVZ4aElGbPuS4Q_qrAadLRVeLPABgVL0NUR6YreLu4Dmp-Guicp9nEwp0-nRg0/s400/lowes.PNG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<img border="0" height="1" src="//www.awltovhc.com/image-100002906-13660345" width="1" />
<br />
<div class="separator" style="clear: both; text-align: center;">
Price : $25 <a href="http://www.jdoqocy.com/click-100002906-13660345?url=https%3A%2F%2Fwww.ebooks.com%2Fcj.asp%3FIID%3D1363577%26fc%3DUS&cjsku=1363577" target="_blank">
The Art of iPhone Photography</a><img border="0" height="1" src="//www.tqlkg.com/image-100002906-13660345" width="1" /></div>
<div class="separator" style="clear: both; text-align: center;">
For more info contact </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-270257753599767750.post-85655669435256065622019-05-22T11:45:00.000+05:302020-04-25T16:13:30.872+05:30How to install custom chrome extension manually<div class="separator" style="clear: both; text-align: left;">
This video will show you how to install a extension manually. </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/oswjtLwCUqg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/oswjtLwCUqg?feature=player_embedded" width="320"></iframe></div>
<ol style="box-sizing: border-box; color: #777777; font-family: "Open Sans", Arial, "Lucida Grande", sans-serif; font-size: 13px; margin: 0.8em 0px; padding: 0px 0px 0px 1.52em;">
<li style="box-sizing: border-box; margin: 0px; padding: 0px;">Open the Extension Management page by navigating to <code style="box-sizing: border-box; color: #008800; font-family: "Source Code Pro", sans-serif; font-size: 1em; line-height: 1em; margin: 1.5em 0px; padding: 0px;">chrome://extensions</code>.<ul style="box-sizing: border-box; margin: 0.8em 0px; padding: 0px 0px 0px 1.28em;">
<li style="box-sizing: border-box; margin: 0px; padding: 0px;">The Extension Management page can also be opened by clicking on the Chrome menu, hovering over <span style="box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;">More Tools</span> then selecting <span style="box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;">Extensions</span>.</li>
</ul>
</li>
<li style="box-sizing: border-box; margin: 0px; padding: 0px;">Enable Developer Mode by clicking the toggle switch next to <span style="box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;">Developer mode</span>.</li>
<li style="box-sizing: border-box; margin: 0px; padding: 0px;">Click the <span style="box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;">LOAD UNPACKED</span> button and select the extension directory.</li>
</ol>
Unknownnoreply@blogger.com0