Kali ini saya akan mencoba sharing tentang cara membuat extension buat browser Google Chrome walaupun saya sendiri masih belum ngerti banget.
Saat Google Chrome pertama me-load extension, sebenarnya Google Chrome akan mencari satu file yang bernama manifest.json.
File ini berisi informasi tentang extension tersebut dalam format pertukaran data JSON (Javascript Object Notation).
Minimal sebuah extension harus menyertakan informasi berupa nama, versi, deskripsi, icon, dan file html yang akan ditampilkan.
Kira-kira seperti ini isi dari file manifest.json
{
"name": "The Target Community",
"version": "1.0",
"description": "Extension Google Chrome pertama buatan saya.",
"browser_action": {
"default_icon": "icon.png",
"popup": "index.html"
}
}
Langsung to the point aja
1. Buat sebuah folder
2. Didalam folder tersebut buat sebuah file manifest.json dan index.html (pake notepad atau gedit juga bisa).
3. Buka file manifest.json trus isi data sesuai contoh isi file manifest.json diatas.
4. Buat sebuah file icon.png di folder yang sama, ukurannya yang saya tau 19×19, ga tau kalo beda resolusi, silakan coba sendiri :D.
5. trus edit file index.html sesuai keinginan
6. Load extension seperti pada thread ini
Contoh file index.html buat percobaan aja, silakan berkreasi sendiri
<html>
<head>
<style type="text/css">
#thetarget {
width:400px; /* lebar 400 piksel */
background-color:#000000;
color:#FF8000;
font-family:tahoma;
padding:5px; /* lebar + padding (kiri,kanan) = 410 piksel */
}
</style>
</head>
<body>
<div id="thetarget">
<h1>Menu makan hari ini</h1>
<ul>
<li>Nasi</li>
<li>Tempe</li>
<li>Tahu</li>
<li>Tikus goreng</li>
</ul>
</div>
</body>
</html>
