كيفية اضافة زر لاضافة تعليق جديد على الموضوع بتاثير احترافى

كيفية اضافة زر لاضافة تعليق جديد على الموضوع بتاثير احترافى

الكاتب : Memo Elkhawaga التاريخ : 1:17 ص

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

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

المعاينة

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

طريقة اضافة الزر

• كما قلت لكم الإضافة بسيطه وايضا الأكواد الخاصه بها بسيطه جدا ولكن يفضل الاحتفاظ بنسخة من القالب قبل عمل التعديلات.
• اولا قم بالبحث عن هذا الوسم]]></b:skin>ثم تقوم بوضع الكود التالى فوقه أو يمكنك وضعه فوق وسم</style>فى مدونتك ايضا.
• 
  

 .comments-memo a {
  background-color: #EF5350;
  color: #fff;
  display: block;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.23);
  transition: all 0.3s ease-out;
}
.addcomment-memo a:hover {
  background-color: #F39C12;
} 

• الأن أبحث عن هذا الوسم</body>ثم قم بوضع الكود التالى فوقه.

 <script type='text/javascript'>
/*<![CDATA[*/
var _0x7247=["\x74\x6F\x70","\x6F\x66\x66\x73\x65\x74","\x23\x63\x6F\x6D\x6D\x65\x6E\x74\x2D\x65\x64\x69\x74\x6F\x72","\x61\x6E\x69\x6D\x61\x74\x65","\x68\x74\x6D\x6C\x2C\x20\x62\x6F\x64\x79","\x63\x6C\x69\x63\x6B","\x2E\x61\x64\x64\x63\x6F\x6D\x6D\x65\x6E\x74\x2D\x6D\x65\x6D\x6F"];
var _0x84e3 = [_0x7247[0],_0x7247[1],_0x7247[2],_0x7247[3],_0x7247[4],_0x7247[5],_0x7247[6]];
var _0x260a = [_0x84e3[0], _0x84e3[1], _0x84e3[2], _0x84e3[3], _0x84e3[4], _0x84e3[5], _0x84e3[6]];
$(_0x260a[6])[_0x260a[5]](function() {
    $(_0x260a[4])[_0x260a[3]]({
        scrollTop: $(_0x260a[2])[_0x260a[1]]()[_0x260a[0]]
    }, 1000)
})
/*]]>*/
</script> 

الأن مع اخر كود وسوف تقوم بوضع فوق الوسم هذا<div class='comments' id='comments'>فى مدونتك ، وفى بعض المدونات من الممكن أن تجده مختلف سوف يكون عليك فى هذا الأمر وضع رابط مدونتك فى تعليق حتى اقوم لك ان تضعه الكود ، ولكن الوسم هذا سوف تجده فى جميع القوالب بنسبة 99%.

 <li class='comments-wdbloog'>
   <a href='#comment-editor'>اضافة تعليق</a>
  </li> 

• يمكنك تغيير جملة اضافة تعليق بما تريد وكما تريد وبعد ذلك تقوم بحفظ القالب ومبروك عليك الإضافة الجديده وهذا كل هو موضوع اليوم كما قلت لك هو بسيط جدا.

هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .