tutorial - kaedah meletak custom search di top post entry(teratai)

assalamualaikum

^_^'

jom buat tutorial !!

anda berminat mengetahui kaedah memasang custom search ditop post anda?. seperti gambar dibawah

dapatkan custom search disini

klik pada gambar untuk lebih jelas

tahukah anda jika anda meletak custom search dibahagian atas post ini adalah memudahkan pelawat untuk mencari setiap jenis enteri anda .kerana bentuknya yang luas dan mudah dijumpai hoho.~

cara nak pasang ditop post?

1-first go to design >edit HTML >Tick Expand widget template >copy code dibawah

<span class='post-timestamp'>

2-Ctrl+F serentak paste code tadi






3-dapatx~?  ok then copy  code custom search anda dan paste diatas code yang anda cari tadi.





note : jika anda ingin letak title di custom search anda seperti  cth gambar tadi "cari disini"<--title custom search



4-copy code dibawah ini

<div style="background: #FFFFFF repeat; repeat; padding: 5px; border:2px dashed #000000; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px;"><center></center>letak isi / perkataan/HTML code</div>

note : warna merah - boleh tukar mengikut warna sesuai code color   

                                        warna ungu -  letak isi / perkataan(title anda)

5-kemudian paste diatas code custom search ok? kalau dah ,preview dahulu ..xda error terus save .siap!

credit : teratai