إضافة أداة البحث في المدونة

قد يحتاج زوار مدونتك الى البحث عن موضوع معين في مدونتك , لذلك يجب على المدونة أن تحتوي على أداة البحث فب المدونة. 

أداة البحث في المدونة تتيح الى زائرك البحث عن موضوعه دون مغادرة مدونتك وهذا يجعل زوارك يظلون داخل مدونتك فترات طويلة .

طريقة اضافة أداة البحث لمدونة بلوجر

1- من لوحة التحكم   >>>   تخطيط   >>>   اضافة أداة html/javascript  .

2- انسخ الكود التالي داخل الأداة :

<style>

#MBBOldSearch {

display: block;

clear: both;

margin: 10px 0;

}

#MBBOldSearch #MBBSinput {

background: url("http://2.bp.blogspot.com/-Q-Ejkmx-Ki4/Teem3RZlpqI/AAAAAAAAA40/_p6u9Xpgs7c/s20/Search-icon.png") no-repeat scroll 8px center transparent !important;

padding: 7px 15px 7px 35px !important;

color: #444;

font-weight: bold;

text-decoration: none;

border: 1px solid #D3D3D3 !important;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

-webkit-box-shadow: 1px 1px 2px #CCC inset;

-moz-box-shadow: 1px 1px 2px #CCC inset;

box-shadow: 1px 1px 2px #CCC inset;

اwidth: 52%;

}

#MBBOldSearch #MBBSsubmit {

color: #444;

font-weight: bold;

text-decoration: none;

padding: 6px 15px;

border: 1px solid #D3D3D3;

cursor: pointer;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

background: #fbfbfb;

background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));

background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );

background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

}

</style>

<div id="MBBOldSearch">

    <form action="/search">

        <input name="q" id="MBBSinput" type="text" />

        <input value="Search" id="MBBSsubmit" type="submit" />

    </form>

</div>

3- احفظ الأداة.

طريقة تعديل أداة البحث لمدونة بلوجر لتتناسب مع مدونتك

- اللون الأزرق رابط الصورة الخلفية لأداة البحث يمكنك حذفها نهائيا أو تغييرها برابط صورة أخرى من اختيارك.

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

- اللون الأخضر لضبط طول و عرض مربع'' بحث '' يمكنك تغيير القيم لتكبير أو تصغير المربع .

- اللون الأزرق الفاتح خصائص مربع ''بحث''(color لون الخط, font-weight نمط الخط ) يمكنك تغيير كود اللون ونمط الخط .
-اللون البرتقالي خصائص كلمة البحث التي يكتبها الزائر في مربع البحث (color لون الخط, font-weight نمط الخط ) يمكنك تغيير كود اللون ونمط الخط .
انتهينا من تركيب الاضافة وتعديلها ...

بقلم : زياد حلومي

اسمي زياد حلومي, من مواليد سنة 2000 , من المغرب و بالضبط من مدينة طنجة , أقطن الآن في القصر الكبير , مدون و مبرمج و مصمم و مطور بعض أنواع المواقع ومهتم بشؤون المعلوميات و أدرس حاليا في الثانية بكالوريا. و بهذا قمت بإنشاء مدونة "زياد نت" لأزودكم بمعلومات مفيدة تهتم بشؤون الحاسوب و أجهزة الإندرويد و المزيد...

شارك الموضوع

مواضيع ذات صلة