+ + + + +
Share/Save/Bookmark

2008-04-18

اخفاء شريط البلوجر




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

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ


طريقة تشغيل الكود
اذهب للوحة التحكم المعتادة

dashboard > layout > template > EditHTML

يوجد اكثر من كود يمكنك ان تجرب احدهم
1
هذا الكود يجعل شريط البلوجر عرضه زيرو بيكسل فيختفى










#navbar-iframe {
height: 0px;
}



2
هذا الكود يلغى مشاهدة الشريط من اساسه











#navbar-iframe {
visibility: hidden;
}



3
هذا الكود يجمع بين الكودين السابقين











#navbar-iframe {
height:0px;
display:none;
}



ممكن الكود مايشتغلش معاك جرب الكود اللى بعده الى ان تفلح


ــــــــــــــــــــــــــــــــــــــــــــــــــ
مكان وضع الكود :
فى صندوق الاكواد دور على تلك الكلمة

</head>


الصق انت الكود قبل هذا السطر مباشرة



او يمكنك ان تضع الكود فى اى جزء قبل تلك الكلمة


المهم انها تكون بعد تلك العلامة

ولاحظ من فضلك انها مقوسة الى اليسار


--------------------------------------

تحديث

دى صورة من مدونة forex

لايضاح مكان وضع الكود
واللى لسه عنده التباس ياريت يبص عالتعليقات


----------------------------------------------------------


انشاء صندوق بحث فى المدونة







حقيقة علمية
احنا كده استغنينا عن شريط البلوجر لكن فيه مشكله

ان شريط البلوجر اهميته انه بيبحث فى المدونة

وده شئ مهم جدا

لذا ينبغى ان نضع صندوق بحث فى المدونة يسمح للزائرين بالبحث

وهذا الكود وظيفته انشاء صندوق بحث



<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>




ملاحظات
اولا استبدل جملة YOUR BLOG URL بلينك مدونتك
ثانيا استبدل جملة NAME OF YOUR BLOG باسم مدونتك او اى شئ تختاره
Search ثالثا كلمة
دى الكلمة اللى هاتظهر على زرار البحث ممكن تغيرها
رابعا ممكن تغير مقاس الصندوق size="20"


مثال


<p align="left">
<form id="searchthis" action="http://www.lu2a.blogspot.com" style="display:inline;" method="get">
<strong>اسم مدونتك هنا<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="انكش" type="submit"/>
</form></p>



الكود ده هايعمل صندق بحث بالشكل الاتى
والبحث هايكون فى مدونتى لانى كاتب لينك المدونة
لاحظ انك ممكن تغير كل شئ انا كاتبه بالعربى وكذلك المقاس



اسم المدونة




مكان وضع الصندوق
ممكن فى الاطار الجانبى او فى الراس او فى ذيل المدونة براحتك
template > page elements > add a page element
وتختار HTML/JavaScript
الصق الكود
احفظ شغلك
وخليها على الله

تحديث
بامكانك وضع صورة بدلا من زرار البحث
كل ماعليك ان تضع لينك هذه الصورة مكان كلمة
IMAGE URL
التى فى الكود التالى



<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" type="image" src="IMAGE URL" align="top"/>
</form></p>



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

21 اضف تعليق , التعليقات:

Unknown said...

لا أعرف كيف أشكرك

أنا مازلت مبتدئا في عالم التدوين ولكني استفدت منك بشكل كبير

أسأل الله أن يجعله في ميزان حسناتك

وأرجو منك أن تلقي نظرة على مدونتي التي هي قيد الإنشاء
ai-hagah.blogspot.com

Mohamed Nagah said...

شكرا استاذى على كل المجهود اللى انتفعنا منه كتييييييييييير

Mahmoud البطراوى said...

د وائل البلوجر دلوقتى اضافت عنصر جديد فى ( اضافه عنصر جديد للصفحه ) اسمه البحث فى جوجل
وهو اكثر من رائع وافضل بكتير من البحث الى حضرتك عامله فوق خالص
لانه بيقدر يبحث فى الكومنتات وبدقه عاليه انا جربت الاتنين وبتاع البلوجر الجديد افضل بكتييييييييير

وبجد تبقى بتعمل فى كل زوار الصفحه جميل لو شلت الموجود واستخدمت بتاع البلوجر
لانه فعلا رااااااااااائع

وشكرا ليك مقدما

Wael said...

دز بطوط
الف شكر ليك
أوكى هاستبدل السيرش القديم بالجديد
بما انك متاكد انه افضل

شكرا جزيييييلا , ومتحرمناش من جديدك :)

الازواديين said...

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

ahmedalaa said...

لا لا لا

بجد درس روووعة ..

الف شكر يا باشا ..

اكواد اكثر من رووعة ..

ثانكس ..

منتديات

Anonymous said...

مساء الخير انا عندى مدونة و فى مشكلة بخصوص السيت ماب ارجو المساعدة ممكن تضيف ايميلى و تكلمنى ارجو الرد bazgamez@yahoo.com

Wael said...

B A Z

ممكن تضيفنى
DR.WAEL4HEALTH

YAHOO & HOTMAIL

ahmed ibrahim said...

شكرا علي كود اخفاء شريط بلوجر فهو مفيد جداeldarelarabia.blogspot.com

عُـمَـر said...

السلام عليكم

استفدنا الكثير والكثير والله يا د.وائل

جزاك الله كل خير

ويشرفني زيارتك لمدونتي ومعرضي

www.islamicpsd.blogspot.com

Zyia said...

استاذي الكريم بعد حذف الشريط تبقت المسافة كما هي وهذا شوه شكل المدونة.. هل من الممكن حذف تلك المساحة او اشغالها بشيء اخر..
جزاك الله خير..
الاستفادة هنا كبيرة

Wael said...

عبد الله
ابدل الكود لديك بهذا الكود


#navbar-iframe {
display:block;
height:0;
}

الازوادي الصغير said...

السلام عليكم
إستفدت منكم د. وائل كثيرا ولا أعرف كيف أشكرك
عندي مشكلة : وهي تتعلق بالتعليقات : التعليقات تنشر في الجانب اليساري : كيف تصبح في الجانب اليمين الموافق للعربي ؟؟؟
إستخدم الكود اللي يجعل المقال في الجانب اليمبن ونجحت لكن بقيت المقالات دائما في الجانب اليساري
تحياني لكم يا د. وائــل

أبــو خــالــد said...

أخي لم إستطع إيجاد تلك الكلمة .. حاولت مرارا و تكرارا و لكن لا فائدة .. بإنتظار ردك .

Anonymous said...

مشاء الله موضوع اكثر من رائع

Anonymous said...

لدي نس المشكلة ، الكود يخفى الشريط آي نعم ولكنه يترك مكانه فارغا

areb4soft said...

شكرا لك اخي

Unknown said...

مشكور جدا أخي

Mohemed Ahmed 3nan said...

د/وائل أشكرك شكر جزيل على كل موضوعاتك الرائعه التى استفاد منها كثيرا وكثيرا وكما ذكرت انا اجلس على مدونتك اكثر من مدونتى جزاك الله عنا خير الجزاء وجعله فى ميزان حسانتك

Unknown said...

جزا الله على عملك

Einstein-DZ said...

السلام عليكم أما بعد:
د وائل بارك الله فيك على هذا المدونة الرائعة لكن أظن أن جوجل قد انتبهت إلى هذه أكواد حذف الشريط وألغت مفعولها فلم تعد صالحة لأنني جربتها كاملة ولم تنجح معي أرجو أن تفيدوني بارك الله فيكم

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

اضف تعليقك هنا

اضغط على عنوان البوست لتظهر التعليقات