اضافة محرك بحث احترافي للبلوجر

اهلا بجميع زوار ومتابعي مدونة اللامي www.mustafa1.com في موضوع جديد على المدونة هو موضوع عن محرك بحث احترافى لمدونات بلوجر ومحرك البحث هذا سريع فى استعماله وخفيف ويمكنك وضعه فى المكان الذى تريده داخل مدونتك ويمكنك معاينة محرك البحث كما في الصورة اعلاه فهو محرك بحث للبلوجر جميل جدا وبسيط في الاستعمال ولايسبب في ثقل المدونة .



تركيب الإضافة :

اولا قم بأخذ نسخة احتياطية من قالب مدونتك لنجنب حدوث اى مشكلة .
1- قم بالبحث عن الوسم ]]></b:skin> ثم قم بوضع فوقه الكود التالى ( قبله )

fieldset {position: relative;display: inline-block;padding: 0 0 0 40px;background: #fff;border: none;border-radius: 5px;border: 1px solid #E83636;float: left;} input,button {position: relative;width: 200px;height: 50px;padding: 0;display: inline-block;float: left;} input {color: #666;z-index: 2;border: 0 none;} input:focus {outline: 0 none;} input:focus + button { background: #E83636;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} input:focus + button .fa {-webkit-transform: translate(0px, 0);-ms-transform: translate(0px, 0);transform: translate(0px, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;color: #fff;} button {background: #E83636;z-index: 1;width: 50px;border: 0 none;background: #ceb980;cursor: pointer;border-radius: 0 5px 5px 0; -webkit-transform: translate(-50px, 0);-ms-transform: translate(-50px, 0);transform: translate(-50px, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} .fa-search {font-size: 1.4rem;color: #29abe2;z-index: 3;top: 25%;-webkit-transform: translate(-190px, 0);-ms-transform: translate(-190px, 0);transform: translate(-190px, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} input[type="search"] {border-left: 1px solid #E83636;}

2- الكود التالى هو الخاص بأظهار الإضافة تم وضعه فى المكان الذى تريده فى مدونتك .

<form><fieldset><input type='search'/><button type='submit'><i class='fa fa-search'/></button></fieldset></form>

شارك الموضوع ..