تغيير شكل الاقسام فى بلوجر

 

لتغيير طريقة عرض الاقسام فى بلوجر لتصبح بطريقة اكثر احترافية وجميلة جدا لكى تصبح مثل الصورة التى فى الاعلى اليك الطريقة:
1- اذهب الى تخطيط ثم اضغط على الاقسام او كما تسميها فى مدونتك .
2- اختر طريقة العرض لكى تصبح سحابة بدلا من قائمة كما فى الصورة .
 
3- احفط الاداة بعد ان قمت باختيار العرض على شكل سحابة .
4- اذهب الى قالب ثم اضغط على تحرير HTML .
5- ابحث عن هذا الكود

]]></b:skin>

6- ثم فوقه مباشرة ضع هذا الكود

/*-----Custom Labels Cloud widget by www.elnoba-elyoum.blogspot.com----*/
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out; 
-o-transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg); 
-o-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); 
-ms-transform: rotate(7deg); 
transform: rotate(7deg); 
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1; 
}

.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;
}

 7- اضغط على معاينة اولا وشاهد الاضافة اذا كانت مناسبة اضغط على حفظ النموذج

Résuméelnoba

حل مشكلة فتح تحريرHtml لمنصة بلوجر الجديدة

تتمثل هذه المشكلة في أن هناك كود جافا سكريبت يقوم بحذف خاصية Ifram ولذلك يجب حذفها .
الآن لنتوجه لتطبيق الطريقة تعتمد هذه الطريقة أولا على السرعة في عميلة النقر بمؤشر الماوس
 1.توجه على حسابك بموقع بلوجر
2.توجه الى "قالب"
3.قبل فتح صفحة القالب بثواني قم بالضغط على الزر "نسخ إحتياطي/إستعادة" بأقصي سرعة ممكنة ثم إختيار "تنزيل النموذج الكامل" وذلك بعدة نقرات لفتحها بسرعة قبل إكتمال فتح صفحة القالب .(من الممكن أن لا تنجح من المحاولة الأولى ،لكن حاول أن تكون سريعا في عملية النقر على الزرين "نسخ إحتياطي/إستعادة" و "تنزيل النموذج الكامل")
4.سوف يتم تحميل نسخة القالب ،وهذا ليس هو المطلوب قم بإغلاق النافذة ثم إضغط على  "تحرير Html" ثم "متابعة" ،وسوف تلاحظ أنك قد تمكنت من فتح تحرير Html الخاصة بقالب مدونته.
5.اابحث عن هذا الكود وقم بحذفه .

<script language='javascript' type='text/javascript'>

if (top != self) {

top.location.href = location.href;

}

</script>

Résuméelnoba

اضافة ترقيم الصفحات الى بلوجر

لاضافة ترقيم الصفحات الى بلوجر بشكل جميل فاليك هذا الموضوع والطريقة سهلة وجميلة وتظهر كما بالصورة ويمكنك ايضا تغيير الالون بما يلائم مدونتك. وقبل ان تطبق هذه الاضافة قم باخذ نسخة احتياطية من قالبك .
1- اذهب الى تصميم ثم الى تحرير HTML .
2- اضغط على توسيع عناصر القالب.
3- ابحث عن هذا الكود

]]></b:skin>

4 - ثم اضف قبله هذا الكود

.showpageArea { color: #666666; margin: 10px 5px 3px 5px; padding:  0px; float: left; display: inline; font-size:12px; } .showpageArea a {  background: #ffffff; padding: 4px 7px; margin: 0px 5px 0px 0px;  text-decoration: none; border: 1px solid #64CDE5; color: #666666;  -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline;  float: left; } .showpageNum a { background: #ffffff; padding: 4px 7px;  margin: 0px 5px 0px 0px; text-decoration: none; border: 1px solid  #64CDE5; color: #666666; -moz-border-radius: 5px; -webkit-border-radius:  5px; display: inline; float: left; } .showpageNum a:hover { background:  #C6E4EC!important; text-decoration: none; border: 1px solid  #6BCDE5!important; } .showpagePoint { font-weight: bold; background:  #C6E4EC; padding: 4px 7px; margin: 0px 5px 0px 0px; text-decoration:  none; border: 1px solid #46BDDB; color: #666666; -moz-border-radius:  5px; -webkit-border-radius: 5px; display: inline; float: left; }  .showpageOf { background: #ffffff; padding: 4px 7px; margin: 0px 5px 0px  0px; text-decoration: none; border: 1px solid #64CDE5; color: #666666;  -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline;  float: left; } .showpage a { background: #ffffff; padding: 4px 7px;  margin: 0px 5px 0px 0px; text-decoration: none; border: 1px solid  #B9A2A2; color: #674D4D; -moz-border-radius: 5px; -webkit-border-radius:  5px; display: inline; float: left; } .showpage a:hover { background:  #C6E4EC!important; text-decoration: none; border: 1px solid  #64CDE5!important; } .showpageNum a:link,.showpage a:link { background:  #ffffff; padding: 4px 7px; margin: 0px 5px 0px 0px; text-decoration:  none; border: 1px solid #64CDE5; color: #666666; -moz-border-radius:  5px; -webkit-border-radius: 5px; display: inline; float: left; }

5 - ثم ابحث عن هذا الكود

 </body>

6 - ثم ضع قبله هذا الكود

Résuméelnoba

تمييز تعليقات الكاتب فى بلوجر

كثير من اصحاب المدونات فى بلوجر يريدون تمييز تعليقاتهم عن بقية التعليقات نظرا للتسهيل على الزوار او لما يحتوى تعليق الكاتب على اهمية من معلومات وردود على المعلقين على الموضوع ولذلك اليك هذا الموضوع .

1 -  من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML " 
2 -  قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
3 -  ضع علامة في خانة توسيع القوالب  .
ثم ابحث عن هذا الكود

]]></b:skin>

و فوقه مباشرة ضع ما يلي:

.blog-author-comment {
border: 1px solid #043b3d;
background: #dddddd;
}

4 - ثم تبحث عن هذا الكود 

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

 الآن باستبدله بهذا الكود

Résuméelnoba