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

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

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

قم بالبحث عن الكود التالي
</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>
الان  قم بحفظ قالب مدونتك
مبروك عليك الاضافه ..
أصدقاء(تطوير ويب)
تعليقات Facebook
7تعليقات Blogger

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

Ali Alsayd يقول...

لم تظهر معي الاضافة بالشكل المطلوب الرجاء المساعدة اخي احمد

أحمــد ( مدونة تقارب ) يقول...

@Ali Alsayd
قمت بالدخول الى احد الموضوعات بمدونتك والاضافه تم تركبها بشكل سليم ولكن التنسيق غير موجود اذن قم بالتاكد من وضعك لكود ال css قبل هذا / b:skinوليس بالضروره قبله مباشره .. اقترح عليك وضعه مباشرة فوق كود ال css الخاص بتنسيق اضافة تغيير شكل صندوق التعليق لانها دائما ما تؤثر على بعض الاضافات التى تليها. بانتظارك

Ali Alsayd يقول...

وجت الحل هناك طريقه اخرى لاضافة كود الcss وهي اضافته بين الوسمين
<style type='text/css>

</style>
ووضعه في الhead أو الbody

شكرا لك اخوي احمد

Wikileaks Alarabia يقول...

استاذي القدير

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

tqarob weblog يقول...

@Ali Alsayd
اخي الغالي على شكرا لطرحك الحل الاخروهو بالطبع سليم مئه في المئه تقبل مودتي

tqarob weblog يقول...

@Wikileaks Alarabia
مرحبا بك اخي العزيز في البدايه احييك علي مدونتك الراقيه شكلا ومضمونا .
بالنسبه لحديثك عن صندوق التعليقات .. يوجد اكثر من طريقه ولكن نصيحه مني لا تستغنياطلاقا عن تعليقات بلوجر لانها تفيد مدونتك في محركات البحث ويليها في الاهميه تعليقات الفيس بوك .. اما اي نوع اخر من التعليقات فهو سيكون شكلا جماليا ليس الا ولا فائده منه .. بالنسبه للموقع الذي ذكرته صدقني قد نسيته تماما . اعتذرلك وتقبل احترامي.

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .