| 21 تعليقات ]

بسم الله و الحمد لله و الصلاة و السلام على الصادق الأمين محمد خير الخلق أجمعين. إخواني الكرام السلام عليكم و رحمة الله. و بعد ففي موضوع سابق أدرجت طريقة لوضع ترقيم لصفحات المدونات على بلوجر كما صاغها و طورها الأخ الكريم محمد رياس Mohamed Rias. لن نبتعد كثيرا في هذا الموضوع فسأعرض نفس الطريقة لكن بتحديثات و تطويرات إضافية قام بإنجازها الأخ الكريم أبو فرحان Abu Farhan و التي هدف من خلالها تجاوز مشاكل تحدث مع النسخة السابقة.
و كما تلاحظون فقد أدرجتها بمدونتي مع بعض التعديل لتناسب اللغة العربية. و على العموم فمن أراد أن يجرب الإضافة كما هي فما عليه سوى متابعة هذا الموضوع، أما و قد عزمت أن تفعل مثل ما فعلت فلك الطريقة مبسطة.
صورة عن الإضافة


أولا : من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML "
ثانيا : قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
ثالثا : ضع علامة في خانة توسيع القوالب .
رابعا : ابحث عما يلي
]]></b:skin>

ثم فوقه مباشرة ضع كود ال css الآتي:
(للإشارة هذا الكود يمكنك تخصيصه ليناسب ألوان قالب مدونتك ... )
/* page-numbers*/
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin: 10px;
}

.showpageArea a {
color: #000;
padding-top: 40px;
text-shadow:0 1px 2px #fff;
font-weight: 400;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
}

.showpageNum a:hover {
border:1px solid #204e73;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 400;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #204e73;
background-color: #3c78a7;
text-decoration: none;
}

/* page-numbers end*/
خامسا : ابحث عن
</body>
و فوقه مباشرة ضع هذا الكود:
<script type='text/javascript'>

var home_page_url = location.href;


var pageCount=10;
var displayPageNum=6;
var upPageWord =&#39;&#187;&#187;&#39;;
var downPageWord =&#39;&#171;&#171;&#39;;


function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &#39;&#39;;
var upPageHtml =&#39;&#39;;
var downPageHtml =&#39;&#39;;



htmlMap[htmlMap.length]=&#39;/&#39;;
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {


var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;&amp;max-results=&#39;+pageCount;

}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};


for(var p =0;p&lt; banyaknomer;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

fFlag++;
}

if(p==(thisNum-1)){
html += &#39;&lt;span class=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;;
}else{
if(p==0){
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;

}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
}

if(eFlag ==0 &amp;&amp; p == thisNum){
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
eFlag++;
}
}
}

if(thisNum&gt;1){
html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}

html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt;&lt;/span&gt;&#39;+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += &#39;&lt;/div&gt;&#39;;


var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html =&#39;&#39;;
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}


if(pageArea&amp;&amp;pageArea.length&gt;0){
html =&#39;&#39;;
}

if(blogPager){
blogPager.innerHTML = html;
}


}


function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &#39;&#39;;
var upPageHtml =&#39;&#39;;
var downPageHtml =&#39;&#39;;



var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;
var thisUrl = home_page_url;

htmlMap[htmlMap.length]=labelHtml;
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);


var title = post.title.$t;

if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!=&#39;&#39;) postNum++;
htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;&amp;max-results=&#39;+pageCount;

itemCount++;
}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};

for(var p =0;p&lt; banyaknomer;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
downPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

fFlag++;
}

if(p==(thisNum-1)){
html += &#39;&lt;span class=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;;
}else{
if(p==0){
html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
}

if(eFlag ==0 &amp;&amp; p == thisNum){
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
eFlag++;
}
}
}

if(thisNum&gt;1){
if(!isLablePage){
html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}else{
html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}
}

html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt;&lt;/span&gt;&#39;+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += &#39;&lt;/div&gt;&#39;;

var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html =&#39;&#39;;
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&amp;&amp;pageArea.length&gt;0){
html =&#39;&#39;;
}

if(blogPager){
blogPager.innerHTML = html;
}


}


</script>

<script type='text/javascript'>

var thisUrl = home_page_url;
if (thisUrl.indexOf(&quot;/search/label/&quot;)!=-1){
if (thisUrl.indexOf(&quot;?updated-max&quot;)!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?updated-max&quot;));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?&amp;max&quot;));
}
}

var home_page = &quot;/&quot;;
if (thisUrl.indexOf(&quot;?q=&quot;)==-1 &amp;&amp; thisUrl.indexOf(&quot;.html&quot;)==-1){
if (thisUrl.indexOf(&quot;/search/label/&quot;)==-1){
document.write(&#39;&lt;script src=&quot;&#39;+home_page+&#39;feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; &gt;&lt;/script&gt;&#39;)
}else{document.write(&#39;&lt;script src=&quot;&#39;+home_page+&#39;feeds/posts/full/-/&#39;+lblname1+&#39;?alt=json-in-script&amp;callback=showpageCount2&amp;max-results=99999&quot; &gt;&lt;/script&gt;&#39;)
}
}
</script>

لتعديل عدد المواضيع الظاهرة في الصفحة الرئيسية أدخل القيمة المناسبة هنا : var pageCount=10
للإشارة يجب أن يكون العدد نفسه الذي اخترت في إعدادات مدونتك كما يبدو في هذه الصورة.




ضبط عدد أرقام الصفحات الظاهرة يكون عبر تعديل هذه القيمة: var displayPageNum=6
الآن ستظهر أرقام الصفحات في كل صفحات الرئيسية إن كفاك هذا احفظ القالب، أما إذا احببت أن تظهر أرقام الصفحات حتى في صفحات التصنيفات فتابع ما يلي .

أولا : أضف أداة تصنيفات جديدة من لوحة التحكم و بالضبط من عناصر الصفحة، ثم انتقل إلى تحرير HTML و ضع علامة في خانة توسيع القوالب و ابحث عن هذا الكود :
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
ثانيا : حدده عبر تظليله و ضع مكانه ما يلي و احفظ القالبو هنيئا لك.
<script type='text/javascript'>
var lblname = &quot;<data:label.name/>&quot;;

lblname2 = encodeURIComponent(lblname);
var feedlink = &#39;/search/label/&#39; + lblname2+&#39;?&amp;max-results=10&#39;;
document.write(&#39;&lt;a href=&quot;&#39; + feedlink + &#39;&quot;&gt;&#39;+lblname+&#39;&lt;/a&gt;&#39;);
</script>


...تابع القراءة

| 25 تعليقات ]

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


أولا : من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML "
ثانيا : قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
ثالثا : ضع علامة في خانة توسيع القوالب .
ثم ابحث عن هذا الكود
]]></b:skin>
و فوقه مباشرة ضع ما يلي:
.blog-author-comment {
border: 1px solid #043b3d;
background: #dddddd;
}
* اللون الأحمر يمثل حجم الإطار، ضع مكانه صفرا إن لم ترده.
* اللون الأزرق يمثل كود لون الإطار.
* اللون الأخضر لكود خلفية مستطيل التعليق.

رابعا : ثم تبحث عن هذا الكود (Ctrl+F)(ابحث فقط عن جزء منه لتتمكن من تحديده كاملا.)
<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>
الآن بعد إيجاد الكود أعلاه حدده عبر تظليله ثم ضع مكانه الآتي
<b:if cond='data:comment.adminClass == data:post.adminClass'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<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>
</b:if>
أخيرا :  استعرض مدونتك ثم احفظ قالبك.
ملاحظة : يمكنك تعديل كود CSS الأول لضبط شكل و ألوان و طريقة ظهور تعليق صاحب المدونة.
شكر خاص ل Anurag Bansal

...تابع القراءة

| 12 تعليقات ]


بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله محمد الأمين. إخواني الكرام السلام عليكم و رحمة الله.
أما بعد، فقد وصلتني بعض الاستفسارات حول طريقة وضع أكواد مصدرية في التدوينات دون أن تختفي أو يحذف جزء منها نتيجة ترجمة المتصفح لها. أقول الطريقة سهلة و يسيرة و يمكن الوصول إليها انطلاقا من محرر التدوينات في لوحة التحكم. و أضعها كالآتي:

أولا : إدخال الكود عبر محرر المدونة

طبعا نعلم أن المحرر له شقين اثنين يمكن من خلالهما تنسيق التدوينة و أقصد   تحرير HTML   و   تأليف ، ذكرت هذا للتمييز و كذلك لأقول أننا سندخل الكود عبر وضع التأليف ، و سنحتاج إلى تفعيل خاصية إضافية من إعدادات التأليف هي إظهار HTML فعليًا كما هو موضح في الصورة .



ثانيا: تنسيق الكود

تمثيلا لما سبق سأدرج هذا الكود

type="text/javascript">

document.write("Hello World!")

</script>

بعد إدخال الكود ستلاحظ أنه موجه جهة اليمين و الأصح أن يوجه إلى اليسار، حدده إذا ثم اضغط أيقونة التوجيه من أدوات المحرر و سيصبح كما يلي:

<script type="text/javascript">
document.write("Hello World!")
</script>


لكن رغم ذلك فالكود لازال يحتاج إلى إضافة لتوجيهه بشكل صحيح. انتقل الآن إلى وضع تحرير HTML ثم ابحث عن الكود الذي أدخلت، ستجد في بدايته هذا الوسم

<div style="text-align: left;">
تجعله هكذا بإضافة ما لون بالأحمر
<div dir="ltr" style="text-align: left;">
بعد ذلك سيصبح الكود الذي أدخلت هكذا
تلاحظ الآن كيف أصبح تنسيقه حسنا :)
<script type="text/javascript">
document.write("Hello World!")
</script>
ثالثا: خلفية الكود

لتمييز الكود عن بقية النصوص سنضعه في إطار و سنستخدم لذلك أداة الاقتباس الموجودة في المحرر. فبعد تحديد الكود مرة أخرى نضغط أداة الاقتباس هذه  . و بهذه الحركة اليسيرة تكون قد أنهيت التنسيق و سيصبح هكذا
<script type="text/javascript">
document.write("Hello World!")
</script>
و أشير إلى أن شكل الإطار و لون الخلفية سيبدو حسب قالب مدونتك و كما هو محدد في أكواد css فيه و ليس بالضرورة كما يبدو هنا.


...تابع القراءة

| 9 تعليقات ]


حدث البيجرانك للمواقع و المدونات يوم أمس، فحصلت مدونة ذؤيب المتواضعة على 3 بعد أن كانت 2. و كما يعلم الجميع فالبيجرانك أو سمعة الصفحات خاصية من جوجل لتقسييم قوة و جودة روابط المواقع و لتزكية محتوياتها كذلك... يحدث البيجرانك بشكل دوري أي بعد كل 3 أشهر لكن قد يحدث بشكل غير منتظم كذلك. إذا كنت مهتما بمواعيد تحديثه فيمكنك وضع بريدك في النموذج الموالي لتتوصل بآخر الأخبار حول ذلكبالإضافة إلى مواضيع و رسائل حول التدوين عامة و موارده المعرفية و التقنية.


ضع بريدك هنا

  
...تابع القراءة

| 19 تعليقات ]


بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله محمد الأمين. إخواني الكرام السلام عليكم و رحمة الله. و بعد، فالأكيد أن الكثير يعرف طريقة حفظ المدونة مواضيعها و قوالبها و الأكيد كذلك أن البعض يجهلها، و لأهميتها أدرج لكل مبتدئ هذا المقطع السريع الذي يوضح العملية. و تجدر الإشارة كذلك إلى ضرورة أن يتخذ المدون أو صاحب الموقع موعدا محددا لإجراء النسخ الاحتياطي على أن يجيد التسمية و ينظم تواريخ النسخ ليعلم الأجد من الأقدم. الطريقة كما هي موضحة في المقطع تنقسم إلى نهجين وفق ما يلي.

1 - حفظ مواضيع و تعليقات المدونة:
»   إعدادات المدونة (أساسي)     »  تصدير المدونة الإلكترونية     »  حفظ ملف ال xml في الحاسوب.

2 - حفظ قوالب المدونة:
»  صفحة التخطيط     »  تحرير HTML    »  تنزيل قالب كامل     »  حفظه على الجهاز.

متابعة طيبة ... /

  اضغط هذه الأيقونة في المشغل لمشاهدة أوضح.



رجاء تأكد من أن متصفحك يستطيع تشغيل الفلاش...


...تابع القراءة

| 5 تعليقات ]

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

لا إله إلا الله محمد رسول الله صلى الله عليه و سلم
عدد الزمان و طول الأعوام
و كل عام و أنتم بخير ...

مواضيع للاستزادة من أمر الهجرة النبوية الشريفة
   - من أحداث الهجرة للشيخ الكريم محمد سعيد رسلان.
   - الهجرة دروس و عبر للشيخ الكريم محمد حسان.



 تصميم محمد الطلباني (اضغط لمشاهدة الحجم الكامل)

إهداء: أنشودة  " أشباب أمتنا " للمنشد سمير البشيري



متصفحك لا يدعم تشغيل الفلاش ...





...تابع القراءة

| 12 تعليقات ]

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



أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML  و ضع علامة في خانة توسيع القوالب .
ثم ابحث عن الكود الموالي (CTRL+F)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
و تحته مباشرة ضع هذا الكود و احفظ القالب.

<div style='width:548px; float:right; height:120px; background:#f2f2f2;padding:10px; border:1px #134294 solid;margin-bottom:20px;'>
<div style='width:540px; float:right;font-weight:bold;text-align:right; color:#1C547D; font-style:normal; font-variant:normal; font-size:30px; font-family:Times New Roman; height:35px'>
ساهم في نشر الموضوع و لك جزيل الشكر!
</div>

<p align='center'>
<br/>
<br/>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Digg' height='60' src='http://lh5.ggpht.com/_fQliT1HyqQc/SyhOqdrzU9I/AAAAAAAAA0o/Alh3qx4k6Yg/digg.png' width='60'/></a>

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank'>
<img alt='Technorati' height='60' src='http://lh3.ggpht.com/_fQliT1HyqQc/SyhOwaC5f6I/AAAAAAAAA08/3aojptHqUx8/techno.png' style='padding-top:1px;' width='60'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='del.icio.us' height='60' src='http://lh5.ggpht.com/_fQliT1HyqQc/SyhOqX-vzzI/AAAAAAAAA0k/tkjq8zI044Q/dele.png' width='60'/></a>

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Stumbleupon' height='60' src='http://lh4.ggpht.com/_fQliT1HyqQc/SyhOwS-K7wI/AAAAAAAAA04/5TeVBl2GOF8/stumb.png' width='60'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>
<img alt='Reddit' height='60' src='http://lh6.ggpht.com/_fQliT1HyqQc/SyhOqo5rkfI/AAAAAAAAA0w/UUXBImEo5MQ/reddit.png' width='60'/></a>

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'>
<img alt='Facebook' height='60' src='http://lh4.ggpht.com/_fQliT1HyqQc/SyhOqqiNcSI/AAAAAAAAA0s/sGx3cWs2Msc/faceb.png' width='60'/></a>

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>
<img alt='Twitter' height='60' src='http://lh3.ggpht.com/_fQliT1HyqQc/SyhOwhno87I/AAAAAAAAA1A/dhDkFtOs-LE/twitter.png' width='60'/></a>

<a href='http://feeds.feedburner.com/doaib'>
<img height='60' src='http://lh4.ggpht.com/_fQliT1HyqQc/SyhOrMbHfgI/AAAAAAAAA00/Ng_qIFYQ_Bk/rss.png' width='60'/></a>
</p>
<a href="http://doaib.blogspot.com/2009/12/blogger-social-bookmarks-buttons.html" target="_blank"><span style="font-size: xx-small;">احصل على هذه الإضافة</span></a>
</div>
شرح الألوان:
* الأحمر : لتعديل عرض الإضافة.
* الأخضر : لتعديل لون خلفية مستطيل الإضافة.
* الأزرق : ضع مكانه العبارة التي تناسبك.
* الأرجواني : مكانه أدرج رابط خلاصة مواضيع مدونتك.
* النيلي : روابط الصويرات في حال أردت استبدالها بأخرى أعجبتك.
كذلك ستجدون height='60'  و width='60'  و هذه لتغيير أبعاد الصويرات لتصغيرها أو تكبيرها (يحملان نفس القيمة).

لا تنسوا متابعتي على تويتر  عبر هذين الحسابين

doaibblog



HalTa3lam



مع تحيات أخيكم محمد.

...تابع القراءة

| 6 تعليقات ]


بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله محمد الأمين. إخواني الكرام السلام عليكم و رحة الله.
في هذا الموضوع سنتطرق بإذن من العلي القدير إلى طريقة تنصيب و إعداد إضافة ترقيم الصفحات لمدونات ووردبريس Wordpress (ذات الاستضافة الخاصة طبعا)، هذه الإضافة البسيطة و العملية التي تضفي على المدونة رونقا و أناقة لن تحتاج منك سوى إلى خمس دقائق لتركيبها و الأجمل أنها لا تحتاج لجداول قواعد بيانات. فإلى الشرح إذن و الله نسأل التوفيق و السداد.


.
معلومات عن الإضافة
.............................................

إضافة ترقيم الصفحات WP Page Numbers طورت من طرف Jens Törnell، و تتوافق مع إصدارات ووردبريس 2.8x و تجدون هنا باقي المعلومات . عربت من طرف ذؤيب و أعدت لتناسب اتجاه الكتابة العربية، كما أضيف لها مجموعة من القوالب الأنيقة زيادة على الأصلية و التي عدلت هي الأخرى لتناسب اتجاه العربية.




طريقة التركيب
.............................................


1 - حمل ملف الإضافة المضغوط من هنا.



2 - فك الضغط عن الملف و ارفع مجلد الإضافة إلى الامتداد wp-content/plugins
3 - من لوح تحكم مدونتك فعل الإضافة.
4 - من قائمة إعدادات المدونة اضغط "ترقيم الصفحات" ثم غير إعدادات الإضافة بما يناسبك.
\!/ قبل متابعة الخطوة الخامسة يرجى تحميل نسخة احتياطية من قالب المدونة.
5 - ليظهر شريط أرقام الصفحات في المدونة ضع مكان
'next_posts_link()' و 'previous_posts_link()'
الكود الآتي :
<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>
في كل من ملفات القالب الموالية : index.php ، archive.php و search.php
و هذه صورة توضيحية، اضغط لمشاهدتها بوضوح.





بعض صور الإضافة
.............................................

اضغط على الصورة لمشاهدتها كاملة




كيفية اختيار قالب للإضافة
.............................................


يمكنك اختيار قالب من القوالب المتاحة و هذا أيسر الأمر، أما إن كنت تريد تنسيق قالب خاص يناسب مظهر مدونتك فالأمر كذلك أيسر :) ما عليك سوى الذهاب إلى مجلد الإضافة ثم تختار أحد مجلدات القوالب ثم تعيد تسميته و تعدل على ملف CSS الموجود داخله و ترفعه إلى مكانه المناسب في موقعك، و من إعدادات الإضافة تدخل اسم المجلد في حقل "اسم مجلد القالب كما في الصورة أسفله و تضغط زر حفظ الإعدادات.



تحياتي :)
.
.


...تابع القراءة