-->

تقنية ، إنترنت ، برامج ، إسلامية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

الأحد، 23 فبراير 2014

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

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

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

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

 2- نضغط على كلمة  قالب  من القائمة الجانبية   مثل الصورة التالية :





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




 ومن  تلك الصورة السابقة نضغط على تحرير   HTML    ، لكي يظهر لنا الصورة التالية:  





3- نبحث عن الكود التالي (اضغط على CTRL + F من الكيبورد لظهور عملية البحث ):
</head>
4 - بعد أن نجد الكود السابق  نضع الكود التالي فوقه مباشرة :

<style type='text/css'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    .post {
    margin:.5em 0 1.5em;
    border-bottom:0px dotted $bordercolor;
    padding-bottom:1.0em;
    height:50px;
    }
    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:20px;
    font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
    font-weight:normal;
    line-height:1.4em;
    color:#cc6600;
    }

    .post h3 a, .post h3 a:visited, .post h3 strong {
    display:block;
    text-decoration:none;
    color:#cc6600;
    font-weight:normal;
    }
    .post h3 strong, .post h3 a:hover {color:#333333;}
    .post-body {display:none;}
    .post-footer {display:none;}
    .comment-link {display:none;}
    .post img {display:none;}
    .post blockquote {display:none;}
    .post blockquote p {display:none;}
    h2.date-header {display:none;}
    .post-labels {display:none;}
    .post-rating {display:none;}
    </b:if>
< /style>
5- نضغط على زر حفظ التغيرات   لكي يتم حفظ القالب .

جزى الله خيرا كل من ساهم فيه

ليست هناك تعليقات:

إرسال تعليق