قم بتسهيل كتابة التعليقات على قراء تدويناتك بطريقه مدهشه

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

قم بتخطي تعليقات قراء المدونه و اضغط هنا للوصول السريع الى صندوق التعليقـــات

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

ان اعجبتك الاضافه يمكنك تطبيقها عن طريق اتباع ما بالاسفل

قم بالبحث عن الكود التالي

</b:skin>

وضع قبله مباشرة الكود الموجود بالاسفل

a.add_comment{text-decoration:none;color:#fff}
.add_comment{float:right;padding:6px 10px;margin:20px;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-align:center;display:inline-block;background:#d43131;background:-moz-linear-gradient(top,#ffaa9a,#f8674b 5%,#d54746);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffa493),color-stop(.03,#f8674b),to(#d54746));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b',EndColorStr='#d54746'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b',EndColorStr='#d54746')";-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #d1371c;border-bottom:1px solid #9f220d;color:#FFF;text-shadow:0 1px 1px #6f3a02}
.add_comment:hover{background:#c92929;background:-moz-linear-gradient(top,#ff9986,#ee5f43 5%,#d04443);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fa8772),color-stop(.03,#ee5f43),to(#d04443));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43',EndColorStr='#d04443'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43',EndColorStr='#d04443')";border-bottom:1px solid #9f220d}
.add_comment:focus{padding:7px 11px;color:#FFF;text-shadow:0 -1px 1px #894906;border:none;background:#bc2323;background:-moz-linear-gradient(top,#d04443,#ee5f43 95%,#d04443);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#d04443),color-stop(.9,#ee5f43),to(#d04443));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443',EndColorStr='#ee5f43'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443',EndColorStr='#ee5f43')";box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7;-webkit-box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7;-moz-box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7}

الان قم بالبحث عن الكود التالي

<b:includable id='comments' var='post'>

وضع بعده مباشرة الكود الموجود بالاسفل

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a class='add_comment' href='#comment-form'>قم بتغيير تلك الجمله باي جمله تريدها</a>
<div class='clear' />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>$('.add_comment').click(function(){$('html,body').animate({scrollTop:$(".comment-form").offset().top},1000);});</script></b:if>

الان  قم بحفظ قالب مدونتك

مبروك عليك الاضافه ..

 

يسمح لكم بنقل الموضوع بشرط ذكر المصدر : قم بتسهيل كتابة التعليقات على قراء تدويناتك بطريقه مدهشه | TATWEERWEB

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

اضافات بلوجر, اضافات css, تنسيق القالب, تنسيق تعليقات