Search
Recommended Apps
Recommended Games
New Releases
الجمعة، 31 يناير 2014
الثلاثاء، 28 يناير 2014
إضافة تعريف كاتب التدوينة
بسم الله الرحمن الرحيم
السلآم عليكم ورحمة الله وبركاته
شرح كامل إضافة تعريف كاتب التدوينة - عن المدون - لمدونات بلوجر
اعتقد بأنك قد شاهدت مدونات زرتها ، وكيف تكون كل تدوينة متبوعة بصندوق يظهر بعض المعلومات التي يكتبها المؤلف عن نفسه مع صورة له ، والكثير منا تمنى ان يحصل على هذه الاضافة في مدونات بلوجر.
نتعلم اليوم طريقة إضافة تعريف للكاتب أسفل موضوعه لكل من المدونات الشخصية ذات الكاتب الوحيد و كذلك المدونات التي تعدد كتابها .
صورة :
1 : طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية
هذه الطريقة سوف تهم المدونات الشخصية التي يكتب فيها كاتب وحيد، و ستظهر نبذة عنه في أسفل كل مواضيع مدونته.
من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير HTML و قبل البدء في التعديل احفظ نسخة احتياطية من قالبك على حاسوبك. ثم
تحرير HTML.
الخطوة الأولى (*) : ابحث عن ]]></b:skin> و قم بتوسيعه و قبله مباشرة ضع كود CSS الآتي :
الخطوة الثانية : ابحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة) ثم مباشرة بعدها ضع الكود الآتي:
<b:if cond='data:blog.pageType == "item"'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3> <p> فقرة تضم نبذة عن الكاتب </p> </div> </b:if>
غير ما لون بالأحمر ثم احفظ القالب، و بهذا تكون قد أنهيت المهمة بنجاح، حيث سيمكنك معاينة صنيعك عبر التوجه لصفحة موضوع ما
2 : طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الجماعية متعددة الكتاب
كثير من المدونات في الآونة الأخيرة بدأت تعتمد على أقلام كاتبين أو أكثر، و الطريقة التي كان ينهجها أصحابها لوضع تعريف للكاتب تكون عبر تضمينه داخل جسم التدوينة و يتكرر الأمر مع كل موضوع. الآن سنضع تعريفات الكتاب في القالب و سيظهر كل تعريف موافقا لموضوع كاتبه.
أولا ستتبع نفس الخطوة الأولى (*) كما في المدونات الشخصية أي نفس كود CSS ستضعه كما ذكر سابقا.
ثم تبحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة) و مباشرة بعدها ضع الكود الآتي:
قبل الحفظ غير ما لون بالأحمر، و كرر كود تعريف الكاتب الثاني إن كنتم أكثر من كاتبين، و كذلك افعل عند الحاجة.
كذلك يمكن تعديل كود CSS لتعدل خلفية و حدود مستطيل تعريف الكاتب .
السلآم عليكم ورحمة الله وبركاته
شرح كامل إضافة تعريف كاتب التدوينة - عن المدون - لمدونات بلوجر
اعتقد بأنك قد شاهدت مدونات زرتها ، وكيف تكون كل تدوينة متبوعة بصندوق يظهر بعض المعلومات التي يكتبها المؤلف عن نفسه مع صورة له ، والكثير منا تمنى ان يحصل على هذه الاضافة في مدونات بلوجر.
نتعلم اليوم طريقة إضافة تعريف للكاتب أسفل موضوعه لكل من المدونات الشخصية ذات الكاتب الوحيد و كذلك المدونات التي تعدد كتابها .
صورة :
1 : طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الشخصية
هذه الطريقة سوف تهم المدونات الشخصية التي يكتب فيها كاتب وحيد، و ستظهر نبذة عنه في أسفل كل مواضيع مدونته.
من لوح تحكم مدونتك توجه إلى تصميم ثم تحرير HTML و قبل البدء في التعديل احفظ نسخة احتياطية من قالبك على حاسوبك. ثم
تحرير HTML.
الخطوة الأولى (*) : ابحث عن ]]></b:skin> و قم بتوسيعه و قبله مباشرة ضع كود CSS الآتي :
رمز Code:
/* Author Bio */.postauthor {
background: #F5F5F5;
border-top: 1px solid #e1e1e0;
border-bottom: 1px solid #e1e1e0;
overflow: hidden; padding: 0.7em;
}
.postauthor img {
border: 5px solid #e2dede;
float: right; margin-left: 1em;
}
.postauthor h3 {
color: #666; font-size: 1.2em;
margin-bottom: 5px;
margin-top: 0;
}
.postauthor p {
color: #515151;
font-size: 12px;
margin-bottom: 10px;
margin-top: 0;
}
/* Author Bio End */
<b:if cond='data:blog.pageType == "item"'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3> <p> فقرة تضم نبذة عن الكاتب </p> </div> </b:if>
غير ما لون بالأحمر ثم احفظ القالب، و بهذا تكون قد أنهيت المهمة بنجاح، حيث سيمكنك معاينة صنيعك عبر التوجه لصفحة موضوع ما
2 : طريقة تركيب إضافة تعريف الكاتب في مدونات بلوجر الجماعية متعددة الكتاب
كثير من المدونات في الآونة الأخيرة بدأت تعتمد على أقلام كاتبين أو أكثر، و الطريقة التي كان ينهجها أصحابها لوضع تعريف للكاتب تكون عبر تضمينه داخل جسم التدوينة و يتكرر الأمر مع كل موضوع. الآن سنضع تعريفات الكتاب في القالب و سيظهر كل تعريف موافقا لموضوع كاتبه.
أولا ستتبع نفس الخطوة الأولى (*) كما في المدونات الشخصية أي نفس كود CSS ستضعه كما ذكر سابقا.
ثم تبحث عن <data:post.body/> (إن وجدت ثنتين فالثانية هي المقصودة) و مباشرة بعدها ضع الكود الآتي:
رمز Code:
<b:if cond='data:blog.pageType == "item"'> <!-- تعريف الكاتب الأول --> <b:if cond='data:post.author == "أحمد"'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> أحمد </a></h3> <p> فقرة تضم نبذة عن الكاتب </p> </div> </b:if> <!-- تعريف الكاتب الثاني --> <b:if cond='data:post.author == "جواد"'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> جواد </a></h3> <p> فقرة تضم نبذة عن الكاتب </p> </div> </b:if> </b:if>
كذلك يمكن تعديل كود CSS لتعدل خلفية و حدود مستطيل تعريف الكاتب .
الاثنين، 27 يناير 2014
هذا كل شيء
هذا كل شيء. وقد تم دمج وجهة نظام ويندوز 8 تبدو وكأنها قائمة التنقل في موقع الويب الخاص بك.
تذكر: يمكن استخدام هذه القائمة على أي منصة تدعم HTML أو CSS والخ.
اتمنى ان تكون نالت اعجبكم «•¨•» وإن شاء الله فى القريب العاجل هناك بعض المفاجآت الجديدة.فاتبعوني وتأكدوا أن كل من مرّ وأصبح من متابعي مدونتي , سأسارع وأصبح من متابعي مدونته. وفي انتظار ردودكم الطيبه وارائكم واستفسارتكم. والسلام عليكم ورحمه الله وبركاتة
الخميس، 23 يناير 2014
السبت، 18 يناير 2014
هل أنت من الأشخاص الذين استهوتهم
هل أنت من الأشخاص الذين استهوتهم برمجة المواقع يوما ما ، وبدأت تتعلمها بنفسك عبر بعض المواقع ، وهذا كله لما سمعت عن البرمجة أنها تدخ بمبالغ مالية مقبولة عندما تصبح متمكنا في ذلك ، وقد تحتاج بتزامنك في تعلمها أو حتى بعد أن تصبح محترفا لبعض البرامج التي يمكنك استعمالها كمحرر للغة ال html أو css اللتان تستخدمان لبناء وتصميم المواقع وكذا لغات تطوير وبرمجة المواقع مثال php .
برنامج microsoft expression web يعد الحل الأجمل لمصممي المواقع ، وهو برنامج مجاني من تطوير شركة مايكروسوفت يمكنك من خلاله تصميم المواقع عليه بالطريقة المرئية وأنت تقوم بوضع الأكواد ، وهذه ميزة جميلة جدا سوف تفيد المبتدئين الذين يودون توفير الوقت ، وحتى المحترفون.
microsoft expression web
بعد تحميل البرنامج وتثبيته على حاسوبك ، ستتمكن من استعماله في ما دكرته في الأول ، ويوفر لك أيضا خاصة إكمال الأوامر والوسوم في لغة html و css ، فمثلا يقوم المبرمج بكتابة بداية إسم الأمر ، وسوف يلاحظ قائمة ظاهرة يختار فيها ما يشاء وهو أمر مساعد لحد كبير .
برنامج microsoft expression web يمكنك من تصميم صفحة على الأنترنت مرئية بالطريقة الموجودة في الوورد ، حيث يقوم المطور بالكتابة في نافذة التصميم ، ومباشرة يقوم البرنامج بكتابة الأكواد بشكل آلي ، ويمكنك أيضا من عرض الصفحة مباشرة بعد كتابة الأكواد داخل البرنامج ، أ
الاشتراك في:
الرسائل (Atom)