بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , أقدم لكم اليوم هاك بسيط للتحكم في حجم وتصغير الصور الكبيرة تلقائيا ومنعها من الخروج على جسم التدوينة .. ما عليك سوى التوجه من لوح تحكم مدونتك إلى صفحة تحرير HTML ثم ابحث عن ]]></b:skin> و فوقها مباشرة أضف كود CSS الآتي مع استبدال ما لون بالأحمر بقيمة عرض الصور الأقصى المطلوب:

.post img  {
 max-width: 520px;
 width: expression(this.width > 520 ? 520: true);
 }

ثم تحفظ قالبك .

» تابع القراءة

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , شرح إضافة خلاصة المواضيع بجانب التصنيفات لمدونات بلوجر , حيث انها اضافة مميزة , تمكن زوار مدونتك من الاشتراك في RSS بالتصنيف المحبوب لديهم , فبدلاً من أن يشتركوا في كل التصنيفات فبإمكانهم مع هذه الإضافة من الاشتراك في التصنيف مفضل لديهم , ولمعرفة شرح إضافة خلاصة المواضيع بجانب التصنيفات لمدونات بلوجر , تابع معي ..

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

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

ثم قم بتغييره لهذا الكود

<b:loop values='data:labels' var='label'>
<li>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

ثم احفظ قالبك ..
لتصبح الإضافة بهذا الشكل

» تابع القراءة

شرح إظهار عناوين المواضيع فقط في الصفحة الرئيسية لمدونات بلوجر  . هاك بسيط يعمل على إظهار العناوين فقط وليس العنوان والموضوع معا .. حيث يظهر العنوان في الصفحة الرئيسية للمدونة فقط وعد الضغط عليه يحولك الى الموضوع الرئيسي . ولكي تستطيع تركيب هذا الهاك في مدونتك اتبع الآتي
1. ادخل الى لوحة التحكم ثم التصميم ثم تحرير ال HTML وقم بتوسيع القالب .
2. لا تنسى بأخذ نسخة احتياطية من القالب الخاص بك .
3. ابحث عن هذا الكود </head>
ثم أضف قبله " فوقه " مباشرة هذا الكود

<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>

والآن قم بحفظ القالب ..

» تابع القراءة

بسم الله والصلاة والسلام على رسول الله . أخواني الكرام السلام عليكم ورحمة الله وبركاته . جئت اليكم اليوم بتدوينة مميزة ألا وهي شرح عمل تحديث " Refresh " للمدونة أتوماتيكيا . درس سهل وبسيط جدا . حيث أهميته تكمن في جعل زائرك يعرف جديد مدونتك كل لحظة . حيث ستكنك هذه الخاصية من عمل تحديث لمدونتك أتوماتيكيا . ولن يكون الزائر بحاجة الى عمل تحديث " Refresh " للمدونة
أو أي شيء من هذا القبيل.
ولإضافة هذه الخاصية لمدونتك اتبع الآتي
أولا الدخول الى لوحة التحكم >> ثم الى التخطيط >> ثم تحرير ال HTML
ثم بعد ذلك : خطوة مهمة قم بعمل نسخة باك أب للقالب " أي احتفظ بنسخة من القالب "
1. قم بتوسيع القالب
2. قم بعمل بحث عن 

<head>

3. ثم أضف فوقه مباشره هذا الكود

<meta HTTP-EQUIV='refresh' content='15;URL=http://droos-b.blogspot.com'/>

مع تغيير اسم droos-b باسم مدونتك
 4. قم بعمل حفظ للقالب
تم بحمد الله .. أي إستفسارات يرجى وضعها بالتعليقات

» تابع القراءة

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

• ادخل الى حسابك في موقع بلوجر .
• من خلال لوحة التحكم ادخل على تصميم .
• من خلال تصميم ادخل الى تحرير html .
• ستجد أمامك أكواد القالب الخاص بمدونتك .
• ابحث في القالب الخاص بمدونتك عن هذا الكود

]]></b:skin>

وقم باستبداله بهذا الكود

#navbar-iframe { display: none !important; }
]]></b:skin>

ثم اضغط حفظ .. ثم قم باستعراض القالب الخاص بك .

» تابع القراءة