Post Top Ad

Your Ad Spot

الجمعة، 29 يونيو 2012

وضع خلفية او صورة لعناوين المشاركات بمدونات بلوجر

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















وبالتالى اضغط على زر متابعة












من بعدها قم بوضع علامة على خاصية توسيع القالب














الان اضغط على ازرر CTRL + F من لوحة المفاتيح الكيبورد لظهور خاصية البحث
الان قم بالبحث عن هذا الكود
post h3
من الممكن تشاهد هذا الكود مكرر ومن الممكن غير متواجد
اذا كان هذا الكود متواجد بالفعل ومكرر فالكود الصحيح يكون على النحو التالى :

post h3 {
color:#3E3533;
font-size:20px;
font-weight:bold;
line-height:1.4em;
margin:0.25em 0 0

فالان سنضع هذا الكود اسفل الكود الذى بحثنا عنة وهو  post h3
الكود الذى سنضعه

 background: url( https://lh4.googleusercontent.com/-4BmOMPvtzA0/T9pp54qeM9I/AAAAAAAAAXY/T61WonbwCXk/h120/menu-primary-shadow.png ) top repeat-x;
color:#3E3533;
font-size:20px

بمعنى يكون بهذه الطريقة :

 .post h3 {
background: url( https://lh4.googleusercontent.com/-4BmOMPvtzA0/T9pp54qeM9I/AAAAAAAAAXY/T61WonbwCXk/h120/menu-primary-shadow.png ) top repeat-x;
color:#3E3533;
font-size:20px

ملحوظة : قم بتغير رابط الصورة الى اى صورة تريدها .

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

 ]]></b:skin>

الأن سنضع هذا الكود التالى فوقة مباشرة :

 .post h3 {
background: url( https://lh4.googleusercontent.com/-4BmOMPvtzA0/T9pp54qeM9I/AAAAAAAAAXY/T61WonbwCXk/h120/menu-primary-shadow.png ) top repeat-x;
color:#3E3533;
font-size:20px

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

 .post h3 {
background: url( https://lh4.googleusercontent.com/-4BmOMPvtzA0/T9pp54qeM9I/AAAAAAAAAXY/T61WonbwCXk/h120/menu-primary-shadow.png ) top repeat-x;
color:#3E3533;
font-size:20px
]]></b:skin>

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

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






















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

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

هناك تعليقان (2):

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad