Cara Menciptakan Pencarian Blog Mengarah Ke Pencarian Google
Cara Membuat Pencarian Blog Mengarah ke Pencarian Google - Pencarian mengarah ke google terlebih dahulu hehe manis nih untuk meningkatkan Sumber Lalu Lintas pencarian google hehehe bener nggak sob?..
Kaprikornus gini ketika pengunjung mencari artikel sobat, kan pengunjung mencari tuh di pencarian blog nah ketika pengunjung mencari akan ke redirect dulu pencariannya ke google nah otomatis menambah Sumber Lalu Lintas dari google iya kan bener kan hehehe
kalau minat, Oke eksklusif saja ke tutorialnya.
Baca Juga : 20 Cara Paling Efektif Menurunkan Bounce Rate Pada Blog
Cara Membuat Pencarian Blog Mengarah ke Pencarian Google
Pertama sahabat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy instruksi CSS dibawah ini dan pastekan sempurna di atas ]]></b:skin> atau </style>
/* Search Navigation */ #search{position:relative;background:rgba(255,255,255,0.99);transform:translate(0px,-100%) scale(0,0);opacity:0;display:none;transition:all .5s} #search .container{position:absolute;left:0;right:0;top:-53px;margin:auto;text-align:center;z-index:9;overflow:hidden;max-width:970px;padding:0} #searchform{background:#fafafa;display:block;position:relative} #search.open{transform:translate(0,0) scale(1,1);opacity:1;z-index:106;display:block} #search input[type="search"]{display:block;color:#888;float:left;width:95%;font-size:16px;font-weight:400;padding:17px 0;text-indent:20px;background:transparent;border:0;outline:0;transition:.35s} #search input[type="search"]::-webkit-input-placeholder{color:#888} #search input[type="search"]::-moz-placeholder{color:#888} #search input[type="search"]:-ms-input-placeholder{color:#888} #search input[type="search"]:-moz-placeholder{color:#888} #search input[type="search"]:focus{color:#222} #search input[type="search"]::-ms-clear{display:none} #search input[type="search"]::-webkit-search-decoration,#search input[type="search"]::-webkit-search-cancel-button,#search input[type="search"]::-webkit-search-results-button,#search input[type="search"]::-webkit-search-results-decoration{display:none} .search-icon{background:#222;color:#fff;position:absolute;top:0;right:10px;bottom:0;padding:8px 24px;cursor:pointer;overflow:hidden;font-size:18px;text-align:center;line-height:2;z-index:2;box-shadow:inset 0 5px 5px rgba(0,0,0,0.1);border-top:4px solid #01a3a4} .search-icon:hover{background:#151515;color:#fff} .search-icon i.fa.fa-search{z-index:2;position:relative} .search-close{display:block;float:right;padding:8px 24px;color:#888;outline:0;position:absolute;top:0;right:0;bottom:0;cursor:pointer;text-align:center;font-size:20px;line-height:2;transition:all .3s} .search-close:hover{color:#222} @media screen and (max-width:640px){#search input[type="search"]{width:80%}}Setelah sahabat sudah memasang instruksi CSS diatas kini saatnya memasang instruksi HTMLnya copy instruksi dibawah ini pastekan sesuai yang sahabat mau.
<a class='search-icon ripplelink'><i class='fa fa-search'/></a><div id='search'> <div class='container'> <form action='https://google.com/search' class='ripplelink' id='searchform' method='get' role='search' target='_blank'> <input name='q' oninput='setCustomValidity('')' oninvalid='this.setCustomValidity('Please fill out this field')' placeholder='Press Enter to Search...' required='' type='search'/> <input name='domains' type='hidden' value='triksimple.com'/> <input name='sitesearch' type='hidden' value='triksimple.com'/> <span class='search-close'>✖</span> </form> </div> </div>Ganti triksimple.com dengan link alamat blog sobat.
Jika sahabat tidak ingin memakai CSS diatas ingin memakai CSS bawaan template sahabat juga dapat sob tinggal tambahkan instruksi dibawah ini di instruksi HTML Searchnya.
<input name='domains' type='hidden' value='triksimple.com'/> <input name='sitesearch' type='hidden' value='triksimple.com'/>Praktis bukan sob kalau mau lihat demonya sudah aku terapkan di blog ini.
Baca Juga : Cara Membuat Table of Contents (TOC) pada Postingan Blog
Oke sekian yang dapat aku jelaskan tentang Cara Membuat Pencarian Blog Mengarah ke Pencarian Google Terima Kasih yang sudah berkunjung biar bermanfaat bagi kalian semua.