-->
tasalydahabتسالى دهب tasalydahabتسالى دهب
random

آخر المواضيع

random
recent
جاري التحميل ...
recent

اضافة كود البحث فى مدونة بلوجر بشكل احترافى

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

 كما ستختبر برامج زحف الويب من غوغل وبوتات محركات البحث العبارات في هذه المربعات في هذه المناسبة النادرة للتأكد من أن كل المحتوى يؤدي إلى إنشاء حلقة مغلقة. أضف أداة البحث المخصص الخاصة بك إلى موقعك فقط لأن يجب أن يكون شريط البحث لا يعني أنك تقتصر على  الوقت. يجب أن يكون شريط البحث في موقعك من السهل العثور عليه واتاحته بسهولة عندما يحتاجه شخص ما، ولكن بخلاف ذلك، فإن مظهر التصميم يعود إليك. إذا كنت تريد إضافة أداة بحث مخصصة إلى بلوجر، فإليك  ثلاثة خيارات أنيقة للاختيار من بينها. ما عليك سوى نسخ الشفرة أسفل
مربع البحث الذي  تريد إضافته واتباع الخطوات التالية:



الكود:نسخ الكود
<style type="text/css">
#searchbox{background:#d8d8d8;border:4px solid #e8e8e8;padding:20px 10px;width:250px}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}#searchbox input{outline:none}#searchbox input[type="text"]{background:url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 6px #fff;border-width:1px;border-style:solid;border-color:#fff;font:bold 12pxArial,Helvetica,Sans-serif;color:#bebebe;width:55%;padding:8px 15px 8px 30px}#button-submit{background:#6A6F75;border-width:0;padding:9px 0;width:23%;cursor:pointer;font:bold 12pxArial,Helvetica;color:#fff;text-shadow:0 1px 0 #555}#button-submit:hover{background:#4f5356}#button-submit:active{background:#5b5d60;outline:none}#button-submit::-moz-focus-inner{border:0}
</style>
<form id="searchbox" method="get" action="/search">
<input name="q" type="text" size="15" placeholder="كلمة البحث هنا " />
<input id="button-submit" type="submit" value="بحث" /></form>




الكود:نسخ الكود
<style type="text/css">
#searchbox{width:240px}#searchbox input{outline:none}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}#searchbox input[type="text"]{background:url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 13px#f2f2f2;border:2px solid #f2f2f2;font:bold 12px Arial,Helvetica,Sans-serif;color:#6A6F75;width:160px;padding:14px 17px 12px 30px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;text-shadow:0 2px 3px #fff;-webkit-transition:all 0.7s ease 0s;-moz-transition:all 0.7s ease 0s;-o-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;}#searchbox input[type="text"]:focus{background:#f7f7f7;border:2px solid #f7f7f7;width:200px;padding-left:10px}#button-submit{background:url(http://4.bp.blogspot.com/-slkXXLUcxqg/VEQI-sJKfZI/AAAAAAAAAlA/9UtEyStfDHw/s1600/slider-arrow-right.png) no-repeat;margin-left:-40px;border-width:0;width:43px;height:45px}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off"><input name="q" type="text"size="15" placeholder="ادخل كلمات البحث هنا... " />
<input id="button-submit" type="submit" value=" "/></form>

الخطوات:

كيفية إضافة مربع بحث مخصص إلى بلوجر الخطوة

 1. سجل الدخول إلى حسابك في بلوجر،
 ثم انتقل إلى التخطيط > انقر على الرابط "إضافة أداة"

 الخطوة 2.

اختر HTML/JavaScript من النافذة المنبثقة > الصق شفرة مربع البحث داخل المربع الفارغ.

 الخطوة 3.

 اضغط على حفظ.


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

شكرلوجدك معنا

التعليقات



إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

إتصل بنا

جميع الحقوق محفوظة

tasalydahabتسالى دهب

2016