حصري اضافة أداة البحث في المدونة blog بتقنية جوجل GOOGLE للفلترة -غاية في الروعة

[salima]

السلام عليكم ورحمة الله تعالى وبركاته.

درس مفصل اليوم هو عن طريقة اضافة أداة البحث في المدونة blog بتقنية جوجل GOOGLE ,هذه الأداة تساعد زوار موقعك على إيجاد مختلف مواضيعك بسرعة و دون عناء يذكر,فيكفي أن يقوم الزائر بكتابة الحروف الأولى من الموضوع حتى يتحصل على قائمة تتضمن نتائج للبحث. أنظر الصورة.




نمر لتطبيق الاضافة:



الخطوة الأولى:

1.لوحة التحكم
2.إضغط على قالب template
3. ثم تحريرhtml
4.إضغط على متابعة
5.إختار توسيع القالب template إختار
6.إبحث بالضغط على CTRL+F عن الكود code التالي :

</head>

ثم ضع هدا الكود 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'/>

الخطوة الثانية:

1.اذهب للوحة التحكم
2. تخطيط
3.عناصر الصفحة
4.إضاف اداة
5.اختار Html/Javascript
6.أضف هذا الكود 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;محرك البحث Search Engine الخاص بمدونة blog http://jokes4world.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;,&q uot;ë&quot;,&quot;ç&quot;,&quot;à&quot;,&quot;&#22 5;&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;,&quo t;ô&quot;,&quot;&#243;&quot;,&quot;&#246;&quot;,&q uot;&#245; &quot;,&quot;œ&quot;,&quot;&#230;&quot;,&quot;&#24 1;&quot;,&quot;&#253;&quot;,&quot;&#255;&quot;
var pattern_replace_accent = new Array(&quot;e&quot;,&quot;e&quot;,&quot;e&quot;,&q uot;e&quot;,&quot;c&quot;,&quot;a&quot;,&quot;a&qu ot;,&quot;a&quot;,&quot;a&quot;,&quot;a&quot;,&quo t;a&quot;, &quot;i&quot;,&quot;i&quot;,&quot;i&quot;,&quot;i& quot;,&quot;u&quot;,&quot;u&quot;,&quot;u&quot;,&q uot;u&quot;,&quot;o&quot;,&quot;o&quot;,&quot;o&qu ot;,&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://jokes4world.blogspot.com/
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f&_callback =ge tList&_render=json&quot;
type=&quot;text/javascript&quot;></script>

<div id=&quot;postListSearch&quot;>
<div id=&quot;addtomyblogContainer&quot;></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;#autoc omple te&quot.keydown(function(e){search(e,$auto(this).val( ))});$auto(&quot;#autocomplete&quot.keyup(function(e){sear ch(e,$auto(this).val())});$auto(&quot;#autocomplet e&quot.v al(defaultText).addClass('default').focus(function (){if($auto(this).val()==defaultText){$auto(this). val('').removeClass('default')}});</script>



ابحث عن ما بين القوسين ( نكت | jokes ) واستبدلة برابط مدونتك.
var minChar = 3 تحدد عدد الحروف التي يجب كتابتها حتى نتائج للبحث.


و مبروك عليك.


مدونتي نكت

واذا كان رابط مدونتي مخالف في الموضوع .. فارجو من الاخ ابو البراء او اي حد من المشرفين يعمل للرابط تحرير ..

ارجو ان اكون افتكم ولو بجزء بسيط ,..





©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©