السلام عليكم ورحمة الله وبركاتة ... موعدنا اليوم مع اضافة جديده تضاف لسلسلة تطوير المواقع وتحديث update لمدونات بلوجر
البحث الفوري السهل الإستعمال والقوي في أدائه
وكما تعلمون أنه أصبح مألوفا جدا الآن، أكثر إحترافية وذلك بفضل فورية جوجل GOOGLE، وتحسين محرك البحث Search Engine الشهير الذي يسمح لك أن ترى تحديث update الصفحة الخاصة بك عند كتابة الاستعلام الخاص بك.
شريط البحث البسيط هدا ، يمكنك من خلاله ان ترى نتائج للبحث عن أي موضوع أو مقالة. فقط تبدأ بكتابة الحرف الأول من اسم العنصر وتضهر لك التقنية مجموعة من النتائج . على سبيل المثال، أنا أحاول البحث عن كلمة "
مدون"، وكما ترى في الصورة يمكنني الحصول على النتيجة على الفور :
لمعاينة هده الإضافة -- > إضغط هنا
لتثبيت setupه على بلوق الخاص بك هو في غاية البساطة. اتبع الخطوات التالية.
المرحلة الأولى من إعداد مدونة blog
تسجيل الدخول إلى حساب
Blogger الخاص بك.
انتقل إلى "تصميم" ثم "تحرير HTML" وضغط على (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
المرحلة الثانية
انتقل إلى "عناصر الصفحة".
انقر على زر "إضافة أداة".
حدد "HTML / جافا سكريبت script".
ولصق التعليمات البرمجية التالية :
رمز Code:
<script type="text/javascript"> // PARAMETRES var defaultText = "ابحث عن ضالتك بكتابة الحرف الأول"; // texte de la zone de recherche var noResultText = "Pas de résultat"; // texte affiché quand il n'y a pas de résultat dans la recherche var publishText = "Publié le"; // texte affiché avant la date de publication de l'article var tagText = "Libellés"; // texte affiché à la présentation des libellés var creditText = "محك البحث الخاص بمدونة blog http://jeusef.blogspot.com"; 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 = "https://lh4.googleusercontent.com/-1qVxCbfjCjM/TnBفي بي vBQuiK5I/AAAAAAAACFc/t2t6wqdPzBI/article.png" // 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]="Janvier";monthFR[2]="Février";monthFR[3]="Mars";monthFR[4]="Avril";monthFR[5]="Mai";monthFR[6]="Juin";monthFR[7]="Juillet";monthFR[8]="Août";monthFR[9]="Septembre";monthFR[10]="Octobre";monthFR[11]="Novembre";monthFR[12]="Décembre"; var pattern_accent = new Array("é","è","ê",&q uot;ë","ç","à"," 5;","â","ä","&# 227;","å","ì",& quot;í","î","ï",&quo t;ù","ú","û","ü ","ò","ô"," 3;","ö","õ",&qu ot;œ","æ","ñ",& quot;ý","ÿ"
; var pattern_replace_accent = new Array("e","e","e",&q uot;e","c","a","a&qu ot;,"a","a","a",&quo t;a","i","i","i" ;,"i","u","u"," u","u","o","o", "o","o","o","oe ","ae","n","y", "y"
; </script> <script src="http://jmulans.free.fr/blogger/blogger-instant-search/search.js" type="text/javascript"></script> <script src="http://pipes.yahoo.com/pipes/pipe.run? YourBlogUrl=http://jeusef.blogspot.com &Order=alphabet &_id=401e43055731c1a29f1e1d3eb5e8e13f&_callback=ge tList&_render=json" type="text/javascript"></script> <div id="postListSearch"> <div id="addtomyblogContainer"><a href="http://jeusef.blogspot.com/2014/01/blog-post.html" id="addtomyblog">أضف هده الإضافة لموقعك</a></div> <input type="text" id="autocomplete" value=""/> <div id="postListResult"></div> <img id="newPostSearch" src="https://lh5.googleusercontent.com/-4QFskv5kNJo/Tm4XUhN43xI/AAAAAAAAB_E/Y6ZQnmv_Dnc/new48.png" alt="" title="Nouveau !"/> </div> <script>$auto("#autocomplete"
.keypress(function(e){search(e,$auto(this).val())} );$auto("#autocomplete"
.keydown(function(e){search(e,$auto(this).val())}) ;$auto("#autocomplete"
.keyup(function(e){search(e,$auto(this).val())});$ auto("#autocomplete"
.val(defaultText).addClass('default').focus(functi on(){if($auto(this).val()==defaultText){$auto(this ).val('').removeClass('default')}});</script>
المرحة الأخيرة
من أدات التي قمت بإضافتها قم بتغيير المكتوب بلون الأحمر بعنوان موقعك
ثم قم بحفظ الإضافة وشاهد المعاينة وشكرا
المصدر : مدونة blog جوسيف
رد مع اقتباس
