- غير معرف
- 2:54 ص
- اضافات بلوجر ، الرئيسية
- 2 تعليقات
السلام عليكم ورحمة الله وبركاتة
درس اليوم ان شاء الله جايبلكم
إضافة جديدة مربعات بحث خاصة بمدونتك
على 6 اشكال
يلا بينا نشوفهم
كيفية اضافة محرك البحث الخاص بيك الى بلوجر
الدخول إلى Blogger لوحة المعلومات -> علامة التبويب تصميم -> عناصر الصفحة.
انقر على إضافة أداة المكان الذي ترغب في وضع مربع البحث.
اختر HTML / JavaScript من القائمة.
وضع أي واحد شفرة مربع البحث في إليها وحفظ الأداة.
الشكل الاول
<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis6ZbZXFNWKauvekFbRCeoz_w_VZon6k73bqR8_c67GZsGHlC4dph0iW_NHXuOPcWPEsfkPPLoUl-CGAd6jjcKzjdxuqLqZesss5EhR7OzKiPcpxzO9h9bM2iUQ0C7410093CmeKMk3H2v/) 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 id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>
الشكل الثانى
<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPNtXJxk0AdvIF302bnJV0JgJyZoHvexj28ibMFp6Ad6mS3sh1Mnb9O_H7xIOVSsGEsHCv_-Yvr8ENoXk8Ozg1I61ke6tz6-Q_YWC4hyphenhyphensoWytRqLYRdjoOodYpkLt_oeGMIvatWn__Z5jy/) 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 id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>
الشكل الثالث
<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BCxgf__xJOSZzmMqmRUARL20nosCXD9hD0RxSqCN63SRzQiwlFtWseewPz_pHMEyPxogNCx6dy3RNA7jSovjc5OAbQdOjuN0rMBHENbttQpnbciCJQWWPWrJLA5ssHu7lQc967YNGo-7/) 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 id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>
الشكل الرابع
<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKFo2DpWDjkNFvZ2w6PXhOHsoatRMDaJXwj9XTA_SeTKKPXsANvc_dEMaYxAofUdeEiF2Kdk6o7JiD87ojNlUMKIruUasPAbZpx-50mVoSPjiwOganAmynrWWlUlRd-63tmlTVgMwmdPcr/) 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 id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>
الشكل الخامس
<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1iDuTGo8Ql7B7YmgJ8qHsdRsnT4zE1ulzKEmiH5o5y9HIKFg6MbuPBzDUOrHApsvhSlapEesSzIO-5piwOdLA6e2KbVePnPA7_Z12XXxU4ERErpaQYoPICnmTanVZ-ylEUskPwvARe8k9/) 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 id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>
الشكل السادس
<style type="text/css">#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGu7nDPhdwfBnqiuunuH5wGnGyiJuJDad_wKOTnPhN9Swe7hvtJZ3byjDegyApK7TyoZ5obetortvf_i23EjsxviaXxnEI3Jfh85EqqdMhGu8IF-XDseXhvpCclQi6TXavTdlFY6Gm74Nb/) 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 id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>
جميل جدا ولكن حاول انك تستخدم كود صورة داخل موقعك لان الصور الخارجية مو جميع الاحيان تظهر بالنسبة للي النت عدهم ضعيف او اذا كان السيرفر مشغول
ردحذفاستبدل التالي
http://lh5.googleusercontent.com/-TN5qYaRnSR4/TeixH2TVJlI/AAAAAAAAA6U/gYrDmDItWJQ/way2blogging_searchbox6.png#sthash.BFopHob0.dpuf
برابط الصورة وكمان لو حبيت تغير الشكل بالتوفيق
حااضر ييا بشمهندس تسلم على اقتراحك لتعديل الموضوع <3
حذف