said
11-01-2013, بتوقيت غرينيتش 08:19 AM
السلام عليكم ورحمة الله وبركاتة
درس مفصل اليوم ان شاء الله جايبلكم
إضافة جديدة مربعات بحث خاصة بمدونتك
على 6 اشكال
http://3.bp.blogspot.com/-hHvQtGfX0-k/UjZSmJP18sI/AAAAAAAAAkc/KsUgIza9qmc/s1600/%D8%B3%D9%8A%D8%A8.jpg (http://3.bp.blogspot.com/-hHvQtGfX0-k/UjZSmJP18sI/AAAAAAAAAkc/KsUgIza9qmc/s1600/%D8%B3%D9%8A%D8%A8.jpg)
يلا بينا نشوفهم
كيفية اضافة محرك البحث Search Engine الخاص بيك الى بلوجر
الدخول إلى Blogger لوحة المعلومات -> علامة التبويب تصميم -> عناصر الصفحة.
انقر على إضافة أداة المكان الذي ترغب في وضع مربع البحث.
اختر HTML / JavaScript من القائمة.
وضع أي واحد شفرة مربع البحث في إليها وحفظ الأداة.
الشكل الاول
http://3.bp.blogspot.com/-9VOxUrrfoWw/UjZTFubosLI/AAAAAAAAAkk/Ra6wWt_PYsQ/s400/way2blogging_searchbox1.png (http://3.bp.blogspot.com/-9VOxUrrfoWw/UjZTFubosLI/AAAAAAAAAkk/Ra6wWt_PYsQ/s1600/way2blogging_searchbox1.png)
رمز Code:
<style type="text/css">#w2b-searchbox{background:url(http://lh5.googleusercontent.com/-Cm...searchbox1.png (http://lh5.googleusercontent.com/-Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png)) 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>
الشكل الثانى
http://2.bp.blogspot.com/-EuZK2JG7XFI/UjZTUIkvwzI/AAAAAAAAAks/gdVfTyrQb1k/s400/way2blogging_searchbox2.png (http://2.bp.blogspot.com/-EuZK2JG7XFI/UjZTUIkvwzI/AAAAAAAAAks/gdVfTyrQb1k/s1600/way2blogging_searchbox2.png)
رمز Code:
<style type="text/css">#w2b-searchbox{background:url(http://lh3.googleusercontent.com/-bk...searchbox2.png (http://lh3.googleusercontent.com/-bk2Si48eZSo/TeixHMdeiII/AAAAAAAAA6A/eQEEa1tyZkI/way2blogging_searchbox2.png)) 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>
الشكل الثالث
http://4.bp.blogspot.com/-HQGqpCofDqw/UjZTfsAXDTI/AAAAAAAAAk0/jok2snxBceE/s400/way2blogging_searchbox1.png (http://4.bp.blogspot.com/-HQGqpCofDqw/UjZTfsAXDTI/AAAAAAAAAk0/jok2snxBceE/s1600/way2blogging_searchbox1.png)
رمز Code:
<style type="text/css">#w2b-searchbox{background:url(http://lh3.googleusercontent.com/-pe...searchbox3.png (http://lh3.googleusercontent.com/-peHEeRB58M8/TeixHZml3oI/AAAAAAAAA6E/J2_zg9Fn8PI/way2blogging_searchbox3.png)) 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>
الشكل الرابع
http://3.bp.blogspot.com/-x-ah8nknsvs/UjZTohqfVgI/AAAAAAAAAk8/yVzek02-Rkw/s400/way2blogging_searchbox1.png (http://3.bp.blogspot.com/-x-ah8nknsvs/UjZTohqfVgI/AAAAAAAAAk8/yVzek02-Rkw/s1600/way2blogging_searchbox1.png)
رمز Code:
<style type="text/css">#w2b-searchbox{background:url(http://lh4.googleusercontent.com/-Pd...searchbox4.png (http://lh4.googleusercontent.com/-Pd1zyUMhsVo/TeixHnaB1hI/AAAAAAAAA6M/p-Iz_WGMQ3M/way2blogging_searchbox4.png)) 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://4.bp.blogspot.com/-w_dweCczoiA/UjZTxQ3AVoI/AAAAAAAAAlE/uxS0ozTCxZ8/s400/way2blogging_searchbox1.png (http://4.bp.blogspot.com/-w_dweCczoiA/UjZTxQ3AVoI/AAAAAAAAAlE/uxS0ozTCxZ8/s1600/way2blogging_searchbox1.png)
رمز Code:
<style type="text/css">#w2b-searchbox{background:url(http://lh6.googleusercontent.com/-wu...searchbox5.png (http://lh6.googleusercontent.com/-wu3eH4N9D1Q/TeixH8dOd9I/AAAAAAAAA6Q/taoILP-y0vE/way2blogging_searchbox5.png)) 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://4.bp.blogspot.com/-PEck_20Lf2E/UjZT6o2CvOI/AAAAAAAAAlM/CecDLbszeRU/s400/way2blogging_searchbox1.png (http://4.bp.blogspot.com/-PEck_20Lf2E/UjZT6o2CvOI/AAAAAAAAAlM/CecDLbszeRU/s1600/way2blogging_searchbox1.png)
< رمز Code:
style type="text/css">#w2b-searchbox{background:url(http://lh5.googleusercontent.com/-TN...searchbox6.png (http://lh5.googleusercontent.com/-TN5qYaRnSR4/TeixH2TVJlI/AAAAAAAAA6U/gYrDmDItWJQ/way2blogging_searchbox6.png)) 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>
المصدر :-
إضافة جديدة مربعات بحث خاصة بمدونتك 2014 |معمل الالكترونيات (http://electlab.blogspot.com/2014/09/2014.html)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
درس مفصل اليوم ان شاء الله جايبلكم
إضافة جديدة مربعات بحث خاصة بمدونتك
على 6 اشكال
http://3.bp.blogspot.com/-hHvQtGfX0-k/UjZSmJP18sI/AAAAAAAAAkc/KsUgIza9qmc/s1600/%D8%B3%D9%8A%D8%A8.jpg (http://3.bp.blogspot.com/-hHvQtGfX0-k/UjZSmJP18sI/AAAAAAAAAkc/KsUgIza9qmc/s1600/%D8%B3%D9%8A%D8%A8.jpg)
يلا بينا نشوفهم
كيفية اضافة محرك البحث Search Engine الخاص بيك الى بلوجر
الدخول إلى Blogger لوحة المعلومات -> علامة التبويب تصميم -> عناصر الصفحة.
انقر على إضافة أداة المكان الذي ترغب في وضع مربع البحث.
اختر HTML / JavaScript من القائمة.
وضع أي واحد شفرة مربع البحث في إليها وحفظ الأداة.
الشكل الاول
http://3.bp.blogspot.com/-9VOxUrrfoWw/UjZTFubosLI/AAAAAAAAAkk/Ra6wWt_PYsQ/s400/way2blogging_searchbox1.png (http://3.bp.blogspot.com/-9VOxUrrfoWw/UjZTFubosLI/AAAAAAAAAkk/Ra6wWt_PYsQ/s1600/way2blogging_searchbox1.png)
رمز Code:
<style type="text/css">#w2b-searchbox{background:url(http://lh5.googleusercontent.com/-Cm...searchbox1.png (http://lh5.googleusercontent.com/-Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png)) 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>
الشكل الثانى
http://2.bp.blogspot.com/-EuZK2JG7XFI/UjZTUIkvwzI/AAAAAAAAAks/gdVfTyrQb1k/s400/way2blogging_searchbox2.png (http://2.bp.blogspot.com/-EuZK2JG7XFI/UjZTUIkvwzI/AAAAAAAAAks/gdVfTyrQb1k/s1600/way2blogging_searchbox2.png)
رمز Code:
<style type="text/css">#w2b-searchbox{background:url(http://lh3.googleusercontent.com/-bk...searchbox2.png (http://lh3.googleusercontent.com/-bk2Si48eZSo/TeixHMdeiII/AAAAAAAAA6A/eQEEa1tyZkI/way2blogging_searchbox2.png)) 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>
الشكل الثالث
http://4.bp.blogspot.com/-HQGqpCofDqw/UjZTfsAXDTI/AAAAAAAAAk0/jok2snxBceE/s400/way2blogging_searchbox1.png (http://4.bp.blogspot.com/-HQGqpCofDqw/UjZTfsAXDTI/AAAAAAAAAk0/jok2snxBceE/s1600/way2blogging_searchbox1.png)
رمز Code:
<style type="text/css">#w2b-searchbox{background:url(http://lh3.googleusercontent.com/-pe...searchbox3.png (http://lh3.googleusercontent.com/-peHEeRB58M8/TeixHZml3oI/AAAAAAAAA6E/J2_zg9Fn8PI/way2blogging_searchbox3.png)) 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>
الشكل الرابع
http://3.bp.blogspot.com/-x-ah8nknsvs/UjZTohqfVgI/AAAAAAAAAk8/yVzek02-Rkw/s400/way2blogging_searchbox1.png (http://3.bp.blogspot.com/-x-ah8nknsvs/UjZTohqfVgI/AAAAAAAAAk8/yVzek02-Rkw/s1600/way2blogging_searchbox1.png)
رمز Code:
<style type="text/css">#w2b-searchbox{background:url(http://lh4.googleusercontent.com/-Pd...searchbox4.png (http://lh4.googleusercontent.com/-Pd1zyUMhsVo/TeixHnaB1hI/AAAAAAAAA6M/p-Iz_WGMQ3M/way2blogging_searchbox4.png)) 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://4.bp.blogspot.com/-w_dweCczoiA/UjZTxQ3AVoI/AAAAAAAAAlE/uxS0ozTCxZ8/s400/way2blogging_searchbox1.png (http://4.bp.blogspot.com/-w_dweCczoiA/UjZTxQ3AVoI/AAAAAAAAAlE/uxS0ozTCxZ8/s1600/way2blogging_searchbox1.png)
رمز Code:
<style type="text/css">#w2b-searchbox{background:url(http://lh6.googleusercontent.com/-wu...searchbox5.png (http://lh6.googleusercontent.com/-wu3eH4N9D1Q/TeixH8dOd9I/AAAAAAAAA6Q/taoILP-y0vE/way2blogging_searchbox5.png)) 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://4.bp.blogspot.com/-PEck_20Lf2E/UjZT6o2CvOI/AAAAAAAAAlM/CecDLbszeRU/s400/way2blogging_searchbox1.png (http://4.bp.blogspot.com/-PEck_20Lf2E/UjZT6o2CvOI/AAAAAAAAAlM/CecDLbszeRU/s1600/way2blogging_searchbox1.png)
< رمز Code:
style type="text/css">#w2b-searchbox{background:url(http://lh5.googleusercontent.com/-TN...searchbox6.png (http://lh5.googleusercontent.com/-TN5qYaRnSR4/TeixH2TVJlI/AAAAAAAAA6U/gYrDmDItWJQ/way2blogging_searchbox6.png)) 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>
المصدر :-
إضافة جديدة مربعات بحث خاصة بمدونتك 2014 |معمل الالكترونيات (http://electlab.blogspot.com/2014/09/2014.html)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©