404
الصفحة او الكلمة التي تبحث (ي) عنها لا يوجد ما يطابقها

الأحد، 17 أبريل، 2016

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


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


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

اولا قم بأخذ نسخة احتياطية من قالب مدونتك لنجنب حدوث اى مشكلة .

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>

وهذه هو كل شئ فى هذا الموضوع اليوم اذا واجهتك اى مشكلة فى تركيب الإضافة او تريد التعديل على اى شئ ، فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)

مواضيع أخر من المدونة

شارك الموضوع ليستفيد الجميع

هناك تعليقان (2):

جميل اخي انا كنت محتاج الى هديه الاضافة كتير شكرا عاليها

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
الأبتساماتأخفاء الأبتسامات

إتصل بنا

الإسم الكريم البريد الإلكتروني مهم الرسالة مهم
جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر