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

إعلان أدسنس

آخر المواضيع

breaking/قوالب بلوجر/9
مقالات

الثلاثاء، 29 أغسطس، 2017

2:56 م

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



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

ملاحظة : لمن يريد الأعلان في مدونتنا لمدة شهر كاامل بجمييع المقايس التي تريدها أنت فقط ب 5 دولارات 
لمن يهمه الأمر أتصال بي على حسابي على الفيسبوك من هنا



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


شرح التركيب 
سوف يكون عليك أولا البحث عن هذا الوسم ]]></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>

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

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

مقالات