How To Add Search Box Widget In Blogger In Hindi/Urdu

Welcome Back Friends umeed karta hoo ap sub bilkul thek hoo ge


Ye tutorial blogger blog me search box add karne ke mutaliq hai.Search Box widget kya hai,Iss ka kya faida hai  aur iss ko kese add karte he wo me neeche step wise bta rha hoo ap post ke end pe video bhi check kar sakte he



What Is Search Box Widget:

Search Box Widget blog me aik box hota hai jis me ap apni marzi ki post search kar sakte he maslan meri blog me jo search box add hai uss ki help se ap meri site pe di gai koi bhi post search kar sakte he. Agar apko abhi tuk pta ni chala keh search box widget kya hai to ap ko me neeche jo image de rha hoo iss se apko 100% pta chul jaye ga

Why We Add Search Box Widget In Blog:

Search box widget ko blog me iss lye add kia jata hai taa keh agar koi visitors hamari blog pe ata hai aur uss ko koi post na mil rhi hoo to wo serach box me apni post likh ke search kar sakta hai.Agar search box widget hamari blog pe ni ho ga to visitor ko post find karne me mushkil ho gi aur wo apki site se chala jaye ga aur iss se apki blog ke 50% visitors apki blog ko chor kar kisi dosre ki blog pe chala jaye ga.Iss ke ilawa search box add karne se apki blog website ki tarah nazar ati hai aur apki blog beautiful bhi nazar ati hai

How To Add Search Box Widget:

Post ke end pe ap video tutorial bhi check kar sakte he

1. Sub se pehle blogger.com pe jaye aur layout ko select kre

2. Ab jha bhi apko search box add karna hai wha add a gadget pe click kre me ne right side pe karna hai so me iss ke neeche add a gadget pe click kro ga

3. is ke bad aik pop up window open ho gi wha html java script pe click kre

4. Title ko khali rehne de ya search topics likh de aur content me ye code paste kre


<style>#searchbox { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLUKzwQ3hoE036yGrZOeGPibWvtsFLxrOpu673DZvRqXnmr2qtALYogaxv4hphRBL_-QFTu71O4QDy7ROoOvMxl8OFkoLZD8Zct1J1iYqJ3ircOhYUkQrVQe-VNWd0DctJqYH5s8dDbNAi/s1600/search-box.png) no-repeat; height: 27px; width: 202px; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } #searchbox input { outline: none; } #searchbox input[type="text"] { background: transparent; margin: 0px 0px 0px 12px; padding: 5px 0px 5px 0px; border-width: 0px; font-family: "Arial Narrow", Arial, sans-serif; font-size: 12px; font-style: italic; width: 77%; color: #828282; display: inline-table; vertical-align: top; } #button-submit { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDTnCWHa3nf2UUVRVZokCN7U-v4b_5FwhB-F4DcJz-S5cx2L1vS8G4BKQQNOKgMO9L7KlcznbSNfqcJlYc_lf1n8L_8CCeyArTRXLck42wfvtjVrpgRMedgjTawKxiEYacoc68AWwAX6aT/s1600/search-button.png) no-repeat; border-width: 0px; cursor: pointer; width: 30px; height: 25px; } #button-submit:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7UHv-G5COk7X7bovfcaAPZqUklSfaGkaaDj-HVAXvqZliuhIakumHivxCETQCqEZS0ogw7sQsKFF6JIoV86qmOw6XHJ6_ViZT2zuYJ2rHB_r0kSCYfiFWzWHqRYTbMucg3m-EWXHzGWHa/s1600/search-button-hover.png) no-repeat; } #button-submit::-moz-focus-inner { border: 0; } </style> <form id="searchbox" method="get" action="/search" autocomplete="off"> <input name="q" type="text" size="15" placeholder="search..." /><input id="button-submit" type="submit" value="" /></form>



5. Code paste karne ke bad save pe click kre

6. Now you can see search box widget

                               Click Here To Watch Video