Translate
U3F1ZWV6ZTEwNzU2NzEzODg4X0FjdGl2YXRpb24xMjE4NTg3MzAwNTM=
recent
أخبار ساخنة

إضافة خاصية إخفاء و إظهار تعليقات بلوجر

السلام عليكم
من بين آهم الآساسيات التي يهدف كل مبرمج و مالك موقع او مدونة في الوصول إليها هي سرعة ظهور موقعه لذلك يبحث جميع المطورين و المستعملين عن الطرق الأنسب و الإضافات الفعالة لكي يضمنو سلاسة و سرعة تحميل مواقعهم ، لذلك سأقدم لمستعملي بلوجر طريقة ذكية ومميزة تعتمد على خاصية إخفاء التعليقات لتحميل الصفحة بسرعة أكبر .


تقوم هذه الخاصية بإخفاء التعليقات أوتوماتيكيا عند فتح الصفحة لأول مرة و بعدها يختار المتصفح ظهور التعليقات إن أراد ظهورها، مع التأكيد ان الخاصية لا تكون مفعلة عندما لا يكون هناك أي تعليق في الموضوع .

لمعاينة الإضافة بشكل مباشر من هنا :

خصائص هذه الإضافة :

- إضافة كود جافا سكريبت نظيف
- لا إستعمال لأكواد جيكوري
- الإضافة تعمل مع كل المتصفحات
- الإضافة تعمل مع أي نطاق لبلوجر
- بسيطة التصميم و تنذمج مع استايل مدونتك

و الآن لإضافة الخاصية إتبعو الشرح التالي :

أولا : خذ نسخة إحتياطية لقالب مدونتك تحسبا لوقوع طارئ و من هنا شرح الحصول على نسخة لقالب مدونتك .

ثانيا :  لوحة تحكم المدونة > المظهر > تحرير HTML
بإستعمال CTRL + F إبحث عن </head>
و أضف قبله الكود التالي :

<!-- Show/Hide Comments by www.angle47.com-->
<style type="text/css">
h2#commentsShowHideTitle {border:1px solid #DADADA;padding:10px;font-weight:bold;font-family:sans-serif;background:#EFEFEF;}
</style>
<script type="text/javascript">
//<![CDATA[
function show_hide_commentsDIV()
{
var div = document.getElementById('commentsShowHideDIV');
div.style.display = (div.style.display == "none") ? "block" : "none";
var hed = document.getElementById('commentsShowHideTitle');
hed.innerHTML = (hed.innerHTML == "إظهار التعليقات") ? "إخفاء التعليقات " : "إظهار التعليقات";}
}
//]]>
</script>
<!-- Show/Hide Comments by www.angle47.com-->

و الآن إبحث عن العبارة التالية : <div class='comments-content'>  ثم أسفله ضع الكود التالي :


<h2 id="commentsShowHideTitle" onclick="show_hide_commentsDIV()">إظهار التعليقات</h2>
<div id="commentsShowHideDIV" style="display:none;">

و أخيرا إبحث عن العبارة التالية <div id='backlinks-container'> و أضف قبلها الكود التالي :

</div>

أتمنى أن تعجبكم الإضافة ، بالتوفيق للجميــــ‘ع و لأي مشكل يرجى ترك تعليق على الموضوع او الإتصال بي من هنا 
الاسمبريد إلكترونيرسالة