كيفيه اضافة صندوق البحث الصوتي الى مدونتك او موقعك في بلوجر
السلام عليكم ورحمة الله تعالى وبركاته
أهلا و مرحبا بكم متابعي مدونة سوفت بيديا
موضوعنا اليوم عن كيفية إظافة صندوق البحث الصوتي إلى مدونتك او موقعك في بلوجر.. هذه الاضافه ليست بالامر الصعب هذه الاضافة بسيطة التركيب وكل ما يتطلبه منك الامر هو اولا اختيار المكان المناسب لإضافة الأدات او صندوق البحث الصوتي ثانيا ستحتاج الى الكود ، وبالرغم من بساطتها إلى أنها مفيدة جدا في الإحتفاظ بالزيارات بالموقع وعدم خسارة الزوار خاصة إذا كان موقعك يحتوي على عدة مواضيع في مجال ما وتعرف أن الزائر سيمل من البحث اليدوي بالنزول للأسفل للعثور على موضوع ما...
وحتى طريقة مربع البحث التقليدي المتوفر في معظم القوالب أو ستجده ضمن قائمة أدوات بلوجر الموجودة في المنصة دون البحث عن كود لها بمكان آخر فهذه الإظافة أو صندوق البحث التقليدي داخل الموقع بكتابة كلمات للبحث مثل: الربح من الأنترنت... الخ تعد طريقة صعبة لمستخدمي الهواتف النقالة لأن لوحة الكتابة ستأخذ حيزا كبيرا بالهاتف وأيضا قد لايحبذ البعض إتعاب نفسه في الكتابة ويبحث عن طريقة سريعة للبحث باستخدام الصوت فقط..
ولاتنسى أنها تجربة ممتازة للمستخدمين تجعلهم يحبون البحث وقد تشجعهم على البحث الصوتي في الغوص أكثر في مدونتك وإيجاد مواضيع قديمة لإعادة إحيائها وتقليل الإرتداد كذالك... الخ
ودون الإطالة أكثر في المقدمة دعونا نبدأ في شرح هذه الإظافة القيمة التي تحتاجها تقريبا كل مدونة أو موقع على الأنترنت مؤخرا ، خاصة مع إنتشار الهواتف الذكية المزودة بميكروفونات جاهزة للأمر باستخدام المتصفحات ككروم للبحث بموقعك...
معاينة شكل أداة البحث الصوتي التي سنظيفها
هذه هي معاينة الإظافة أو صندوق البحث الصوتي الذي سنضيفه ، والمفروض ظهوره بالشريط الجانبي وليس هنا في هذا المكان وبهذا الشكل لاكنها مجرد معاينة للإظافة فقط:
طريقة إضافة صندوق البحث الصوتي إلى مدونتك او موقعك في بلوجر
لإضافة صندوق البحث الصوتي إلى مدونتك او موقعك في بلوجرعليك فقط إتباع الخطوات التالية:
1- قم بالذهاب الى منصة بلوجر.
2- قم بالضغط على التخطيط أو التنسيق.
3- قم بالضغط على إضافة اداة جديدة وذلك في المكان الذي تريد ان تظهر فيه أداة البحث الصوتي...
4- بعد ان يفتح معنا صندوق المحاورة نقوم باختيار اضافه اداة java scripte جديدة.
5- قم بإلصاق الكود الذي بالأسفل بعد نسخه في المكان المحدد في اداة java scripte.
6- قم بالضغط على حفظ اداة java scripte.
2- قم بالضغط على التخطيط أو التنسيق.
3- قم بالضغط على إضافة اداة جديدة وذلك في المكان الذي تريد ان تظهر فيه أداة البحث الصوتي...
4- بعد ان يفتح معنا صندوق المحاورة نقوم باختيار اضافه اداة java scripte جديدة.
5- قم بإلصاق الكود الذي بالأسفل بعد نسخه في المكان المحدد في اداة java scripte.
6- قم بالضغط على حفظ اداة java scripte.
7- قم بحفظ التغيرات التي اجريتها على المظهر او التنسيق.
وأخيرا نقوم بعرض الموقع أو المدونة بالضغط على زر عرض المدونة ، وسنجد أن الأداة قد ظهرت معنا في المدونة في المكان الذي أظفنا إليه أداة البحث الصوتي...
الكود الخاص بإظافة صندوق البحث الصوتي الى مدونتك او موقعك في بلوجر
الآن نتوجه لنسخ الكود الخاص بالإظافة أو بإظافة صندوق البحث الصوتي الى مدونتك او موقعك في بلوجر ، بالأسفل داخل مربع أو صندوق الكود نجد الكود الخاص بإظافة صندوق البحث الصوتي لمدونة أو موقع بلوجر ، كل ما هو مطلوب هو نسخ الكود بالضغط عليه مرتين أو تحديد الكل ونسخه ثم لصقه باتباع الخطوات الموضحة بالأعلى بالمكان المحدد الذي نريد أن يظهر بها صندوق البحث الصوتي..... ولمن يريد تجربة الكود وملاحظة شكل الأداة دون التوجه لمدونته بل وحتى التغيير عليها يمكنك الإنتقال لأداة تحرير ومعاينة أكواد html بالضغط عليها وهي أداة مفيدة جدا خاصة لتجربة عدد كبير من الأكواد دون إفساد مدونتك بتجربة الأكواد وإظافتها ثم حذفها خاصة إن كنت تشك في مصدرها لأن هنالك أكواد ملغومة وحتى كثرة إظافة الأكواد العادية وحذفها قد لاتحذف كاملة وقد تخطئ وتنسى مكانها إذا كان مكان وضعها بالمظهر من خلال تعديل html لهذا أنصح بشدة بحفظ واستعمال هذا الرابط في كل مرة لتجربة الأدوات والإظافات قبل نقلها لموقعك بالضغط هنا ستتوجه لأداة تحرير ومعاينة أكواد الhtml
وهذا هو الكود الخاص بأداتنا او صندوق البحث الصوتي ....
<!-- CSS Styles -->
<style>
.speech {border: 1px solid #DDD; width: 100%; padding: 0; margin: 0}
.speech input {border: 0; width: 80%; display: inline-block; height: 30px;}
.speech img {float: right; width: 40px }
</style>
<!-- Search Form -->
<form id="arabes1" method="get" action="https://th-pro-info.blogspot.com/search">
<div class="speech">
<input type="text" name="q" id="transcript" placeholder="Speak" />
<img onclick="startDictation()" src="//i.imgur.com/cHidSVu.gif" />
</div>
</form>
<!-- HTML5 Speech Recognition API -->
<script>
function startDictation() {
if (window.hasOwnProperty('webkitSpeechRecognition')) {
var recognition = new webkitSpeechRecognition();
recognition.continuous = false;
recognition.interimResults = false;
recognition.lang = "ar-AR";
recognition.start();
recognition.onresult = function(e) {
document.getElementById('transcript').value
= e.results[0][0].transcript;
recognition.stop();
document.getElementById('arabes1').submit();
};
recognition.onerror = function(e) {
recognition.stop();
}
}
}
</script>
شرح طريقة عمل اضافة صندوق البحث الصوتي في مدونتك او موقعك في بلوجر
بعد تركيب الإظافة كي تعمل أداة صندوق البحث الصوتي في مدونتك او موقعك في بلوجروبعد فتح موقعك من طرفك أو من طرف الزوار... ستقوم أنت أو أي زائر عندك بالضغط على ايقونة البحث الصوتي لمرة واحدة ثم سيطلب المتصفح الخاص بالكومبيوتر أو الهاتف الإذن للولوج للميكروفون من طرف موقعك وبالضغط على سماح لمرة واحدة فقط سيصبح بالإمكان إستعمال البحث الصوتي بموقعك من طرف ذلك المتصفح مسموح دون تكرار السماح مرة أخرى... كي نقوم بادخال العبارة أو الكلمات بالكلام التي نريد البحث عنها بعد ذلك ننتظر قليلا و ستظهر مباشره نتائج البحث داخل المدونة بطريقة جيدة وسلسة..
واذا كنت تستعمل صندوق البحث الخاص بجوجل الذي تحصل عليه من اعلانات ادسنس بموقعك أو مدونتك فسيظهر ايضا النتائج الخاصة بالبحث على مستوى محرك البحث جوجل في موقعك في نفس الوقت تزامنا مع إظهار نتائج البحث داخل موقعك من طرف الأداة الصوتية... وفي كل مره نريد البحث باستعمال الصوت او الكلام نقوم بالضغط على الايقونة المخصصة للبحث الصوتي ونبدا في الكلام مباشرة....
وستظهر في كل مرة النتائج اسفل او في وسط المدونة وبهذا سنحصل على النتائج بسرعة وبدون الحاجة الى كتابتها في كل مره حيث يعد او تعد الكتابه باستعمال الهاتف صعب نوع ما خاصة في الهواتف الصغيرة خصوصا الامر يعد معقد بعض الشيء لأن لوحة المفاتيح كما أسلفنا قد تظهر صغيره ولا تساعد على الكتابة وقد تحدث اخطاء عند النقر على مختلف الازرار وهذه الاضافة مفيدة جدا لتحسين وضمان عدم الارتداد الزوار في موقعك....
انها الطريقه الاسهل للقيام بالبحث داخل الموقع الخاص بك ، انها افضل طريقه للبحث و يحبدها الزوار الذين يتوفرون على هواتف ذكية او كمبيوتر محمول مزود بميكروفون للقيام بالبحث بسرعة دون الحاجة الى استعمال لوحه المفاتيح الخاصة بالهاتف للبحث او لوحه المفاتيح الخاصه بالكمبيوتر للبحث كذلك وستظهر النتائج بطريقه اوتوماتيكية في وسط الموقع او المدونه او مدونتك على بلوجر بطريقه سهله وبسيطه وسريعة
فاذا طبقت الشرح السابق ستجد ان الامر سهل جدا ولا يتطلب منك الكثير فقط القيام بنسخ ولصق الكود الموجود بالاعلى في المكان المحدد و ستحصل على النتيجه في ثواني...