الخميس، 23 فبراير 2012

كيف تفصل بين مواضيع مدونتك في الصفحة الرئيسية بطريقة انيقة وجذابة ؟

قراءة للموضوع

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

طريقة اضافة صورة تفصل مواضيع مدونتك في الصفحة الرئيسية
انقر على الصورة للتكبير

طريقة رفع الصور في موقع العملاق : 

طبعا يا شباب هذا الرابط   http://siahdesign.com/archives/210  لموقع فيه عدة صور جميلة بامكانك ان تختار واحدة منهم ثم انقر بالزر الايمن على الصورة ثم اختر ( حفظ باسم ) واحفظها مثلا في سطح المكتب ، ثم انتقل الى موقع رفع الصور العملاق على الرابط  التالي :  http://www.0zz0.com/  ولمعرفة طريقة رفع الصور في موقع العملاق لاحظ الصورة التالية   :

طريقة اضافة صورة تفصل مواضيع مدونتك في الصفحة الرئيسية
اضغط على الصورة للتكبر

والان دعونا نبدا بخطوات : طريقة اضافة صورة فاصلة بين المواضيع لمدونات بلوجر : 

1 - ادخل على لوحة تحكم مدونتك .

2 - ثم انقر على قالب - ثم تحرير HTML - ثم متابعة .

3 - ابحث عن هذا الكود (   .post {    )  باستخدام مفتاح ( CTRL+F  ) .

4 - ثم قم بوضع الكود التالي بداخله قبل القوس } :

background: url(http://www6.0zz0.com/2012/02/23/15/427618559.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
* اللون الاحمر : رابط الصورة الفاصلة بين المواضيع . بامكانك ان تختار صورة اخرى تتناسب مع لون  مدونتك ثم تقوم برفعها في اي موقع لرفع الصور مثلاً موقع  http://www.0zz0.com  ثم ضع رابط صورتك مكان الرابط باللون الاحمر في الكود اعلاه  . 
لاحظ الصورة التالية توضح كيف واين تضع الكود في قالب المدونة :


طريقة اضافة صورة تفصل مواضيع مدونتك في الصفحة الرئيسية



5 - قم بمعاينة القالب ثم اعمل حفظ . وحظا سعيدا ،،،

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

36 التعليقات:

سوفت وير يقول...

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

سعد الاسمري يقول...

في الاولى اعتذر عن التاخير
وفي الثانية اشكرك على الرد في التدوينة السابقة

وفي الثالثة وهي عند دخولك لموقعي لابد من قراءة اي موضوع وبعد ذلك انزل الى نهاية الصفحة ستجد ان هناك نافذة منبثقة تظهر اسفل الصفحة على اليمين
فانا سجلت في هذا الموقع لعمل هذه النافذه اوك

طيب انا الان اريد ان اعمل تعديلات على هذه النافذه

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

ارجوا من الله انني وضحت بذلك الصورة تمام لكي تفهم مقصدي

هذه مشكلتي فقط واسال الله ان يوفقك لكل خير ويرزقك العفو والعافية

خالد محمد (ابوخلود) يقول...

اخي سعد حياك الله وآسف على التاخير ،،
فتحت احدى مواضيعك وشاهدت اسفل الصفحة على اليمين قائمة منبثقة مسجل عليها (RECOMMENDED FOR YOU ) وفيها ايظا زر اعجاب فيسبوك وزر تويتر وخلف هذه القائمة ( الاولى ) قائمة اخرى تشبهها بس لا يوجد بها زر اعجاب الفيسبوك وتويتر . السؤال هل انت تتكلم على هولاء القوائم المذكورة او قائمة اخرى ؟
ثم حدد القائمة هل الاولى او الثانية التي خلفها مباشرة ؟

خالد محمد (ابوخلود) يقول...

اخي اسعد : طبعا هذه الاظافة يوجد لها موقع على الرابط التالي :
http://recommended-slide.blogspot.com/
فمجرد ما تنقر على الصورة التي بالاسفل ( add to blogger ) تظاف مباشرة الى موقعك او مدونتك

FPL يقول...

Hi
I am an amateur photographer and public blogs. The site where he had closed and now I'm redoing. The photo of my people is:
http://zorita01.blogspot.com/
Ls pictures of my travels in Spain are in:
http://hispania01.blogspot.com/
The overseas want to start remake.
Greetings from Spain.

سعد يقول...

اشكرك اخي خالد
ولكن ان اتكلم عن القائمة الاولى (RECOMMENDED FOR YOU )
اريد اسم الموقع هذا لقد نسيته

فقط ليس اكثر واعتذر عن التاخير جزاك الله الف خيرا

غير معرف يقول...

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

die-nachrichten يقول...

مكشوووووووووووووووووووور :)

Allo Pc يقول...

مدونة
"Allo Pc"
ترحب بكم أجمل الترحيب
و تتمنى لكم وقتا سعيدا مليئا بالحب كما يحبه الله و يرضاه
فأهلا بكم في المدونة المباركة إن شاء الله
و نرجوا أن تفيدوا و تستفيدوا منها
لكم منا أجمل المنى و أزكى التحيات
http://allopcinfo.blogspot.com

حمزة الأسد يقول...

تحية طيبة أيها الأخ الكريم أبو خلود
لدي استفسار عام، هل تغيّر نظام Blogspot من com. إلى de.؟ أم الأمر خاص ببعض المدونات فقط؟
منذالبارحة وقد تغير عنوان مدونتي أعني نقطة الربط الأخيرة فيه.
أتمنى أن تفيدني وشكرا لك

Entrümpelung Gratis يقول...

مشكووووووووووووووورين على الايضاح

Umzug Wien يقول...

موفقييييييييييييييين

umzug wien يقول...

مدونة قيمة جدااااااااااااا

منتدى الربح من الانترنت يقول...

http://c-a-t-ch.blogspot.com/

منتدى الربح من الانترنت يقول...

تسلم ايديك

أخبار اليوم يقول...

موضوع رائع وممتاز جداا

Umzug Wien يقول...

مشكووووووووووور .. تسلم ايديك

وظائف خالية يقول...

مشكووووووووووور .. موضوع ممتاز

الربح من الانترنت يقول...

مشكووووووووووور .. موضوع ممتاز

الكل على النت يقول...

مشكور اخى اتمنى الافضل

Räumung wien يقول...

فين الموضوعات الجديدة .. ؟؟

Übersiedlung Wien يقول...

شكراً كتيييييييير

Zwangsräumung يقول...

شكراً كتيييييييييير على الموضوعات .. :)

Transport Wien يقول...

الله يوفقكم..ع المجهود...:)

Internationale Umzug يقول...

الله يعينكم على المجهوووووووووووووود :)

Umzug in die Schweiz يقول...

موفقين .. وعايزيين نشوف الجديد !؟

Hausräumung Wien يقول...

تحياتى لكم .. فين الموضوعات الجديدة

Verlassenschaft Wien يقول...

شكراً ع الموضوع ..اتمنى عرض الجديد من الموضوعات

Umzug nach Luxemburg يقول...

شكراً على المجهود .. دمتم بخير :)

Wohnungsräumung يقول...

فجئنا دوووما بالجديد ... موفق

خالد محمد (ابوخلود) يقول...

انتظرو جديدنا في الايام القريبة

ForAnything يقول...

http://travianj.com/ts4/register.php?ref=14

جميل يقول...

روعه ابداع
شرفني بحساباتي

تويتر شعر

انستقرام شيلات

انستقرام ضحك

تويتر حب

دورات تدريبية يقول...

يسلموووووووووووووووو

دورات تدريبية يقول...

يسلمووووووووووووووووو

تاج للخدمات المنزلية يقول...



شركة تاج لتنظيف المنازل بالدمام 0551844053 وتسليك المجارى وتنظيف البيارات وتنظيف المجالس
والكنب وتنظيف المفروشات وكافة الخدمات المنزلية المتعلقة بتنظيف المنزل


شركة تسليك مجارى بالدمام
شركة تنظيف منازل بالدمام