Creating a simple Chrome extension is a fantastic way to quickly access Bhutan Teer results right from your browser. In this guide, we’ll create an extension that displays the latest Bhutan Teer results from bhutanteerresult.net.
How to Build a Chrome Extension for Bhutan Teer Results
Creating a simple Chrome extension is a fantastic way to quickly access Bhutan Teer results right from your browser. In this guide, we’ll create an extension that displays the latest Bhutan Teer results from bhutanteerresult.net.
Overview
The extension will feature:
- A popup that displays "Bhutan Teer Result."
- A link to the official results website.
- A basic structure with HTML, CSS, and JavaScript.
Step 1: Setting Up the Manifest File
The manifest.json is the heart of every Chrome extension. It defines metadata, permissions, and functionality.
{
"manifest_version": 3,
"name": "Bhutan Teer Result",
"version": "1.0",
"description": "Quickly view the latest Bhutan Teer results fetched from bhutanteerresult.net.",
"permissions": [],
"icons": {
"48": "icon48.png",
"128": "icon128.png"
},
"action": {
"default_popup": "popup.html",
"default_icon": {
"48": "icon48.png"
}
}
}
Explanation
manifest_version: Specifies the version of the Chrome extension API.
name: The name of the extension.
version: The extension version.
default_popup: Points to the HTML file for the popup.
Step 2: Creating the Popup
The popup.htmlfile will contain the layout displayed when the extension icon is clicked.
popup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bhutan Teer Result</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1>Bhutan Teer Result</h1>
<p>View the latest results from:</p>
<a href="https://bhutanteerresult.net/" target="_blank">bhutanteerresult.net</a>
</div>
</body>
</html>
This above article is just a basic overview of how to create Bhutan Teer results extension. For latest teer result check out them and their updated extension on Google extension store
Top comments (0)