الزيارات: إضافة كود مربع البحث في المدونة

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

طريقة التركيب:
1- لوحة التحكم بلوجر.
2- تخطيط.
3- إضافة أداة HTML/JavaScript .
4- ضع هذا الكود في الحقل:

<style>
#search {
    width: 280px;
    padding: 0 0;
    margin: 10px 10px 10px 10px;
    height: 30px;
    background: #FFF;
    float: right;
    border: 1px solid #CFCFCF;
}
#search form {
    margin: 0 0 0 0;
    padding: 0;
}
#s {
    width: 200px;
    margin: 0 0 0 0;
    padding: 5px 5px;
    height: 16px;
    font: normal 100% &quot;
    color: #172F40;
    background: #fff;
    float: right;
    border: none;
    display: inline;
}
input#searchsubmit {
    float: left;
    display: inline;
    margin: 0 0 0 0;
    height: 30px;
    width: 70px;
    background: #B44;
    color: #fff;
    border: none;
}
</style>


<div id="search">
<form action="/search" id="searchform" method="get">
<input id="s" name="q" onblur="if(this.value==''){this.value='إبحث في الموقع'};" onfocus="if(this.value=='search site'){this.value=''};" type="text" value="">
<input id="searchsubmit" type="submit" value="إبحث">
</form>
</div>

في الاخير قم بحفظ الاداة ومبروك عليك الاضافة

 أسألكم الدعاء لي ولوالدي ولجميع المسلمين

قسم : إضافات البلوجر

بقلـــــــم شبكة عـدناني

شبكة عدناني فيها الكثير والكثير من اطيب الكلام و أجمل القصص و أروع المواضيع، نعمل جادين لتقديم ما يفيد ، ستجدون في صفحتنا خيرا كثيرا إن شاء الله : ﴿إن اصبنا فمن الله و ان اخطأنا فمن انفسنا ومن الشيطان﴾