Empat Pilihan cara membuat Search engine pada Blog

Langkah pertama, seperti biasa ke menu Desain dan klik Add gadget, serta pilih HTML/Javascirpt

Cara pertama

<right><form id="searchform" action="http://bagisahabat2.blogspot.com/search" name="searchform" method="get"> <input id="s" value="" name="q" type="text" /> <input id="searchsubmit" value="CARI" type="submit" /> </form></right>

Cara kedua

<form action="http://bagisahabat2.blogspot.com/search"method="get"><input class="textinput" name="q" size="25" type="text"/><input value="Search In Blogger" class="buttonsubmit"name="submit" type="submit"/></form>

Keterangan: Bagisahabat2 = Ganti dengan alamat blog anda.

Angka “25” =Adalah panjang kotak pencarian, silahkan disesuaikan.

Search in Blogger = Nama Tampilan Tombol Pencarian.

Cara ketiga

<blockquote><form action="http://nama-blog-anda.blogspot.com/search"method="get"> <input class="textinput" name="q" size="35" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form></blockquote>

Cara ke empat :

<form action="http://www.google.com/cse" id="cse-search-box"><div><input name="cx" value="017659905183369597187:ubcoxcm0lce" type="hidden"><input name="ie" value="UTF-8" type="hidden"><input name="q" size="25" type="text"><input name="sa" value="Search" type="submit"></div></form><script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>

Jangan lupa mengganti tulisan yang di bold dengan url blog anda. Sehingga menjadi http://blogmu.blogspot.com/search

Simpan hasil kerjaan anda dan selesai

Membuat related post pada Blog dengan thumbnail selayaknya Linkwithin

Bosan dengan tampilan related post yang hanya menampilkan tulisan saja. Atau merasa bahwa performa yang diberikan oleh related post biasanya kurang menggigit. Untuk menjawab itu, anda bisa menggunakan layanan yang diberikan oleh Linkwithin. Namun bilamana mengalami kesulitan untuk memproses kinerjanya pada blog anda. Tidak ada salahnya bila anda mengikuti step-step by step penjelasan di bawah ini.

1. Pertama, masuk dulu ke halaman Edit HTML, jangan lupa memberi tanda centang pada "Expand Widget Templates" 2. Cari kode ini </head> 3. Kemudian ganti dengan kode dibawah ini <!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src=’http://blogergadgets.googlecode.com/files/relatedthumbs21.js’ type=’text/javascript’/> </b:if> <!--Related Posts with thumbnails Scripts and Styles End--> </head>

4. Sekarang cari lagi kode dibawah <div class=’post-footer-line post-footer-line-1’> Jika tidak menemukan kode diatas, coba cari kode seperti ini <p class=’post-footer-line post-footer-line-1’> Kalo sudah ketemu, tinggal masukan semua kode dibawah ini dibawah salah satu dari kode diatas yang rekan temukan. <!-- Related Posts with Thumbnails Code Start--> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <div id=’related-posts’> <b:loop values=’data:post.labels’ var=’label’> <b:if cond=’data:label.isLast != &quot;true&quot;’> </b:if> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <script expr:src=’&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;’ type=’text/javascript’/></b:if></b:loop><a href=’http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html’ style=’display:none;’>Related Posts with thumbnails for blogger</a><a href=’http://www.bloggerplugins.org/’ style=’display:none;’>blogger widgets</a> <script type=’text/javascript’> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style=’clear:both’/> </b:if> <!-- Related Posts with Thumbnails Code End-->

5. jangan lupa disimpan dah lihat hasilnya Untuk menampilkan berapa banyak jumlah related posts bisa dengan mengedit kode dibawah ini: var maxresults=5; Untuk mengganti title, kita bisa mengedit kode ini: var relatedpoststitle="Related Posts";