Membuat Opensearch Untuk Blogspot
Daftar Isi [Lihat]
Membuat opensearch untuk blogspot, kali ini kita akan membahas cara membuat opensearch untuk blogspot
Opensearch adalah semacam plugin pencarian pada web/blog.Dengan membuat opensearch untuk disematkan di blogspot, tujuannya adalah agar pengunjung bisa melakukan pencarian pada situs yang dimaksud tanpa mengunjungi situs tersebut dengan syarat, situs tersebut sebelumnya sudah ditambahkan dalam daftar pencarian yang ada dalam browser itu, semisal mozilla firefox (tab pencarian pojok kanan atas).
Kali ini kita juga akan mencoba membantu membuat opensearch untuk ditanamkan pada blogspot, karena default templatenya tidak tertanam opensearch
Adapun cara untuk menambahkan pencarian pada browser (opensearch) adalah seperti gambar dibawah, klik pada situs yang dikehendaki dan untuk selanjutnya kita bisa melakukan pencarian tanpa membuka lagi situs/blog tersebut.
 |
| Membuat Opensearch Untuk Blogspot |
Membuat Opensearch Untuk Blogspot
 |
| Membuat Opensearch Untuk Blogspot |
Beberapa website yang sudah tertanam plugin opensearch adalah seperti youtube, google, yahoo, wikipedia dan sebagainya.
Dan juga, opensearch ini sudah tertanam di wordpress, bila sobat sudah menggunakan wordpress maka tak perlu lagi untuk membuat opensearch ini.
Mari memulai..
Tulis kode ini pada notepad dan simpan dengan nama opensearch.xml (ekstensi file yang semula .txt harus menjadi .xml)
<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>Romli NET</ShortName>
<LongName>Search on Romli.NET</LongName>
<Description>Search content from blog posts at Romli.NET</Description>
<Image type="http://www.romli.net/favicon.ico" height="16" width="16">image/x-icon</Image>
<Developer>Automattic</Developer>
<Url type="application/atom+xml" template="http://www.romli.net/search?q={searchTerms}&feed=atom"/>
<Url type="application/rss+xml" template="http://www.romli.net/search?q={searchTerms}&feed=rss2"/>
<Url type="text/html" template="http://www.romli.net/search?q={searchTerms}" method="GET" />
<Url type="application/opensearchdescription+xml" rel="self" template="URL FILE" />
</OpenSearchDescription>
*ganti tulisan yang berwarna biru sesuai blog sobat, dan biarkan URL FILE (karena kita akan mengeditnya setelah ter upload)<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>Romli NET</ShortName>
<LongName>Search on Romli.NET</LongName>
<Description>Search content from blog posts at Romli.NET</Description>
<Image type="http://www.romli.net/favicon.ico" height="16" width="16">image/x-icon</Image>
<Developer>Automattic</Developer>
<Url type="application/atom+xml" template="http://www.romli.net/search?q={searchTerms}&feed=atom"/>
<Url type="application/rss+xml" template="http://www.romli.net/search?q={searchTerms}&feed=rss2"/>
<Url type="text/html" template="http://www.romli.net/search?q={searchTerms}" method="GET" />
<Url type="application/opensearchdescription+xml" rel="self" template="URL FILE" />
</OpenSearchDescription>
Lalu upload ke
Setelah selesai upload, copy link-nya'.
Lalu edit file opensearch.xml tadi dan paste-kan linknya tadi pada "URL FILE"
Hingga menjadi, misalnya:
<Url type="application/opensearchdescription+xml" rel="self" template="https://raw.githack.com/cakromli/bloggerkauman/main/opensearch.xml" />
</OpenSearchDescription>
Pada tahap ini, sobat telah berhasil meng-upload file opensearch.xml pada host google.</OpenSearchDescription>
Selanjutnya, edit template pada blogger dan buat meta opensearch pada meta header,
Kodenya seperti ini:
<link href='URL FILE OPENSEARCH.XML tadi' rel='search' title='Romli NET' type='application/opensearchdescription+xml'/>
Lalu simpan template.
Coba buka blog sobat melalui mozilla dan temukan open search disana.
Mudah bukan?
Semoga artikel tentang cara membuat opensearch untuk blogspot ini bermanfaat bagi blogger semua..
Membuat opensearch untuk blogspot, Membuat Plugin OpenSeach Untuk Blogger, Membuat OpenSearch Plugin Sendiri untuk Website, Membuat Plugin OpenSeach Untuk Website / Blogger / Blogspot
Kalau upload di javascript bisa kagak ya?
ReplyDeleteKalau untuk wordpess apa kode scriptnya sama sprti yg diatas mas?
ReplyDeleteMakasih gan informasinya, saya mau terapkan di blog aurealisa.blogspot.com
ReplyDelete