تصميم قوالب : قالب مدونة رشيد الاحترافي

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

مميزات القالب :

- يدعم اعلانات ادسنس
- القالب بثلاثة اعمدة
- يدعم كافة الاضافات
- صديق لمحركات البحث
- العنوان بانر ارتفاع 175 ويمكن تعديله
- جيد في التحميل
- عرض  990
- متوافق مع جميع المتصفحات




      للمشاهدة


للتحميل


تحديث - هذا رابط البانر :
http://lh5.ggpht.com/_0JSsw4H6sns/S7X6-sXloyI/AAAAAAAACG4/qbd0wS6Oe48/Header.jpg
ابحث عنه في القالب وغيره برابط البانر الخاص بك .


واشكركم للمحافظة على حقوق التصميم .
تحياتي لكم عدي عرار - سما بلوجر



اكمل القراءة...

قالب Choas معرب لمدونات البلوقر

قالب choas معرب لبلوقر , قالب أنيق ينصح بتركيبه على المدونات الشخصية يحتوي على عمود واحد على اليمين بإضافة إلى وجود أزرار عرضية .
نبدأ بمعاينة القالب قبل التعريب : من هنا.
معاينة القالب بعد التعريب : من هنا.

قمت بتغيير إتجاه النصوص و عناوين و تركت الألوان كما هي لكي يحدث الإنسجام و قد قمت بتغيير مكان عنوان المدونة كما قمت بتعريب الكتابات الأجنبية و الفوتر.

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

الأشياء الواجب تعديلها:
-تغيير أدوات العمود الجانبي.
-تعديل الأزرار العرضية.

الحقوق:أتمنى عدم حذفها لأني بذلت مجهود فإذا رأيت أن مدونتي لا ترقى لأن تكون في مدونتك أو أنها لا تستحق ذلك فتستطيع حذفها و لكن لا تنسب حقوق تعريب إليك و الله على كل شىء رقيب.

تحميل القالب:تستطيع تحميل القالب من خلال زيارتك لهذا الرابط المباشر : تحميل.
طريقة التركيب: لوحة التحكم ثم التخطيط ثم تحرير Html و تضغط على parcourir و تختار القالب من حاسوبك و تضغط على إيداع و إضغط على زر حفظ.

أي نقص في تعريب أو نقد فلا تتردد بإهدائه عبر التعليقات.

اكمل القراءة...

كود لإضافة زر الإنتقال السريع لبلوغر/الووردبريس

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

أولا : نتوجه إلى التخطيط ثم أضف أداة فنختار Html/javascript .
ثانيا : نضع هذا الكود و نعمل حفظ.
الكود :


<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>

سيظهر الكود في أسقل الصفحة و يتبعك أينما ذهبت و تستطيع رؤية النتيجة في مدونتي هذه.
إذا أردت تغيير شكل السهم , فإستبدل رابط الصورة التالي برابط الصورة التي تريدها:

http://img119.imageshack.us/img119/8589/arrowupcx2.gif

شكرا لك على وقتك , دمت بخير.

اكمل القراءة...

كود محرك البحث الخاص بمدونتك لبلوقر/الووردبريس

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



أولا : إذهب إلى التخطيط ثم إضافة أدة ثم إختر html , java scripts .
ثانيا : ضع هذا الكود و ضع العنوان مثلا : إبحث و قم بعمل حفظ.
الكود :


<form id="searchThis" action="/search" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Search this Site" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 150px;color:#636363;" vinput="" name="q"> <input id="searchButton" value="Go" type="submit"></form>

الأن تستطيع تغيير كلمة go بأي كلمة تريدها مثلا : البحث .

اكمل القراءة...

طريقة إضافة حالة الطقس لمدونتك بلوقر/الووردبريس و موقعك

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



أولا : إدخل للموقع من خلال هذه الوصلة.
ثانيا : ستظهر لك الصفحة مقسمة إلى شطرين :
الشطر الأول:
إختر مقاس المربع الذي تريده و من المفضل إختيار 125 في 125 .
الشطر الثاني:إختر منطقتك (البلد) و إضغط على Search .
بعدها إختر من القائمة المنسدلة منطقتك (ولايتك) أيضا و إضغط على go.
بعدها إختر مدينتك من القائمة المنسدلة.
بعدها إختر نوع المقياس , من المفضل إختيار فهرنهايت.
أكد على الشروط و إضغط على get و ستنقلك إلى هذه الصفحة :

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

اكمل القراءة...

(حصريا) طريقة اضافة ارقام الصفحات لبلوجر



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

على بركة الله نبدأ شرح خطوات تركيب الاضافة :

__________________________________________________________________

الخطوة الاولى

من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم

الخطوة الثانية

ابحث عن :
]]></b:skin>
واستبدلها بـ :

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>
 الان ابحث عن :
</body>

 واستبدلها بـ :
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;السابق&#39;;
var downPageWord =&#39;التالي&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
</body>
شرح الرموز باللون الاحمر :
var pageCount=5 : تحديدعدد المواضيع في الصفحة الواحدة

var displayPageNum=5 : عدد المواضيع التي ستعرض في الصفحة الواحدة
التالي : الصفحة التالي وتستطيع استبدالها بأي كلمة اخرى .
السابق : للصفحة السابقة وتستطيع استبدالها بأي كلمة اخرى . 

الان احفظ القالب ومبروك عليك الاضافة

اذا اكتفيت بهذا القدر ولا تريد ان تظهر عدد الصفحات في كل تبويب او تصنيف تدخل اليه بحيث اذا كان يحتوي هذا التصنيف على 20 تدوينة فسيتم تقسيمها الى 5 تدوينات لكل صفحة ( طبعا هذا يرتبط بوجود قائمة التصنيفات في مدونتك )

ان رغبت في الاستمرار فأكمل قراءة التدوينة :

الان ابحث عن :
'data:label.url'
واستبدلها بـ :
'data:label.url + &quot;?&amp;max-results=5&quot;'

اكمل اذا كنت تستعمل الكلمات الدلالية في التصنيفات :
ابحث عن :
a.href = &#39;/search/label/&#39;+encodeURIComponent(t);
واستبدلها بـ :
a.href = &#39;/search/label/&#39;+encodeURIComponent(t)+&#39;?&amp;max-results=5&#39;;
شيء متعب فعلا ، الله يعطيكم الصحة والعافية ومبرووك عليكم الاضافة 
تحياتي لكم : عدي عرار




اكمل القراءة...

هاك الارقام على التعليقات

عداد التعليقات

في اطار السعي الى تقديم ما هو مفيد  ومميز  للزوار الكرام ، اقدم لكم اليوم طريقة اضافة الارقام على التعليقات ، وكما ترون في الصورة اعلاه فالارقام ستظهر اعلى كل تعليق .
وعلى بركة الله نبدأ بشرح الاضافة :

الخطوة الاولى

من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم

الخطوة الثانية

ابحث عن :
<dl id='comments-block'>


حدد جميع الكود واسبدله بالكود التالي:


<dl id='comments-block'><script type='text/javascript'>var CommentsCounter=0;</script>


ثم ابحث عن الكود التالي :

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>


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



<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='clear: both;'>




انتظر لم ننتهي بعد


ابحث عن الكود التالي:

<data:commentPostedByMsg/>


واستبدله بهذا الكود:

<data:commentPostedByMsg/><span class='numberingcomments' style='float: right; font-size: 20px;'><a rel='nofollow' expr:href='data:comment.url' title='Comment Link' style='text-decoration:none'><script type='text/javascript'>CommentsCounter=CommentsCounter+1;document.write(CommentsCounter);</script></a></span>


الان هل تريد تخصيص الكود ليتلائم مع  مدونتك :



1) تستطيع تغيير حجم الخط بما يلائمك عن طريق تغيير القيمة باللون الازرق font-size: 20px


2) تستطيع تغيير مكان الرقم من الشمال الى اليمين او العكس : 'float: right


الخطوة الثالثة :



احفظ القالب ومبروك عليك الاضافة


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


                                                   تم بحمد الله

اكمل القراءة...