السلام عليكم ،
احبائي متابعي وزوار مدونة سما بلوجر ، سأشرح لكم في هذه التدوينة كيفية اضافة ايقونة بجانب عنوان الرسالة او التدوينة يظهر بها عدد التعليقات في هذه التدوينة ، الاضافة تعبر عن الاحترافية في الاداء ، وتضفي جمالا وحيوية وتكسر الروتين المعتاد في قوالب بلوجر المنتشرة ، يستخدم هذه الاضافة الكثير من اصحاب المدونات العالمية المشهورة .
انا واثق انها نالت اعجابك ،
عاين الاضافة في هذه المدونة
اذا اعجبتك الاضافة تابع قراءة طريقة التركيب .....
2- واستبدلها بـ :كود رقم1
3- ابحث عن :
5- اذا لم تجد الجملة في النقطة رقم 3 ابحث عن :
6- واضف الكود رقم 2 قبلها او اعلاها مباشرة
7- احفظ القالب ومبروك عليك الاضافة .
8- هذا ملف يحتوي على مجموعة من الايقونات الجميلة لهذه الاضافة حمله من هذا الرايط :
http://www.box.net/shared/8qauybczns
احبائي متابعي وزوار مدونة سما بلوجر ، سأشرح لكم في هذه التدوينة كيفية اضافة ايقونة بجانب عنوان الرسالة او التدوينة يظهر بها عدد التعليقات في هذه التدوينة ، الاضافة تعبر عن الاحترافية في الاداء ، وتضفي جمالا وحيوية وتكسر الروتين المعتاد في قوالب بلوجر المنتشرة ، يستخدم هذه الاضافة الكثير من اصحاب المدونات العالمية المشهورة .
انا واثق انها نالت اعجابك ،
عاين الاضافة في هذه المدونة
اذا اعجبتك الاضافة تابع قراءة طريقة التركيب .....
__________________________________________________________________
الخطوة الاولى
من لوحة التحكم اضغط على تصميم – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدمالخطوة الثانية
1- ابحث عن :]]></b:skin>
2- واستبدلها بـ :كود رقم1
/*------Commment Bubble Start------*/
.comment-bubble {
float : left;
width : 48px;
height : 48px;
background : url(http://farm5.static.flickr.com/4138/4759798941_0051d9bd44_t.jpg) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
padding:0px 0px 0px 0px;
}
/*------Commment Bubble End Introblogger------*/
]]></b:skin>
3- ابحث عن :
4- اضف الكود التالي بعدها مباشرة : كود رقم 2<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>
5- اذا لم تجد الجملة في النقطة رقم 3 ابحث عن :
<b:if cond='data:post.link'>
6- واضف الكود رقم 2 قبلها او اعلاها مباشرة
7- احفظ القالب ومبروك عليك الاضافة .
8- هذا ملف يحتوي على مجموعة من الايقونات الجميلة لهذه الاضافة حمله من هذا الرايط :
http://www.box.net/shared/8qauybczns
وبالتوفيق دائما ادعو لي ولكم
شارك هذه الصفحة :
|
0 التعليقات:
إرسال تعليق