حصريا محرك بحث مدونة المحترف 2017 الاحترافى لمدونات بلوجر

محرك بحث احرتفى جدا وجديد فى تصميمه لمدونات بلوجر وهو الذى يعمل على مدونة المحترف اقدمه لكم اليوم ويمكنك الحصول على قالب المحترف كامل بشكل حصرى من على مدونة عالم المدون فقط ، ويمكنك معاينة منه محرك البحث قبل تركيبه على مدونتك وبالتأكيد الكثيرون من متابعى مدونة المحترف سوف يعرفون محرك البحث هذا.

من اهم مميزات محرك البحث هذا أنه يعمل بصحة كامله بزر لفتح صفحة كامله ونفس الزر لغلق هذه الصفحة ويمكنك أستخدمه فى أى مجال كانت به مدونتك نمر الان لشرح التركيب.

حصريا محرك بحث مدونة المحترف 2017 الاحترافى لمدونات بلوجر

معاينة وتحميل أكواد الإضافة

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

معاينة تحميل الأكواد  

صورة من الإضافة

شرح التركيب

• سوف يكون عليك أولا البحث عن هذا الوسم]]></b:skin>ثم تقوم بوضع الكود التالى فوقه.

.search{background:#ff8400;padding:0 5px;display:block;float:right}
.search a.search-btn{padding:0 13px;line-height:60px;color:#fff;font-size:14px;display:block}
a.search-btn i{font-size:16px}
.elprof-srch{font-family:elprof-font;right:0;bottom:0;position:fixed;z-index:99999999999999999999;left:0;top:0;width:100%;height:100%;transform:translate(0,100%);transition:all 0.5s ease-in-out;opacity:0;background:#fff}
input.input-search{border:0;font-family:treexil;background-color:#f6f6f6;box-shadow:0 0 5px 0 rgba(0,0,0,0.11);width:400px;display:inline-block;padding:0 7px;color:#656565;font-size:15px}
.search-elprof{top:40%;position:absolute;width:100%;text-align:center}
i.fa.fa-times.elprof-close{position:absolute;right:3%;top:3%;font-size:27px;color:#ff8400;cursor:pointer}
.search-elprof span{font-family:treexil;display:block;margin-bottom:10px;color:#656565;font-size:15px}

• الأن أبحث عن هذا الوسم</body>ثم قم وبوضع الكود التالى فوقه.

<script>
$(document).ready(function() {
$(&quot;.elprof-btn-srch&quot;).click(function(){
$(&quot;.elprof-srch&quot;).css({
opacity: &quot;1&quot;,
transform: &quot;translate(0 , 0)&quot;
})
});
$(&quot;.elprof-close&quot;).click(function(){
$(&quot;.elprof-srch&quot;).css({
opacity: &quot;0&quot;,
transform: &quot;translate(0 , 100%)&quot;
}) 
});
});
</script>

• بعد ذلك أبحث عن هذا الوسم<bodyثم قم بوضع الكود التالى أسفله.

<div class='elprof-srch'>
<i aria-hidden='true' class='fa fa-times elprof-close'/>
<div class='search-elprof'>
<span>اكتب ما تود البحت عنه و اضغط Enter</span>
<div class='form-srch' style='display: block;'>
<form action='/search' id='searchbox' method='get'>
<input class='input-search' name='q' placeholder='البحث ...' size='15' type='text'/>
</form></div></div></div>

• الأن مع أخر كود وهذا الكود سوف تقوم بوضع فى المكان الذى تريده فى مدونتك واذا لم تعرف المكان الذى تريده وضعه به يمكنك وضع رابط مدونتك فى تعليق لاخبرك بالمكان الذى سوف تضع به الكود.

<li class='search'>
         <a class='search-btn' href='javascript:void(0);'>
         <i class='icon-search fa fa-search elprof-btn-srch'/></a>
       </li>

• بعد ذلك سوف تقوم بحفظ القالب ومبروك عليك محرك البحث الجديد فى مدونتك.

هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .