Cara Membuat From Search Blog Menjadi Search Google Valid HTML5



Hallo sobat blogger ketemu lagi dengan saya di blog ini, kalian pernah coba search di blog ini dan mengarah ke google search nah untuk tutorial ini saya akan memberikan nih Cara Membuat From Search Blog Menjadi Search Google.

Tapi untuk search kali ini untuk valid HTML5 karena tutorial ini juga saya dapat dari blog bungfrangki ini dia urlnya www.bungfrangki.com/2017/09/pencarian-form-search-blog-muncul-di-google.html jika kalian mengetik beberapa kata di kolom pencarian maka akan mengarah ke google.

Untuk demo sendiri saya tidak memberikan demo kalian langsung aja ketik beberapa kalimat di kolom search blog ini dan lihat hasilnya.

Gimana menarik bukan?? 
Bagaimana caranya??  Simak artikel ini sampai selesai ok.  . . . .

Cara Membuatnya?

Kalau kalian sudah tau paham tentang HTML kalian pasti tidak sulit untuk menaruh script ini di blog kalian ini dia scriptnya :
<div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WebSite'>
<link expr:href='data:blog.homepageUrl' itemprop='url'/>
<form action='https://www.google.com/search' id='search-wrapper' itemprop='potentialAction' itemscope='itemscope' itemtype='http://schema.org/SearchAction' method='get' target='_blank'>
<meta content='https://www.google.com/search?q={q}' itemprop='target'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input class='search-form' itemprop='query-input' name='q' placeholder='Search here...' required='required' type='search'/>
<input expr:value='data:blog.homepageUrl' name='as_sitesearch' type='hidden'/>
<button class='search-button' title='Search' type='submit'SEARCH</button>
</form></div>

Kode di atas tidak semua di masukan di template kalian cukup perhatikan susunan from search yang harus di pasang di blog sesuikan class dan id di blog kalian supaya menjadi search from blog kalian. 

Jika kalian menggunakan kode di atas kalian tidak usah mengganti css di blog kalian gimana seru kan selamat mencoba. 

Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser