اضافة مربع البحث لمدونات بلوجر بشكل جديد من عمرو ويب

بسم الله الرحمن الرحيم والصلاة علي رسول الله سيدنا محمد صلي الله عليه وسلم أما بعد احبائئ في الله اقدم لكم اليوم موضوع جديد من مدونة عمرو ويب وانشاء الله ينال اعجابكم وهو عن اضافة مربع البحث لمدونات بلوجر بشكل جديد وحصري يمكنك معاينة الاضافة عبر الضغط هنا .والان مع طريقة تركيب الاضافة علي مدونة بلوجر

اول شيئ تقوم بدهاب الي لوحة تحكم مدونتك ثم تحرير html

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

لتحميل كود اضغط هنا

#ajax-search-form .searchbox {
border: none;
padding: 10px;
font: normal 12px tahoma;
border-radius: 0 3px 3px 0;
transition: 0.4s;
background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfUhw7481HcjcF1H6yOG9aSBk6SHtM9q-vbF0L86Enpfk6nvwpvKltqVdNGrOdBj-3bDB9EaLEvuPJDM0uIuMlIKte2-xNiue0xwP1lT4FBC1_g4RDSsOMY4c66040ssj1Gcu2SqrYiK8r/s1600/search.png) no-repeat 4%;
width: 216px;
margin: 0;
}
#ajax-search-form .searchbtn {
width: auto;
background-color: #04BCBC;
border: none;
font: normal 12px tahoma;
cursor: pointer;
padding: 10px 20px;
margin: 0 -4px 0 0;
border-radius: 3px 0 0 3px;
color: #FFF;
}
#ajax-search-form .searchbtn:hover {
background-color: #444;
}
position: relative;
font: normal normal 13px/normal Arial,Sans-Serif;
float: left;
margin-top: 28px;
padding: 11px;
}

ثم قم بدهاب الي قسم تخطيط داخل مدونة بلوجر لديك ثم اضافة اداة HTML/JavaScript ثم قم بالصق الكود تالي بداخل لتحميل كود اضغط هنا

<div id="search"><form action="/search" id="ajax-search-form"><input class="searchbox" name="q" placeholder="ابحث عن درس او دورة..." type="text"> <input class="searchbtn" type="submit" value="بحث"></form></div>

والان انتها موضوعنا اتمنا ان تكون استفدوا لا تنسا تقيمك للموضوع عبر تعليق

 وسلام عليكم ورحمته الله وبركاته