المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : اضافة قطعة البحث مثل تقنية البحث الجديدة لجوجل GOOGLE



said
11-01-2013, بتوقيت غرينيتش 07:59 AM
السلام عليكم ورحمة الله وبركاتة ... موعدنا اليوم مع اضافة جديده تضاف لسلسلة تطوير المواقع وتحديث update لمدونات بلوجر

البحث الفوري السهل الإستعمال والقوي في أدائه http://www.dzbatna.com/images/smilies/icon30.gif

وكما تعلمون أنه أصبح مألوفا جدا الآن، أكثر إحترافية وذلك بفضل فورية جوجل GOOGLE، وتحسين محرك البحث Search Engine الشهير الذي يسمح لك أن ترى تحديث update الصفحة الخاصة بك عند كتابة الاستعلام الخاص بك.

شريط البحث البسيط هدا ، يمكنك من خلاله ان ترى نتائج للبحث عن أي موضوع أو مقالة. فقط تبدأ بكتابة الحرف الأول من اسم العنصر وتضهر لك التقنية مجموعة من النتائج . على سبيل المثال، أنا أحاول البحث عن كلمة "مدون"، وكما ترى في الصورة يمكنني الحصول على النتيجة على الفور : http://www.dzbatna.com/images/smilies/nosweat.gif


http://3.bp.blogspot.com/-2G7VjI-eh7I/TwGlv5-lGlI/AAAAAAAACW0/l3pXL3xwymE/s400/google+blog.jpg


لمعاينة هده الإضافة -- > إضغط هنا (http://jeusef.blogspot.com)


لتثبيت setupه على بلوق الخاص بك هو في غاية البساطة. اتبع الخطوات التالية.

المرحلة الأولى من إعداد مدونة blog




تسجيل الدخول إلى حساب Blogger الخاص بك.
انتقل إلى &quot;تصميم&quot; ثم &quot;تحرير HTML&quot; وضغط على (ctrl+f) وبحث عن هده الكلمة </head>
ثم ضع هدا الكود code أسفل منه مباشرة

رمز Code:
<script src='http://jmulans.free.fr/blogger/jquery.js' type='text/javascript'/> <link href='http://jmulans.free.fr/blogger/blogger-instant-search/style.css' media='screen' rel='stylesheet' title='Design' type='text/css
المرحلة الثانية

انتقل إلى &quot;عناصر الصفحة&quot;.
انقر على زر &quot;إضافة أداة&quot;.
حدد &quot;HTML / جافا سكريبت script&quot;.
ولصق التعليمات البرمجية التالية :


رمز Code:
<script type=&quot;text/javascript&quot;> // PARAMETRES var defaultText = &quot;ابحث عن ضالتك بكتابة الحرف الأول&quot;; // texte de la zone de recherche var noResultText = &quot;Pas de résultat&quot;; // texte affiché quand il n'y a pas de résultat dans la recherche var publishText = &quot;Publié le&quot;; // texte affiché avant la date de publication de l'article var tagText = &quot;Libellés&quot;; // texte affiché à la présentation des libellés var creditText = &quot;محك البحث الخاص بمدونة blog http://jeusef.blogspot.com&quot;; var displayImg = true; // affiche ou non l'image de l'article dans le resultat var useTag = true; // utilise ou non les tags des articles dans la recherche var defaultImgUrl = &quot;https://lh4.googleusercontent.com/-1qVxCbfjCjM/TnBفي بي vBQuiK5I/AAAAAAAACFc/t2t6wqdPzBI/article.png&quot; // url de l'image par defaut var minChar = 3; // nombre minimum de lettres pour commencer la recherche var myfeed;var myfeed2;var $auto=jQuery.noConflict();var monthFR=new Array();monthFR[1]=&quot;Janvier&quot;;monthFR[2]=&quot;Février&quot;;monthFR[3]=&quot;Mars&quot;;monthFR[4]=&quot;Avril&quot;;monthFR[5]=&quot;Mai&quot;;monthFR[6]=&quot;Juin&quot;;monthFR[7]=&quot;Juillet&quot;;monthFR[8]=&quot;Août&quot;;monthFR[9]=&quot;Septembre&quot;;monthFR[10]=&quot;Octobre&quot;;monthFR[11]=&quot;Novembre&quot;;monthFR[12]=&quot;Décembre&quot;; var pattern_accent = new Array(&quot;é&quot;,&quot;è&quot;,&quot;ê&quot;,&quot;ë&quot;,&quot;ç&quot;,&quot;à&quot;,&quot;&#225;&quot;,&quot;â&quot;,&quot;&#228;&quot;,&quot;&#227;&quot;,&quot;&#229;&quot;, &quot;&#236;&quot;,&quot;&#237;&quot;,&quot;î&quot;,&quot;ï&quot;,&quot;ù&quot;,&quot;&#250;&quot;,&quot;û&quot;,&quot;ü&quot;,&quot;&#242;&quot;,&quot;ô&quot;,&quot;&#243;&quot;,&quot;&#246;&quot;,&quot;&#245; &quot;,&quot;œ&quot;,&quot;&#230;&quot;,&quot;&#241;&quot;,&quot;&#253;&quot;,&quot;&#255;&quot;); var pattern_replace_accent = new Array(&quot;e&quot;,&quot;e&quot;,&quot;e&quot;,&quot;e&quot;,&quot;c&quot;,&quot;a&quot;,&quot;a&quot;,&quot;a&quot;,&quot;a&quot;,&quot;a&quot;,&quot;a&quot;, &quot;i&quot;,&quot;i&quot;,&quot;i&quot;,&quot;i&quot;,&quot;u&quot;,&quot;u&quot;,&quot;u&quot;,&quot;u&quot;,&quot;o&quot;,&quot;o&quot;,&quot;o&quot;,&quot;o&quot;,&quot;o &quot;,&quot;oe&quot;,&quot;ae&quot;,&quot;n&quot;,&quot;y&quot;,&quot;y&quot;); </script> <script src=&quot;http://jmulans.free.fr/blogger/blogger-instant-search/search.js&quot; type=&quot;text/javascript&quot;></script> <script src=&quot;http://pipes.yahoo.com/pipes/pipe.run? YourBlogUrl=http://jeusef.blogspot.com &Order=alphabet &_id=401e43055731c1a29f1e1d3eb5e8e13f&_callback=getList&_render=json&quot; type=&quot;text/javascript&quot;></script> <div id=&quot;postListSearch&quot;> <div id=&quot;addtomyblogContainer&quot;><a href=&quot;http://jeusef.blogspot.com/2014/01/blog-post.html&quot; id=&quot;addtomyblog&quot;>أضف هده الإضافة لموقعك</a></div> <input type=&quot;text&quot; id=&quot;autocomplete&quot; value=&quot;&quot;/> <div id=&quot;postListResult&quot;></div> <img id=&quot;newPostSearch&quot; src=&quot;https://lh5.googleusercontent.com/-4QFskv5kNJo/Tm4XUhN43xI/AAAAAAAAB_E/Y6ZQnmv_Dnc/new48.png&quot; alt=&quot;&quot; title=&quot;Nouveau !&quot;/> </div> <script>$auto(&quot;#autocomplete&quot;).keypress(function(e){search (e,$auto(this).val())});$auto(&quot;#autocomplete&quot;).key down(function(e){search(e,$auto(this).val())});$au to(&quot;#autocomplete&quot;).keyup(function(e){search(e,$au to(this).val())});$auto(&quot;#autocomplete&quot;).val(defau ltText).addClass('default').focus(function(){if($a uto(this).val()==defaultText){$auto(this).val(''). removeClass('default')}});</script>

المرحة الأخيرة

من أدات التي قمت بإضافتها قم بتغيير المكتوب بلون الأحمر بعنوان موقعك

ثم قم بحفظ الإضافة وشاهد المعاينة وشكرا


المصدر : مدونة blog جوسيف (http://jeusef.blogspot.com/2014/01/blog-post.html)





https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى