كيفية اضافة مربع بحث احترافي الى مدونتك

نبدا اليوم بشرح موضوعنا
- كيفية اضافة مربع بحث احترافي الى مدونتك
كالذي الموجود بمدونتنا
الان ننتقل الى موقع
www.blogger.com
ثم نختار من القائمة على اليسار
تخطيط
ثم من المخطط نضغط على اضافة اداة
ثم نختار
HTML/JavaScript
ثم نضغط في الفراغ الاول اسم الاضافة
ثم نضغط في الفراغ التاني هذا الكود

________________________________________________________________

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvBBdHc1_KdfA2UFNzsj8QyOnNObKA348NyWCsHyTfdC9PGWTiAoK87ouFhfFiG0BKRqoT8Usrn4Y-3QTzw_C261CpT33688l34w8h_1jlce3Eir1TVgEixWMeFVr1fPjgrsBYSnT4-e43/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>
________________________________________________________________


ومن ثم حفظ ومن ثم نقوم بسحب الاضافة الى اي مكان تختاره
ونضغط حفظ الترتيب

بقلم خليل الحاج

خليل الحاج 14 سنة مدون عربي سوري مهتم بالتكنولوجيا