أبحث عن ما تريد فى المدونة قوالب إضافات وكل شئ يخص بلوجر سوف تجده على المدونة

حصريات
فوتوشوب
شروحات
إضافات
قوالب

الصفحة غير موجودة ، 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):

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

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

Mohon Aktifkan Javascript!Enable JavaScript

إتصل بنا

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