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

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

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

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

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 نمط الخط) يمكنك تغيير كود اللون ونمط الخط .
انتهينا من تركيب الاضافة وتعديلها ...
من فضلك شارك هذا الموضوع اذا اعجبك

ضع تعليقا أخي الكريم

ليست هناك تعليقات :

جميع الحقوق محفوظة علم قلبى ©2012-2013 | ، نقل بدون تصريح ممنوع . Privacy-Policy | أنضم ألى فريق التدوين