صناديق بحث جميله لمدونات بلوجر جديد

بسم الله الرحمن الرحيم
والصلآة والسلآم على اشرف الانبياء والمرسلين سيدنا محمد عليه وعلى اله وصحبه افضل الصلآة واتم التسليم
السلآم عليكم ورحمة الله وبركاته

صناديق بحث مخصصه ومصممه بتقنيه css اضافة تجميليه لمدونتك  ,تعطيها بعضا من التنسيق والذوق ,
اشكالها جدا جميله بدون مجاملأت ..
اليوم جلبت لكم 6 صناديق , وكل صندوق يتميز عن الاخر بالوانه الجذابه..

صورة :

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

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

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

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

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

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKTnPdZJln7Vi4W6oGV-eneq3vyIa0Ss4qqygYAOgrScfq3KP7fpai0p9Y087ua2bbP5NFXm4yCWtd2lbzI-aR3S8ZU02lOMwaYGZ_Kvd3dh8EwPzwz-cbEpEp1iI0gAAxT8LBImwcQKYk/) 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/AVvXsEgr96MDjztF3P0fx81KwIrjIJvqSlIM529nv8NLzOsva2Cu3DCUj2dAy7Axw3PGHtq-rC_smQlOl9n3-6uPEUc2N5GD4dy2euVIEu1g9PRg5fma-_SCX3AMUGv1jCplVR1ToG30eMVquECl/) 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/AVvXsEhnCjfFmYahMbhTN2w956qnCzUf0ZOAk5Rk8qj7CvCfLe2rWOnfQy0Ads6P38v3-ZXyzpy_XrNdf9evW-Rv4K6OIEy4TGUBAWHZiJ-oqJa80pZwWkYCOaYxZrTpVPwBNSTJX9T4hWCJgCnO/) 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/AVvXsEh-gGoUt3g56DRRdZdql5CHDxobtlJy2HARC7X-Glc8ha9eZMko5sUXTLU-yYIx8QmUQph0Pjewqxi3ROj8UIChptlK0ocW5PkkvyTZRhyM8UPa6gPxDibt-iVJ3YKOr-KWjwTiI41QChkZ/) 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>

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

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzlaMBV49Vgefahx32Gfc6zEmX0zhE7kSJmLq7sSoSMKDi1VwW2ajp1eXbeQHOIaYbiXYROG5XrNyjKXQSXgoRHG8wOeEMNcLPjxdmANLmU9g2U8ct47iosxs3nVwPVfVoWxImGC8AGefP/) 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>

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

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAV8vLUYn8OzVhGOMA7QjyzfLRA0ZlE2PSCbJMgdFlz7AMMuY8_XmhICKHB5TnKZnbvM4Hy_jm9gZD6WCoeWEMzgPGC0CA8FVUHZ7h3qiySuCoLGIlA2qaJx5bt8Hb9d4tpADbKdKmvt04/) 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>

هذا وصل الله وسلم على نبينا محمد :)

عبدالله الحربي - من السعوديه مهتم في مجال التدوين بشكل عام وفي بلوجر بشكل خاص , اهوى تصميم القوالب وتكويدها , انشر المحتوى المفيد لي ولزوار مدونتي واعضائها , انتهى.
لا تنسى متابعتي :

عند نقلك للموضوع او نسخه , حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده , وايضاَ احتراما وتقديراَ للجهود المبذولة في المواضيع.

معلومات عن التدوينة

صورة التدوينة

عنوان التدوينة :صناديق بحث جميله لمدونات بلوجر جديد

ملخص التدوينة:

بسم الله الرحمن الرحيم والصلآة والسلآم على اشرف الانبياء والمرسلين سيدنا محمد عليه وعلى اله وصحبه افضل الصلآة واتم التسليم السلآم عليكم و...

goust

الساعه : 2013-04-05T13:27:00+03:00

تاريخ : 05‏/04‏/2013

من : المملكة العربيه السعوديه

التعليقات : 0

انشرها :

تاق :