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

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

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

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

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>