• اخر المشاركات

    كينج نت الدعم الفنى لمدونات بلوجر

    موقع كينج نت الدعم الفنى لمدونات بلوجر ونظم التشغيل الكمبيوتر والانترنت

    الجمعة، 5 أبريل، 2013

    كيفية اضافة اقسام المشاركة اسفل عنوان التدوينة لزيادة الأرشفة

    http://www.kingnt.com/2013/04/blog-post_4.html
    مرحبا زوار ومشاركين مدونة كينج نت درسنا اليوم يتحدث عن كيفية اضافة اقسام
    المشاركة اسفل عناوين التدوينة طريقة ليست جديدة على اصحاب الخبرة بهذا المجال
    فقررت ان اضع هذه الطريقة لمن يحتاجها وبالأخص من المدونين الذين يعنون من
    عدم وجود اقسام المشاركة بالتدوينة نفسها فهذه الطريقة مفيدة جدا وان شاء الله تأتى
    بثمار جيد من حيث الأرشفة لن اطيل عليكم بالكلام وساضع لكم الطريقة بشكل مبسط ولكن قبل ان نقوم بالبحث عن الأكواد بالقالب يجب اخذ نسخة احتياطية لقالب المدونة لتفادى حدوث اى خطاء ولمن لا يعرف طريقة اخذ نسخة احتياطية ادخل على هذا الرابط لتعرف الطريقة درس للمبتدئين اخذ نسخة احتياطية لقالب المدونة



     شرح تركيب الأضافة :

     فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير HTML


    الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح
    ابحث عن هذا الكود :
    ]></b:skin>
    ضع قبلة مباشرة هذا الكود :
     div.tag{font-size:11px; padding-top:5px; color:#999999; margin-bottom:10px;}
    .profileImage{float:left; margin:3px 6px 2px 0px; background:#FFF; padding:4px;}
    .post-tag{font-family:Georgia, &quot;Times New Roman&quot;, Times, serif; font-size:12px; margin-bottom:10px;}
    .post-tag a:link, .post-tag a:visited{color:#666; text-decoration:none; font-style:italic;}
     ثم ابحث عن هذا الكود :

    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>
    ضع بأسفلة مباشرة هذا الكود :


    <!-- TAG -->
    <div class='post-tag'> <b style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>Tag</b>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ &quot;?max-results=10&quot;' rel='tag' style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>
    <data:label.name/>
    </a>
    <b:if cond='data:label.isLast != &quot;true&quot;'/>
    </b:loop>
    </b:if>
    </div>
    بمعنى ان نضع الكود اسفل الكود السابق مثال لذلك : هكذا

     <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>

    <!-- TAG -->
    <div class='post-tag'> <b style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>Tag</b>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ &quot;?max-results=10&quot;' rel='tag' style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>
    <data:label.name/>
    </a>
    <b:if cond='data:label.isLast != &quot;true&quot;'/>
    </b:loop>
    </b:if>
    </div>
     الأن بأمكانك ان تضغط على زر معاينة لتشاهد النتيجة اذا اعجبتك هذه الطريقة قم بالضغط على زر حفظ تغيرات القالب ومثال لهذه الطريقة تجدها بمدونة كينج نت كما تلاحظون اقسام التدوينة اسفل عناوين المشاركة

    ملحوظة : 

     اذا كنت تريد تغير كلمة Tag الى اى كلمة تريدها قم بتغير الكلمة المحددة باللون الأصفر اما اذا كنت تريد وضع صورة مكان كلمة Tag ضع هذا الكود مكانها :
    <img src='رابط الصورة'/>
     الأن ضع رابط الصورة الذى تريدها ولكن يفضل ان تكون الصورة صغيرة الجم لعدم تشهوة المدونة والمقاس المناسب لهذه الصورة يفضل ان تكون 17x19
     مصدر هذه التدوينة اخذتها من مدونة http://www.anshuldudeja.com
     انتهى الشرح وارجو ان هذه التدوينة اعجبتكم وانتظرونى بتدوينة اخرى جديدة ومفيدة (( لا خير فى كاتم العلم ))

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

    إرسال تعليق

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

    الربح من الانترنت

    الامن والحماية من الفيروسات

    عالم الكمبيوتر والإنترنت