0

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

بسم الله الرحمن الرحيم





صناديق بحث مخصصه ومصممه بتقنيه css اضافة تجميليه لمدونتك اشكالها جدا جميله .
 

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

  • ادخل الى لوحة تحكم مدونتك في بلوجر تم التخطيط .
  • اضغط على اضافة اداة .
  •  اختر من القائمه HTML/JavaScript .
  • اختر احد هذه الصناديق التي في الاسفل والصق كودها .

.===============================================

الصندوق الاول


e="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzyLE3L81ZjqWVaC-UgsHXFsg762hFL3TFP7ZGXgVuPiFL9nSa4gE56CZqbXnK1HeoeFOI2pJIRq_EubO7xL7DWP8uplk4yI5fC-LTuUAMlH6SvsfTlDA6L-1xsN2RKJoJVGLsoZH2NisW/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form action="/search" id="w2b-searchform" method="get">
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" type="text" value="Search..." />
    <input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" />
</form>
</div>
.===============================================

الصندوق الثاني


<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAOwNUVNht_DZRjz0czoPY8dHl7Drcw5iCL3Cwcqu7OYQlY-gTlNbqPjU7yth7Wu31gTtldN8pUjlhe9O0Wc5VNnF7sMpdNTnFBh325W9NVwX7ZSRFWbvE36to08sgMJCuOUwoe8lWMxb8/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form action="/search" id="w2b-searchform" method="get">
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" type="text" value="Search..." />
    <input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" />
</form>
</div>
.===============================================

الصندوق الثالث



<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTNfPe6MIqOnrkZYIx5SJAQ_lcAprz8XkNMajwXD8UTL7dlQYe2f6EOlkr9W2KHmFPlZnWqSs2P-hnmUXZ3Q6Z-1MrKSkuLZ3aGmUT7aaRJTUN5NZi3buGHg10dDQDk7DVkJC_BJ2NBvVs/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form action="/search" id="w2b-searchform" method="get">
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" type="text" value="Search..." />
    <input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" />
</form>
</div>
.===============================================

الصندوق الرابع


e="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhitXf3u8uZyTnUzfbTjZFIf9eDI8gSgI8WQt-vVcxw1YMgYq7-31VL4lQboKak0wXzq18z7qN72rom03rMlDfZD6njTedspYDqKr5nJRNi7iDiz1qNpKCx_A2pYE5fGQGJDCOkGGe6V9UN/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form action="/search" id="w2b-searchform" method="get">
<input id="s" name="q" type="text" value="" />
    <input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" />
</form>
</div>
.===============================================

الصندوق الخامس


e="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGMGy-cOwg2o7dVUx-a4FbQv6Q_rEr5FGVSVoQtBZ0qXjPnXg_x9S3cLfXRJ38Yw3qDIrWjErEbOMEdtgKrnxbOiYFJICOyNuo4Kfl6Cp7ImzD7-Dz9To_J93RcbvhFrtFYv85a4YCRg9-/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form action="/search" id="w2b-searchform" method="get">
<input id="s" name="q" type="text" value="" />
    <input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" />
</form>
</div>
.===============================================

الصندوق السادس


e="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJkFuNl8P78BRztSKp9061Cyh6bOGKUrJeaj11bhIe_ZBEJ4lSKu0jcH184MwvH90Tjac0HqL4OlGHN2_TU9M0_f9LbkzEuDl2UNS3N5nqHz8udKYlnKefx1bJOIf7AJx1yO6DKIZ9fvSc/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form action="/search" id="w2b-searchform" method="get">
<input id="s" name="q" type="text" value="" />
    <input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" />
</form>
</div>
.===============================================

qwetq

مدونة تجيك تكنولوجي : مدونة تقنية متواضعه بها عدد كبير من المواضيع الحصرية والمثيرة فى كثير من المجالات مديرها حمزة محمد عمري 17 سنة وطنى الاردن ولكن مقيم فى مصر بلدي الثانيه اعشق التدوين والتقنية .

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

إرسال تعليق

اكتشف آخر الأعمال والخدمات التي أقدمها على خمسات
طلب خدماتى