صندوق بحث بلوجر منبثق بشكل جميل وأنيق

1- أجمل صناديق البحث
2- أكواد الجافا بسيطه
3- متوافق مع الجوال
4- يمكنك المعاينه من نفس زر بحث القالب الحالي
5- أو يمكنك المعاينه من هنا

أبحث عن b:skin أضف قبله الكواد أدناه

#search-wrapper{width:100%;margin:-45px auto;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:shownow 0.3s ease-in-out;-moz-animation:shownow 0.3s ease-in-out;animation:shownow 0.3s ease-in-out}<br />
@keyframes shownow{0%{transform:scale(0.9)}50%{transform:scale(1.01)}100%{transform:scale(1)}}<br />
#searching {<br />
margin: 0 auto;<br />
display: none;<br />
padding: 60px 0 0;<br />
width: 100%;<br />
height: 100%;<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index: 999999;<br />
-webkit-transform: translateZ(0);<br />
-ms-transform: translateZ(0);<br />
transform: translateZ(0);<br />
background: linear-gradient(45deg, #101d50f7, #a60002f2);<br />
text-align: center;<br />
-webkit-transition: all ease-in-out .25s;<br />
-moz-transition: all ease-in-out .25s;<br />
-ms-transition: all ease-in-out .25s;<br />
-o-transition: all ease-in-out .25s;<br />
transition: all ease-in-out .25s;<br />
}<br />
/*head toggle*/<br />
.head__toggle{display:block;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;padding:0 1.5rem}<br />
.head__toggle.is-active::after{content:"";position:fixed;height:100vh;width:100%;top:0;right:0;z-index:800}<br />
.toggle__icon{width:25px;position:relative;z-index:25;height:17px;cursor:pointer;display:block}<br />
.toggle__icon span:after,.toggle__icon span:before{content:""}<br />
.toggle__icon span,.toggle__icon span::after,.toggle__icon span::before{position:absolute;right:0;display:block;height:2px;width:100%;background-color:#fff;-webkit-transition:top .3s,-webkit-transform .3s;transition:top .3s,-webkit-transform .3s;transition:transform .3s,top .3s;transition:transform .3s,top .3s,-webkit-transform .3s}<br />
.toggle__icon span::before{top:-6px}<br />
.toggle__icon span::after{bottom:-6px}<br />
.toggle__icon span{top:50%;margin-top:-1px}<br />
.head__toggle.is-active .toggle__icon span{-webkit-transform:rotate(225deg) translateZ(0);transform:rotate(225deg) translateZ(0)}<br />
.head__toggle.is-active .toggle__icon span::before{opacity:0;top:0}<br />
.head__toggle.is-active .toggle__icon span::after{top:0;-webkit-transform:rotate(-90deg) translateZ(0);transform:rotate(-90deg) translateZ(0)}<br />
/*head search*/<br />
.head__search{padding:0 1.5rem;cursor:pointer}<br />
.head__search--search{padding:0}<br />
.head__search i,.head__search i::before{display:block;color:#fff;font-size:1.6rem;-webkit-transform:none;-ms-transform:none;transform:none;}<br />
.head__search--control .close--search,.head__search--control.is-active .open--search{opacity:0}<br />
.head__search--control.is-active .close--search{opacity:1}<br />
.searchbox__input{font-size:1rem;padding:.5rem 2.5rem .5rem .5rem;border-bottom:1px solid;width:100%;color:rgba(255, 255, 255, 0.24);-webkit-transition:border .2s;transition:border .2s}<br />
.searchbox__input:focus{border-width:2px;color:#fff}<br />
#searchform{position:relative;display:block;overflow:hidden;margin:0 auto;padding:0}<br />
#search{margin:10% auto 0}<br />
#search input[type=search] {<br />
width: 66%;<br />
color: #0429c6;<br />
background: none;<br />
font-size: 15px;<br />
font-weight: 400;<br />
background: #dfdfdf00;<br />
text-align: center;<br />
font-family: neo;<br />
border: 0;<br />
border: 2px solid #dfdfdf;<br />
margin: 0 auto;<br />
padding: 9px;<br />
border-radius: 50px;<br />
outline: 0;<br />
-moz-box-sizing: border-box;<br />
-webkit-box-sizing: border-box;<br />
box-sizing: border-box;<br />
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);<br />
}<br />
[type=search] {<br />
-webkit-appearance: textfield;<br />
outline-offset: -2px;<br />
}<br />
/* CSS Fixed Search Button */<br />
.icon_btn_search span {<br />
height: 50px;<br />
line-height: 50px;<br />
width: 40px;<br />
position: relative;<br />
cursor: pointer;<br />
font-size: 16px;<br />
color: #189894;<br />
float: left;<br />
z-index: 99999;<br />
}<br />
.fa-cloud-download:before {<br />
content: "\f0ed";<br />
line-height: 2.5;<br />
}<br />
#hide span.srcbutton {<br />
color: #fff;<br />
font-weight: normal;<br />
padding: 0;<br />
text-align: center;<br />
cursor: pointer;<br />
font-size: 20px;<br />
height: 35px;<br />
width: 35px;<br />
line-height: 30px;<br />
border-radius: 99em;<br />
border: 0px solid #fff;<br />
float: left;<br />
overflow: hidden;<br />
display: block;<br />
position: absolute;<br />
left: 32px;<br />
top: 0;<br />
}<br />
#search .src-btn {<br />
text-align: center;<br />
background: #dfdfdf;<br />
color: #182456;<br />
border: none;<br />
border: 2px solid #dfdfdf;<br />
border-radius: 50px;<br />
border: double;<br />
padding: 9px 11px;<br />
outline: none;<br />
font-weight: 700;<br />
font-size: 16px;<br />
margin: 100px auto 0px;<br />
cursor: pointer;<br />
}<br />
/*Search Actions*/<br />
.close--search{-webkit-transition:opacity .2s;transition:opacity .2s}<br />
.search__actions{position:relative;width:100%}<br />
.head__search--control{z-index:10}<br />
.head__search--control,.searchbox{position:absolute;top:0;left:0;height:100%}<br />
.searchbox{margin:0 1.5rem;width:1.6rem;overflow:hidden;-webkit-transition:width .3s;transition:width .3s}<br />
.searchbox.is-active{width:15rem}<br />
#search input[type=search]::-webkit-input-placeholder{color:#999}<br />
#search input[type=search]::-moz-placeholder{color:#999}<br />
#search input[type=search]:-ms-input-placeholder{color:#999}<br />
#search input[type=search]:-moz-placeholder{color:#999}<br />

أبحث عن /body أضف قبله الكود أدناه

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1501421786-widgets.js"></script><br />
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4PLbPiPxVqx823UrSGt77xWzjqSw:1562251657715';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5855641724283760122','//tuhfawebserv.blogspot.com/','5855641724283760122');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5855641724283760122', 'title': 'تحفه ويب', 'url': 'https://tuhfawebserv.blogspot.com/', 'canonicalUrl': 'https://tuhfawebserv.blogspot.com/', 'homepageUrl': 'https://tuhfawebserv.blogspot.com/', 'searchUrl': 'https://tuhfawebserv.blogspot.com/search', 'canonicalHomepageUrl': 'https://tuhfawebserv.blogspot.com/', 'blogspotFaviconUrl': 'https://tuhfawebserv.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'ar', 'localeUnderscoreDelimited': 'ar', 'languageDirection': 'rtl', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22تحفه ويب - Atom\x22 href\x3d\x22https://tuhfawebserv.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22تحفه ويب - RSS\x22 href\x3d\x22https://tuhfawebserv.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22تحفه ويب - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5855641724283760122/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-4448968483988136', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/2c5289d556d80c95', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'disableGComments': true, 'sharing': {'platforms': [{'name': 'الحصول على الرابط', 'key': 'link', 'shareMessage': 'الحصول على الرابط', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'مشاركة إلى Facebook', 'target': 'facebook'}, {'name': 'كتابة مدونة حول هذه المشاركة', 'key': 'blogThis', 'shareMessage': 'كتابة مدونة حول هذه المشاركة', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'مشاركة إلى Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'مشاركة إلى Pinterest', 'target': 'pinterest'}, {'name': 'بريد إلكتروني', 'key': 'email', 'shareMessage': 'بريد إلكتروني', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 300, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27ar\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'قراءة المزيد', 'pageType': 'index', 'pageName': '', 'pageTitle': 'تحفه ويب'}}, {'name': 'features', 'data': {'sharing_get_link_dialog': 'true', 'sharing_native': 'false'}}, {'name': 'messages', 'data': {'edit': 'تعديل', 'linkCopiedToClipboard': 'تم نسخ الرابط إلى الحافظة', 'ok': 'موافق', 'postLink': 'رابط المشاركة'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'مخصص', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'تحفه ويب', 'description': 'تحفه ويب - مدونه سودانيه تحتوي على عدد من المواضيع المهمه التي تتركز على نقاط معيّنه، هدفنا توصيل بعض الفكر والحلول التي تتماثل مع جانبك العقلي المبتكر.', 'url': 'https://tuhfawebserv.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}, {'name': 'widgets', 'data': [{'title': 'تحفه ويب (رأس الصفحة)', 'type': 'Header', 'sectionId': 'Header', 'id': 'Header1'}, {'title': '', 'type': 'HTML', 'sectionId': 'bnr', 'id': 'HTML1'}, {'title': 'رسائل المدونة الإلكترونية', 'type': 'Blog', 'sectionId': 'Blog', 'id': 'Blog1', 'posts': [{'id': '7246540762549022266', 'title': 'تحميل لانشر آيفون إكس Launcher i phone x ', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpbP6G4WSvhyphenhyphenafxoyohl6_CaJMe_WPYnWDqwKvcSQWfB86HkvU3h-f7DKxF93QCOfFUPbLcVCclot_9vjtq3kJUrV_BPb8lwMAIAmXpCBXAdQ9kaRaXsEtFtysDwuCOkncrNiL3CmWGwE/s640/11.jpg', 'showInlineAds': false}, {'id': '966378837588595675', 'title': 'وضع إعلان أدسنس جانب الموقع بشكل ثابت', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFlWGiu2aTz0tSXqV5ahaRNROJH3oszdXk3_hp7OLdDDW_SIX54k8sfTjnq0kaHgmcH7W_4iHCV860WkChdeP7GCfWPiosC-AJx7p0LvphvNavmt-3ag25BVTJCIK5BZUEOyZh3dYL-XE/s640/27835928_1980664458838993_687242576_o.jpg', 'showInlineAds': false}, {'id': '7939967234632826023', 'title': 'تحميل قالب Lyricist معرب', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwkT2nw90qQtrKu9jDlKDnoMeASNmWwzUrbygfRVVCr3WGCtBaYkjjw0sJTQeVglhWZXctUgiHtMpxPTOrlh7i_jkTQqCTbm-T2DfLiwcgbDfcWTQ28LQXHkux0Ri9p0-ScwAa9-jh6ww/s640/%25D8%25A8%25D8%25AF%25D9%2588%25D9%2586+%25D8%25B9%25D9%2586%25D9%2588%25D8%25A7%25D9%2586.png', 'showInlineAds': false}, {'id': '1951127778740915511', 'title': 'طريقة تحديث هواوي نوفا 3e إلى أندرويد \x279 ', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYeu0eweuQUCL3IUbjGAD1x4fwT2-xdWxZJyhTdYapIi701cum6gavuIoAmeCU3u3rXatLTLICCqNbazA3Y-mBoO1reoGBGxblqcZDR8_nHiHS3rWrvbTqNc01Wp8gnAo-FeZeRi5SPCo/s640/65012168_892564604412686_1213163579188969472_n+%25281%2529.jpg', 'showInlineAds': false}, {'id': '3840030641252169914', 'title': 'تحميل تطبيق بي سايفون للأندرويد', 'featuredImage': 'https://blogger.googleusercontent.com/img/proxy/AVvXsEgb3z4-qYSZEfAtNte8cLHDvPf8BLwDKZ0CEuBhYdCtgbjRMwkzGbrmfPNZ9K9OQsRdlADhH-yuLBPmnIKbBM1YB61HU5Z_8zP9leQaV8RyDZXgnggT1-6OsJGz8q3SBkcZbRDUJn5sut52ER8WP_piWf2JaSmBzzksFSRP018BHTGgH8o=', 'showInlineAds': false}, {'id': '7846294078047439464', 'title': 'تطبيق لتسجيل الفيديو بالكاميرا والشاشه مغلقة وبجوده عاليه', 'featuredImage': 'https://blogger.googleusercontent.com/img/proxy/AVvXsEinUFLmcHQl4KmQJ3nI2R5dkQKZFzBe2OxoiRJaFOdx8e3dqlDCJLYrjyVQFNfapmUQRDdMGimOEaGZUXNro2lWZXnue5d2tjs0iZgeRADvG5RT-3UHUk6rMwyn8EFsVCxrgXqgpcaPqn8oFAaHizA1fD_K0qjBkavTomJi8OBcMFFA4g9RgLkjvIF0YSAfXU9Gd0185Iq3Fu2HPsCgiUmqnmX_OhdOX8xN6QRF-nTHJ02fnQ=', 'showInlineAds': false}, {'id': '758041064525980493', 'title': 'تحميل قالب SBT Movie معرب', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBm0vDs03XS6jgt2e9puijGtNEvhtLOCtNYoYQUt5XRwy85Du1S95L0OJ4Gj81CZ0gjLm52v-h_c8dZVgBGUL7RSIQiyd3I57SsL4hthvJtHhu_YIg4qkUbH-MDeEqztadaqAyF6oUmYE/s640/%25D8%25A8%25D8%25AF%25D9%2588%25D9%2586+%25D8%25B9%25D9%2586%25D9%2588%25D8%25A7%25D9%2586.png', 'showInlineAds': false}, {'id': '8198674686072238985', 'title': 'تحميل تطبيق وبرنامج Turbo VPN للأندرويد مباشر', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQWJVYQ93lVkcTTMvEJiqgtHt-Ims5EDWqyZtyXqvyEr1ehEOd2b7QmVjLIz0RIZql10aOrQG-t9uOhQmhd5wM9CGc0-ohOtA8ujP82EbhJLjQckhq7qhuFM8n48hRRV_6u92cND_e7Ic/s640/urbu.jpg', 'showInlineAds': false}, {'id': '7033165350437327299', 'title': 'أفضل 10 قوالب بلوجر لسنة 2018', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrRiMA3HJJlWE6WFzBIFDhbPvCx8ipIG6TNt-MHVj6eo2d7XmNuHvwisgYzvrrOKNn5BshnXY0_k02et39onDhqj8LVa56Zvx_LknA8Y4C8yTFK5OiAUFVUnICE7O7fdRZAPBL2aZI-Bg/s640/85a414be-4655-494d-aba7-10c4d4ee8f59.jpg', 'showInlineAds': false}, {'id': '4644583705087982297', 'title': 'صندوق أتصل بنا بزر إرسال ومسح', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt2T3anRe4asjgNSnEpdjSBVFAEeuGfJNvL45LZdDLkCnHBlCZSxoIF9U9CRhZ01vhajp0g3bzRWas4SoPFcmNcXs23lVPSME9OiaaeHAuCyzuXinHDIiM8hrnmW6Aox1aAg0Q4I9hzZs/s640/681.jpg', 'showInlineAds': false}, {'id': '1438440424272407252', 'title': 'تحميل Share it للأندرويد', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIKeQT2a44z24iC3hnrBoqeuFn2GA8JChTWT0OQok7akqAhBr4EqCd1F40GQ9X8XBIO1kOSHASZojUoPivDTD1vMrv1ocWApjMvvXEMWitrQmt1SGbHA0nFg2eLh5nMODMyxZII9A8Mxg/s640/share-it.jpg', 'showInlineAds': false}, {'id': '4976199497286819010', 'title': 'رواية الشلابه كامله pdf', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE8GZ87NcDEUOcvVENycmoosjIEBrPXzmSQ5wfFWB_SnU4lFBUaPT0czchN7vnvxUk8pI4RdqiveEjBbT27ZrSLKryFAtu1tS1nH6gDy__3EWigwngcv3BrL0I-YxB-0rRfNd38Fzpox0/s640/%25D8%25B4%25D9%2584%25D8%25A7%25D8%25A8%25D9%2587.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'a la/s'}, {'name': 'comments', 'label': 'comments'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'a la/s'}, {'name': 'comments', 'label': 'comments'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': 'المواضيع الشائعه', 'type': 'PopularPosts', 'sectionId': 'General', 'id': 'PopularPosts10', 'posts': [{'title': 'تحميل واتساب سوداني آخر إصدار 2019 نسخه 6.40 حجم 25MB', 'id': '9093286437947367340'}, {'title': 'تحميل لعبة Euro Truck Driver مهكره للأندرويد', 'id': '5586690632439271058'}, {'title': 'تحميل لعبة Asphalt Nitro مهكّره آخر إصدار', 'id': '3508111074982170910'}, {'title': 'إضافة وتمكين ملف تعريف الإرتباط  cookies', 'id': '3018339165425952261'}, {'title': 'طريقة حماية بروفايلك في فيسبوك بإضافة درع', 'id': '6214039462734182392'}, {'title': 'تحميل لعبة Dream League Soccer 2018 مهكره مع تغيير شعار الفريق', 'id': '3481429510955243877'}, {'title': 'تحميل لعبة Zombie Safari مهكره للأندرويد', 'id': '6270292213669503156'}, {'title': 'تحميل لعبة fifa 2014 للأندرويد برابط مباشر', 'id': '7703424871039234752'}]}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'Header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'bnr', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'Blog', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2258619758-lbx__ar.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/368954415-lightbox_bundle_rtl.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'General', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
</script><br />

يمكنك وضع الكود الأسفل في المكان التي تريد أن تظهر فيه أيقونة البحث

<div class='search__actions'>
<div id='searching'>
<div class='search-wrapper' id='search-wrapper'>
<div id='searchform'>
<div id='hide'>
<span class='srcbutton' href='javascript:void(0)' onclick='document.getElementById('searching').style.display='none';document.getElementById('hide').style.display='none';document.getElementById('show').style.display='block''><i aria-hidden='true' class='fa fa-times'></i></span></div>
<form action='/search' id='search'>
<input name='cof' type='hidden' value='FORID:10'/><br />
<input name='ie' type='hidden' value='ISO-8859-1'/><br />
<input class='src-form' name='q' placeholder='أكتب كلمة البحث هنا ..' required='required' type='search'/><br />
<button class='src-btn' title='بحث داخل المدونه' type='submit'><i class='fa fa-search'></i></button><br />
</form>
</div>
</div>
</div>
<br />
<div class='wrapper-search' id='wrapper-search'>
<div class='icon_btn_search'>
<div id='show'>
<span class='srcbutton' href='javascript:void(0)' onclick='document.getElementById('searching').style.display='block';document.getElementById('hide').style.display='block''><i aria-hidden='true' class='fa fa-search'></i></span></div>
</div>
</div>
</div>

3 تعليقات

maher23 نوفمبر, 2019
شكرا لك اضافة صندوق بحث مميز

و لكن عند وضع الكود الثالث بالمكان اللذي اريده و عند الحفظ تظهر هذه الرسالة

حدث خطأ أثناء تحليل XML، في السطر 1373، العمود 85: Element type "span" must be followed by either attribute specifications, ">" or "/>".

هل يمكن التاكد من الكود ان كان به خطا و شكرا
ردحذف
الردود
maher01 مارس, 2020
شكرا لك على الرد و لكن لم يظهر مثل الموجود بالقالب الخاص بك

هل يمكن تجربته على قالب اخر من عندك و ما هو الخطا
ردحذف
الردود

إضافة تعليق