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

IntoTheLight Level 1

1

July 3, 2016, 4:53 pm

5

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.



2.Set extension details, then click "Next"



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



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.





5.You will see this window.




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.



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.




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




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.
.


Screenshot of Extension.




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 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 Seoclerks ;)

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...

1 8 years ago

---

Select a reason you're reporting this comment Cyberbullying and Harassment Threats to Personal Safety Hate Speech Sexually Explicit Content Breach of User Privacy Illegal Service/Offer Spam Scam

Or

Submit

---

Are you sure you want to delete this post?

Delete

Post Comment

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?

0 8 years ago

---

Select a reason you're reporting this comment Cyberbullying and Harassment Threats to Personal Safety Hate Speech Sexually Explicit Content Breach of User Privacy Illegal Service/Offer Spam Scam

Or

Submit

---

Are you sure you want to delete this post?

Delete

Post Comment

keen2write

Thank you 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.

0 7 years ago

---

Select a reason you're reporting this comment Cyberbullying and Harassment Threats to Personal Safety Hate Speech Sexually Explicit Content Breach of User Privacy Illegal Service/Offer Spam Scam

Or

Submit

---

Are you sure you want to delete this post?

Delete

Post Comment

Cancel Edit