فقاعة عدد التعليقات بالقرب منك الان يمكن أن تجعل مدونتك الخاصة أكثر جاذبية للزائرين. إذا كنت مدون جديد في ...
فقاعة عدد التعليقات بالقرب منك الان يمكن أن تجعل مدونتك الخاصة أكثر جاذبية للزائرين. إذا كنت مدون جديد في عصر التدوين وترغب في تصميم القالب الخاص تخصيص أو تعديلة ، هذا الشرح التعليمي هو لك. لذلك نذهب لاضافة فقاعة التعليقات التى تظهر فيها عدد التعليقات الموجودة فى مدونتك .
فقاعات عدد التعليقات
1- قالب .
2- نختار HTML .
3- نختار توسيع قوالب .. .
4- نبحث عن وسوم
]]></b:skin>
نضع هذا الكود فوق الوسوم السابق
اذا اردت تغيير الفقاعة غير رابط الصورة الموجود فى الاسفل بعد كلمة background : url
واختار من اسفل المشاركة بين العديد من الفقاعات
.comment-bubble {
float : right;width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPfJ7OxAityyG6AVXkgiQ4hnFZ0_G2JgNzFXlyBf9eDL6wn2s8AcL0mqNpsX-kEF9T3D2pPQSGSyAVFGQqA5qWBWEksfAfGdVryA68r7x9bTPvY6KDqocnFBbzMNHs6XuoxkCSekrvaDdj/s1600/Comment+Bubble+%2815%29.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:absolute;
}
5- نقوم بالبحث عن الكود التالى لاضافة الوسوم
باللون الاحمر بين الاكواد الموجودة فى قالبك ..
<b:includable id='post' var='post'> <div class='post hentry uncustomized-post-template'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title'><b:if cond='data:post.allowComments'> <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a> </b:if> <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>
عند اضافة الكود السابق تكون مدونتك جاهزة لظهور بها فقاعة التعليقات الخاصة بك
اذا اردت تغيير الفقاعة غير رابط الصورة الموجود فى الاسفل بعد كلمة background : url
واختار من اسفل المشاركة بين العديد من الفقاعات
.comment-bubble {
float : right;width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPfJ7OxAityyG6AVXkgiQ4hnFZ0_G2JgNzFXlyBf9eDL6wn2s8AcL0mqNpsX-kEF9T3D2pPQSGSyAVFGQqA5qWBWEksfAfGdVryA68r7x9bTPvY6KDqocnFBbzMNHs6XuoxkCSekrvaDdj/s1600/Comment+Bubble+%2815%29.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:absolute;
}
* اذا اردت ان تصبح الفقاعة فى جهة اليمين
احذف هذا السطر
position:absolute;
5- نقوم بالبحث عن الكود التالى لاضافة الوسوم
باللون الاحمر بين الاكواد الموجودة فى قالبك ..
<b:includable id='post' var='post'> <div class='post hentry uncustomized-post-template'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title'><b:if cond='data:post.allowComments'> <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a> </b:if> <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>
عند اضافة الكود السابق تكون مدونتك جاهزة لظهور بها فقاعة التعليقات الخاصة بك
موضوع مميز اخي اشكرك على الافادة
ردحذفشرف لي ان اكون اول من يعلق بالموضوع
هادي مدونتى http://man9ool.blogspot.com
@خالد الفيلالي
ردحذفشكرا على ردك
أشكرك أخونآ احمد لما قدمت بوركت الجنة
ردحذفتقبل مروري :)
العماد~مدونة كنوز مدونتي
خدمة~اترك تعليق .. اتبعك بتعليق
شكرا اخى على الاضافة ممتاز
ردحذف