1. الرئيسية
  2. اضافات بلوجر
  3. بلوجر
  4. اضافة صناديق بحث لمدونات بلوجر

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

2:15 م
بسم الله الرحمن الرحيم





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

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

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

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

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


e="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xXooQ8_6WkY_MdJk2x8REYxLwZsOnIaZahETS8eBmVqP3b6ff91CvUTSDGAxHcUYaJgL-spjQB_ZzQhwdnQw0a4vxKSmAat7itjuOlLmNIHUvyAvSeE4SvrvQ29CWg2pXgTwOWysC6qq/) 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/AVvXsEhg_2nOqRflGYPw357hcYC9lQDCzwe8pkG7KMlGwR58_TJCJLPMTccJ3MRELNsmdXMcV79riwLZ9JLNNBWGdOF_SCBAc-EdKuOxnb9lqmeoblPXccvj9EtA6-wad3zJjQwBl9lUWjoNBqlA/) 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/AVvXsEjgNDgFnO01J7I0pRCYk5E7DvDmb5WpKVXNz86pbWD3Ak0FinMErrLv13D7EpsPzfFK87nBQ0RD79tc_LcVi3kI7mU_yBi_vZ3VgAgYw-tZKivjos0nc_VoHCENYCzSvD8I5vpOnQFekiC4/) 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/AVvXsEg-ymbrbAvGSRv15puHyaE8jOnv6q0laC4Vhx20X1Zr5siJxTwiWHbdnFzyhflJg-L6YG_jJtU0UM5WYseZlYWFOKTeX_ZZvA4s2qacCOJzdQcDa43Op1x934Qrw_9TK7jyuCHbdYB9ZONs/) 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/AVvXsEgZeiiGQIGpElsKU0oNg11TjVeDBshToWxEaRf2SbO-fAvaez_Y3-uI39DcdbofjLZMjDXgxZCIvMML2LUyyjIFxkn3JN4ImO5V3dg_1YQ4Is6k-7Dg1nwIMLrpAEzxDqR-1d1Yf_ECya1y/) 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/AVvXsEgWOFqhpvc4Jne36y44xL-4OUgRxHmgN351cHkhCPnHVO_rKLcZAHaV8XsybCWpceCwn09z1Gi-xHgozmsbxMu770la08GMHVqimGHE9rncckSO6yGG1gl4uUGOEWvRQ7gm4rEAYAct30ap/) 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>
.===============================================

شارك هذا الموضوع

اشترك فى المدونة

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

0 التعليقات

الاشتراك في: تعليقات الرسالة (Atom)