Seocheckout

How to build a Browser Extension for Chrome,Firefox and Opera Tutorial



Write the reason you're deleting this FAQ

How to build a Browser Extension for Chrome,Firefox and Opera

In this tutorial you will learn how to build a browser extension for Google chrome , Mozilla Firefox and Opera, without coding knowledge, using only drag and drop.



First Download the “Extension Maker” software, click here to download it.

After downloading , install and open it, then click to “Create New Project” as is in photo below.

How to build a Browser Extension for Chrome,Firefox and Opera

2.Set extension details, then click "Next"

How to build a Browser Extension for Chrome,Firefox and Opera

3. Set title of your extension.
-If you want to use your own icon, click to “…” button and import it, then click “Next”

How to build a Browser Extension for Chrome,Firefox and Opera

4.Set your post install url or leave it empty. If you want to use Google Analytics simply check that box and set your google tracking id, then click "Finish"

Post install URL : Is the url that will be opened automatically in browser after installing the extension.

How to build a Browser Extension for Chrome,Firefox and Opera



5.You will see this window.

How to build a Browser Extension for Chrome,Firefox and Opera


Now you need to add the following elements.

1- Add 2 Labels
2- Add one Separator
3- Add 1 News Feed
4- Add One Social Box

And Form should look like this.

How to build a Browser Extension for Chrome,Firefox and Opera

If you want to add/edit any element , you can do it from the editor menu which is located in the left side of the software.



6. Click “Generate Extension” to build the extension.

How to build a Browser Extension for Chrome,Firefox and Opera


7. That’s it, your extension is builded, click to “Open Folder” to find the builded extension file.

How to build a Browser Extension for Chrome,Firefox and Opera


8.To install your extension in Chrome , go to this url “chrome://extensions/” make sure that Developer mode is enabled and then drag your extension folder to Google Chrome.
. How to build a Browser Extension for Chrome,Firefox and Opera


Screenshot of Extension.


How to build a Browser Extension for Chrome,Firefox and Opera

Thank you,
Procoder

Comments

Please login or sign up to leave a comment

Join
anwebservices
WOW... What i great tutorial "ProCoder". Thanks for sharing this! You just made me come up with another great idea of tool for affiliate marketing by using this. I actually never knew about this free software, but i absolutely LOVE drag and drop things like this, which makes our lives easier How to build a Browser Extension for Chrome,Firefox and Opera I will certainly try it and if i come up with something really good as i think i can, i will share it here on Seocheckout ;)

Just curious if you tried it for Firefox too and is it working same way for FF too? Somehow i am using more Firefox then Chrome...



Are you sure you want to delete this post?

Lynne
Oh wow that is cool! Thanks for sharing.

Is this something you think I would ever need for blogs? How could this be useful for me as a blogger?



Are you sure you want to delete this post?

keen2write
Thank you How to build a Browser Extension for Chrome,Firefox and Opera this helps I will try this in a moment , Can I ask with if I want to make my website as an extension as I have seen some do this . Is it possible and thankyou again for the share awesome.



Are you sure you want to delete this post?