موضوع جديد على مدونة عالم المدون وهو موضوع عن محرك بحث احترافى لمدونات بلوجر ومحرك البحث هذا سريع فى استعماله وخفيف ويمكنك وضعه فى المكان الذى ترثيده داخل مدونتك ويمكنك معاينة محرك البحث من الرابط التالى .
تركيب الإضافة
اولا قم بأخذ نسخة احتياطية من قالب مدونتك لنجنب حدوث اى مشكلة .
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>وهذه هو كل شئ فى هذا الموضوع اليوم اذا واجهتك اى مشكلة فى تركيب الإضافة او تريد التعديل على اى شئ ، فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)
ليست هناك تعليقات:
إرسال تعليق