+ + + + +
Share/Save/Bookmark

2008-04-18

اضافة قطع الى رأس المدونة وجسمها




عندما تريد ان تضيف قطعة الى مدونتك ببساطة تذهب الى
dashboard > layout > template > page elements
ثم نضغط على add page element
الموجوده اعلى منطقة الاطار الجانبى sidebar
هذا هو المعروف لدينا جميعا
ــــــــــــــــــــــــــــــ
هذا الموضوع يشرح امكانية اضافة ( اوبشن ) يتيح لك اضافة قطع فى منطقة رأس المدونة وكذلك منطقة الجسم والذيل
adding elements in the header , main and the foot of the blog

اذهب الى صندوق الاكواد متبعا ذلك المسار
dashboard > layout > template > EditHTML

فى صندوق الاكواد فى الجزء الاسفل منه ابحث عن تلك القطعة



<div id="header-wrapper"> <b:section class="header" id="header" maxwidgets="1" showaddelement="no">




غير القيم لتصبح بهذا الشكل


<div id="header-wrapper"> <b:section class="header" id="header" maxwidgets="3" showaddelement="yes">




القطعة السابقة خاصة برأس المدونة header-wrapper

بعد الانتهاء ابحث عن تلك القطعة الخاصة بجسم المدونة


<div id="main-wrapper"> <b:section class="main" id="main" showaddelement="no">





غير القيم لتصبح بهذا الشكل

<div id="main-wrapper"> <b:section class="main" id="main" showaddelement="yes">




ملاحظة
ربما تجد كلمة main-wrap او حتى main بدلا من main-wrapper
وكذلك ربما تجد كلمة haeder-wrap او headrer بدلا من header-wrapper


بشكل عام وللتبسيط على الجميع
ابحث فى صندوق الاكواد عن كل كلمة showaddelement
ثم غير قيمتها التى بين القوسين واجعلها yes بدلا من no

وابحث ايضا عن كل كلمة maxwidget
ثم غير قيمتها التى بين القوسين الى الرقم 3 بدلا من 1

بعد الانتهاء احفظ القالب
ثم اذهب الى لوحة القطع لتجدها اصبحت بهذا الشكل



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

يمكن عمل ذلك عن طريق اضافة تلك القطعة الى صندوق الاكواد


<div id="content-wrapper">
<div id="crosscol-wrapper" style="text-align:center"> <b:section class="crosscol" id="crosscol" showaddelement="yes/">
</div>




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

<div id="header-wrapper">
<div id="headrer-wrapper" style="text-align:center">
اكواد منطقة الرأس
</div>



لاحظ انها تبدأ بكلمة

وتنتهى بكلمة



وستجد قطعة الجسم بالشكل التالى

<div id="main-wrapper">
<div id="main-wrapper" style="text-align:center">
اكواد منطقة الجسم
</div>


انسخ انت الكود فى سطر جديد بعد قطعة الرأس بحيث يكون قبل قطعة الجسم او قطعة الاطار الجانبى

ب
عد الحفظ سوف تجد لوحة القطع اصبحت بالشكل التالى

لو فيه اى اسفسارات او اقتراحات ارجو انى اشوفها

ومتمشيش لو سمحت قبل ماتضيف تعليق تقول فيه رأيك

c u



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

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

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

Dr-hema said...

شوف ياباشا معلهش تاعبك معايا
عايز اعمل فوتر للموضوع يعنى يظهر بعد كل موضوع
حضرتك فاهمنى

مثلا يبقى فاصل يعنى ظريف كده بين المواضيع

د/هيما

Om Dodo 7abiby said...

انا مش عارفة أشكر حضرتك إزاى والله على المعلومات الجميلة دى
ربنا يجعلها فى ميزان حسناتك ان شاء الله

بالنسبة لاضافة القطع لراس المدونة وجسمها حاولت أجربها فى القوالب الجاهزة غير قوالب بلوجر المعروف لم تستجيب
يا ترى هى مقصورة على قوالب بلوجر بس ولا ايه ؟

دمت بخير أخى
سالى

Wael said...

dr-heama

هى الطريقة يمكن تكون صعبة شوية

هاتحمل القالب بتاعك الاول download full template

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

وتروح صندوق الاكواد , تمسح اللى فيه , وتحط الاكواد اللى نسختها

ابحث عن القطعة دى

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>

<p class='post-footer-line post-footer-line-3'/>

فى السطر اللى بعدهل , الصق القطعة دى

<div>
هنا اكتب اللى انت عايزه , هايظهر الكلام فى نهاية كل بوست
</div>


ودوس preview عشان تشوف النتيجة

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

Om Dodo 7abiby

العفو يافندم , ربنا يكرمك

لا مش مقصورة على قوالب البلوجر بس , فى اى قالب حديث "مودرن" من نوع xml

انما القوالب الكلاسيك مش هاتنفع

لو فيه رسالة خطأ ظهرتلك , ممكن تلاقى فيها السبب , او تذكرى الخطوات اللى قمتى بيها

او ممكن تبعتيلى القالب مرفق فى رسالة لايميلى , وانا هاشوفه

dr.wael4health@hotmail

Dr-hema said...

شكرا ياباشا
لا صعبة مش وقته بقى
جزاك الله كل خير

Dr-hema said...

شكرا ياباشا
لا صعبة مش وقته بقى
جزاك الله كل خير

Dr-hema said...

طيب معلهش ياباشا
انا عارف انت هتقول انت طلعلتى منين
مدونتى
بتهنج

وبتبفتح الهيدر الأول
وبعدين
البودى
وبعدين السايدبار
لوحده
مش عارف ليه

د / احمد فارما said...

بجد انا مش عارف اشكرك ازاي علي المجهود ده ...

جزاك الله خيرا عنا جميعا ..

لك مني اعز التحيات

تم اضافه مدونتك الي مدونتي

Wael said...

dr-hema

حاول تقلل كمية الجرافيك على قدر المستطاع

ثانيا خلى عدد البوستات فى كل صفحة مايزيدش عن 3 افضل

ثالثا : احتمال ان يكون العيب من السيرفر او حتى من عندك انت بس بسبب بطء النت .

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

د/ احمد فارما :

العفو يافندم

تحياتى المتبادلة (:

a7laGoal said...

بجد أنا استفدت مش بس من الدرس ده لا ومن حاجات تانية كتيرة..

أشكرك بشده على المعلومات القيمة دي

ويارت تزور المدونة بتاعتي وتديني رأيك فيها..

www.a7lagoal.blogspot.com

عاشق العراق said...

اخ وائل يا ؤيت طريقة الاضافة الى ذيل المدوتة

$PIDER-M@N said...

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

RoOre said...

السلام عليكم

شكرا جدا يا أ/وائل على المعلومات ودايما مستفاده من مدونتك
انا جربت الطرق ونجحت فيها بس عندى سؤال انا عايزه اضيف اطار جانبى تانى ممكن تفدنى اعمله ازاى؟
اشكرك جدا على الاهتمام

Wael said...

roore :

وعليكم السلام ورحمة الله

بصراحة انك تضيفى اطار تانى , لازم تقراى كل الدروس اللى اسمها " اساسيات لابد منها " .

باختصار , عشان تضيفى اطار تانى هاتنسخى اكواد الاطار الاولانى هايكون اسمه مثلا sidebar وتعملى زيهم باسم sidebar2 وتلصقيهم فى جسم المدونة و ف منطقة البودى كمان , طبعا مع مراعاة تغيير المقاسات الجديده .

ده اجمالا , حاولى وانا معاكى لو احتجتى اى حاجه , انا اونلاين كمان دلوقتى لمدة ساعة من الان

RoOre said...

شكرا جدا يا أ/وائل على سرعة الرد انا حاولت اكلمك اون لاين بس الظاهر انه انجليزى
انا هحاول ولو فى جديد هكتبلك فى الموضوع
انا ضفت مدونتك عندى فى المدونة لاهميتها شكرا ليك وكل سنه وانت طيب

RoOre said...

معلش سؤال انا عايزه اعمل اطار تانى بس من الجانب الاخر مش الاتنين فى جنب واحد

ادور على ايه فى الحالة دى؟

بدرالنيــــل said...

بصراحة انت زى العسل

raafattawfik said...
This comment has been removed by a blog administrator.
بـسـمـــة صـــــلاح said...

السلام عليكم ورحمة الله وبركاته
حضرتك ماشاء الله تعبان اوي اكيد في الحاجات دي
بس بصراحة مفهمتش اي حاجه معلش غباء
بس انا مبفهمش انجلش كتير ونفسي احط في المدونة بتعتي انشودة وكمان عايزة شريط بيمشي زي شريط الاخبار ازاي؟؟؟
ممكن تساعدني
جزاك الله خير
وسوري ع الازعاج
مودتي(:

Wael said...

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

الشريط اعتقد انه موجود شرحه فى كيفية انشاء نص متحرك

كل ماعليكى انك تبدلى النص باكواد اللينكات
وكود اللينك بالشكل ده

<a href="هنا الرابط"> هنا اسم الرابط </a>

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

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

اتمنى ان يكون الاجابة وصلت

thekayser said...

د. وائل
السلام عليكم
انا سمعت ان مصادر حضرتك
فى البحث عن جديد المدونات
وتحديثها وان الهارد اتفرمط وكده يعنى
مصادرك ضاعت
http://woork.blogspot.com/
ده فى كل حاجه عن المدونات
لكن انجلش لو ينفع تدرسه وتبقى
تترجملنا اللى فيه
يبقى الخير هيعم علينا
وعلى الكل
تحياتى لك
ودى مدونتى
لو حضرتك شوفت ان المعلومه اللى
انا اعطيتهالك مفيده
فياريت تفيدنى انا كمان
بالزياره الى مدونتى
ولو فيها اى حاجه ناقصه
او حتى نصائح من حضرتك اكون عاجز عن الشكر الصراحه
ودى مدونتى
www.download4arab.blogspot.com
وتقبل مرورى

mimo said...

انت فنان ولو تكمل جميلك وتشرح ازاي تشيل عمود من عواميد البلوجر او وضع عامود تبقة تمام اوي

aleslame said...
This comment has been removed by a blog administrator.
Osama El Sayed ADMIN said...

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

Osama El Sayed ADMIN said...

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

محمد على said...

شكرا لك

السرداب said...

السلام عليكم
تسلم اخي على مجهودك جزاك الله خيرا

اريد اضافة روابط في راس الصفحة مثلا فيديو صور العاب
ممكن تشرحنا هذه الطريقة
وهذا رابط المدونة
http://asirdabe.blogspot.com/

Wael said...

السرداب

اعقتد مشروح هنا بطريقة مماثلة
http://blogger-lu2a.blogspot.com/2009/03/horizontal-buttons.html

Najla said...

مشكور ..وشرح وافي بس كنت حابه في اول الدرس الي عن رأس المدونة انه يكون عربي

dashboard > layout > template > page elements
ثم نضغط على add page element
الموجوده اعلى منطقة الاطار الجانبى sidebar
هذا هو المعروف لدينا جميعا


...لاني توقفت عندها مافهمت ..شكرا عموما

Wael said...

najla
*******
معلش , بس الدرس بتاريخ 2008-04-18
ساعتها بلوجر مكنش فيها لغة عربية اصلا والمرادفات العربية لم يكن لها وجود :)
لما بدات بلوجر تدعم اللغة العربية اصبحت انوه فى معظم الدروس عن تلك المترادفات

--((حـــبـــ وبكيت ـيـــت))-- said...

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

محمد إسماعيل سلامه said...

انا قمت بكل الخطوات وتم إنشاء قسم جديد لإضافة اداة بالرأس ةلكن كود الشريط الإخباري الموضوع بعد اتباع التعليمات يظهر رسالة خطأ ربما الجافا السبب ولكن كل المواقع التي بها شريط إخباري تعل عندي بلامشاكل سأحاول تجريب الأوبرا أو فايرفوكس لكن أرجو منك وضع كود آخر أو أكثرلشرط إخباري ىخر

مهندس أزهرى said...

بصراحة ما شفت أروع من هذا ربنا يجزيك عن المسلمين كل خير
أخوك عبده طلبه بكالوريوس هندسة الأزهر 2010 ودى مدونتى
http://engabdo2011.blogspot.com/

Have A Job said...

يااخى جزاك الله خيرا طيبا مباركا فيه

Mohamed Swidan said...

حضرتك انا جربت اضيف الكود لكن بيطلع خطأ وانا عندى ممكن احط اعلان فى اسفل قبل الرسائل ولكن يكون محدود وليس بكامل الصفحى بمعنى انه يكون بجانب السايد بار وانا اريده ان يغطى المنطقة فوق الرسائل والسايد بار معا ممكن القاء نظرة على مدونتى ومراسلتى ان امكن www.etetec.com

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

Post a Comment

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

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