السلام عليكم جميعا .. ان شاء الله تكونوا بخير و تستفيدوا من الموضوع دة
تكلمنا المرة السابقة عن هاك تشغيل ملفات السوف .SWF سواء في المنتديات او المواقع
موضوعنا النهاردة عن حركة جديدة تضيف بيها شكل جديد و تغيير عن المدونات التقليدية و هي اضافة فقاعة بعدد التعليقات على راس الموضوع و ليس من الضروري ان تكون بشكل فقاعة فيمكنك تغيير الصورة بالطريقة التي تريدها حتى لو بشكل برتقالة
تكلمنا المرة السابقة عن هاك تشغيل ملفات السوف .SWF سواء في المنتديات او المواقع
موضوعنا النهاردة عن حركة جديدة تضيف بيها شكل جديد و تغيير عن المدونات التقليدية و هي اضافة فقاعة بعدد التعليقات على راس الموضوع و ليس من الضروري ان تكون بشكل فقاعة فيمكنك تغيير الصورة بالطريقة التي تريدها حتى لو بشكل برتقالة
( مدونة بتتكلم عن الاكل )
على العموم هي اضافة جميلة لمدونتك مهما كان مجالها الطريقة :
سجل الدخول في بلوجر >> تخطيط >> تحرير HTML >> توسيع عناصر الصفحة
Login to blogger > Then go to Layout > Edit/Html > Expand Widgets
]]></b:skin>
الان ابحث عن هذا الكود (اوله ) او السطر قبل او بعد الكود الاحمر حتى يمكنك تحديد مكانة بسهولة و قم بأضافة وسطة الكود الذي باللون الاحمر
<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>
Login to blogger > Then go to Layout > Edit/Html > Expand Widgets
اضغط CTRL + F و ابحث عن :
]]></b:skin>
و ضع قبله مباشرة هذا الكود :
.comment-bubble {
float : left;
width : 48px;
height : 48px;
background : url(http://i43.tinypic.com/dljpzo.jpg) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
padding:0px 0px 0px 0px;
/*for more hacks : http://raykcool.blogspot.com/ */
}
float : left;
width : 48px;
height : 48px;
background : url(http://i43.tinypic.com/dljpzo.jpg) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
padding:0px 0px 0px 0px;
/*for more hacks : http://raykcool.blogspot.com/ */
}
الان ابحث عن هذا الكود (اوله ) او السطر قبل او بعد الكود الاحمر حتى يمكنك تحديد مكانة بسهولة و قم بأضافة وسطة الكود الذي باللون الاحمر
<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>
اضغط معاينة و قم بالحفظ
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.