قالب ProGray arab bf المميز جدا والمطور

بسم الله الرحمن الرحيم وبه نستعين والصلاة والسلام علي اشرف المرسلين ثم اما بعد

قبل ان ابداء كلامي اود شكر اخي عبد الغفور واخي اسامة جزيلا الشكر لما فعله

سنبداء اليوم مع قالب غاية في الجمال والروعة واول قالب في مدونة بلوجر فيس وباذن الله سيعجب الجميع لن اطيل في المقدمات لنبداء
 في الكلام...

تحميل القالب الاصلي         مشاهدة القالب الاصلي

              

                    شروط استخدام القالب



ان لا تسختدمه فيما يخالف شرع الله ومن فعل فانا برئ منه

انا لا تذف حقوق القالب صورية او نصية فانت لاتحب انا ياخذ احد مجهودك ومن يفعل ولله واقسم بالله والله الذي لا اعبد سواه لن اسمحه وانت وضميرك

ساشرح الان كل ميزة في القالب بالصور وارجو منكم الصبر .....

اقراء المزيد بتقنية css

ويمكنك تغيير كلمة اكمل الموضع بالكلمة التي تريده من خلال البحث عنها في القالب

ترقيم الصفحات بشكل جميل وانسايبي وخفيف

فوتر به اربع اعمدة منسق بطريقة جميلة جدا

قائمة افقية فوق الهيدر

لتخصيص القائمة قم باتباع التالي

بالنسبة للواجهة الجديدة  :                                               -   بالنسبة للواجهة القديمة :

لاتنسى اخد نسخة احتياطية للقالب                                                        لاتنسى اخد نسخة احتياطية للقالب 

1.لوحة التحكم                                                                                     1 -.لوحة التحكم
2.القالب                                                                                            2  - .تخطيط أوتصميم  
3. ثم تحريرhtml;.                                                                             ثم 3 - تحريرhtml. 
 4.متابعة                                                                                          4-.توسيع القالب 
5 -.توسيع القالب

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

<li><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
 <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>خلاصةالمواضيع</a></li>
 <li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>خلاصة التعليقات</a></li>

ابحث عن كلمة خلاصة التعليقات وغير ماباللون برابطك
وغير الكلامات بما تريد
ملاحظة: اذا اردت اضافة او تزويد روابط اخري انسخ هذا

<li><a expr:href='رابطك'>خلاصةالمواضيع</a></li>

وضعه بعد هذا

<li><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>

قائمة تحت الهيدر بشكل جميل وبتقنية الموس هوفر

طريقة التخصيص

قم بالذهاب الي لوحة تحكم بلوجر

قم بالبحث عن هذه الاكواد والتعديل عليها

<li><a href='http://blogg-face.blogspot.com/'>اعلن معنا</a></li>
        <li><a href='http://blogg-face.blogspot.com//'>من نحن</a></li>
        <li><a href='http://blogg-face.blogspot.com/'>سياسة الخصوصية</a></li>
        <li><a href='http://blogg-face.blogspot.com/'>فهرس المدونة</a></li>
        <li><a href='http://blogg-face.blogspot.com/'>سياسة الخصوصية</a></li>
        <li><a href='http://blogg-face.blogspot.com/'>فهرس المدونة</a></li>

غير ما يلزم في الكود الي ما يناسبك>>

المشاركات الشائعة بشكل جميل جدا ومنسق للغاية

صندوق المتابعة عبر الشبكات الاجتماعية بشكل جميل

وهذه الكود الخاص ستتضعه في هذا الاداة في القالب كما في الصورة

وضع هذا الكود بدخله

<div dir="rtl" style="text-align: right;" trbidi="on">
<style type="text/css">

.socialboxes {
background: #c1ffff;
border: 2px solid #94f7f7;
padding: 10px;
margin:10px 0 0 0;
}
.socialboxes:hover {
    border: 2px solid #b1f9f9;
    background: #b9f7f7;
    }
.socialboxes a {
color: #594B40;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
text-decoration: none;
    font-family: Arial, Helvetica, Sans-serif;
}
.socialboxes a:hover {
color: #574537;
text-decoration: underline;
}

</style>


<div style="clear: both;">
<div class="socialboxes">
<a href="http://www.blogger.com/FEED%20URL"><img alt="RSS Feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoi3PXVBFi8a_hoD786T-7LBmQb2kDEUqQm3jmdavpAbArxBYjzifiQI1H2jfLyBJoKOspIqurbD-bcmMHI-_2c6UWNOW2tGIBC37NqDL4Ohf6pdhQMUY4IKnMjkhPjtoFsmtfitFP1NM/s1600/rss-white-icon.png" style="margin-left: 5px; vertical-align: middle;" title="تابعني على rss" /></a><a href="http://twitter%20url/" target="_blank">تابعني على الخلاصات</a></div>
<div style="clear: both;">
<div class="socialboxes">
<a href="http://www.blogger.com/TWITTER%20URL"><img alt="Follow Us on Twitter!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm7H2WUZCOwJ0byS5I0A93qZ3kFB0XKTLTgLbDoArn00P9FyVQXoEHsafWWYUETwgl6iyvqyDgksbngOda9LcpuyboBBSYWATJsJZ5pbYwGNODwwc-Rrug_C7LKLdOQ8MKfHjcHqgyKIQ/s1600/twitter-white-icon.png" style="margin-left: 5px; vertical-align: middle;" title="تابعني على twitter" /></a><a href="http://twitter%20url/" target="_blank">تابعني على twitter</a></div>
<div style="clear: both;">


<div style="clear: both;">
<div class="socialboxes">
<a href="http://www.blogger.com/facebook%20URL"><img alt="Follow Us on facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5mGvaDr9zTwp85QCQpH8Abf_r77Zkw-z7mrl6RdwOv6njrqM9YDbeUcKyzYALFnnIf0gDopqoqu4GUh5aGeOAk5xh3ozLQJLkd43_Mr3pfIeDE8VFAX6Uk7BUs6D9G0JrfSIM4QB8J10/s1600/facebook-icon.png" style="margin-left: 5px; vertical-align: middle;" title="تابعنا علي فيس بوك" /></a><a href="http://feed%20url/" target="_blank">تابعا علي facebook</a></div>
<div class="socialboxes">
<a href="google-plus/user name"><img alt="Follow Us on google plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih7ZvAPEUpMeJb9B0hFhVDtW7fzD3x7_C5ArnIK9C5KeoTqY63znDukM7MJvrzXTrOtTTYluivCVel8T8Y5I6zzMbp1aS-QLcChdLl6GySx9qDsYsV8wlDyoVw5XJusrhSYENw6hhevX4/s1600/google-plus-icon.png" style="margin-left: 5px; vertical-align: middle;" title="تابعنا علي جوجل بلس" /></a><a href="http://feed%20url/" target="_blank">تابعنا علي جوجل بلس</a></div>
</div>
</div>
</div>
</div>
</div>

اضافة التعريف بالكاتب تحت كل تدوينة

طريقة التخصيص

قم بالذهاب الي لوحة تحكم بلوجر

قم بالبحث عن هذه الاكواد والتعديل عليها

<img alt='' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl0mbiqyeilNhg1adrXrsuCtnaR4FUWyCKGd2tU60S_XqaApFSVoVF_Y2Mk46twmiu66qTA1lvju_uxdbvXokHHQr8BIZh0Uyjtjn5hHKHI8j0DDByIvyq7XconeXZOk2eV9uzegzHSXN9/s1600/260816_100002448280194_594474233_n.jpg' width='80'/>
 <h3>بقلم <a href='رابط لك او رابط ملفك'> اسم الكاتب </a></h3>
 <p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>

غير ما يلزم في الكود بما يناسبك

اضافة مواضيع ذات صلة الغنية عن التعريف

ادوات النشر لاشهر المواقع الاجتماعية تحت كل موضوع

التعليقات منسقة جدا 

• اهم الخائص التي لم اذكرها في البداية لاجعلها مفاجئة لاحبابي واعزائي متابعي وزوار بلوجر فيس

وهي الميتا تاج ولمن لايعرف ما هي الميتا تاج......

هي عبارة عن كود ويكتب في اول قالب المدونة بعد وسم  <head>  ويكونهو المسؤال عن ارشفة مدونتك وانت تكتب فيه وصف لمدونتك وكلامات تدل عليها وسوف باذن الله اشرحها بالتفصيل في درس

• والجديد في هذه انها تضع لكل موضوع ميتا تاج خاص به وسوف اعرفكم ما فائدتها الان واشرح لكم بالتفصيل...

يتمتع القالب بخاصية استعمال كلمات العناوين بمثابة مفاتيح ميتا للمواضيع، حيث ينفرد كل موضوع بكلماته المفتاحية غير المكررة، عكس القوالب العادية التي تستعمل فيها الكلمات المفتاحية للصفحة الرئيسية  لباقي المواضيع فتصبح مكررة في كل الصفحات و هذا غير صحي تستهجنه محركات البحث. لكم صورا توضح هذه الميزة في القالب و هي من حساب المدونة في أدوات مشرفي المواقع المقدمة من جوجل Google Webmaster Tools .

اهم الخائص التي لم اذكرها في البداية لاجعلها مفاجئة لاحبابي واعزائي متابعي وزوار بلوجر فيس

خط القالب: (tahoma) وهو من اوضح خطوط النت والخطوط العادية والتي انا احبها ووضحة جدا وهناك ايضا اشياء كثيرة اكتشفها 

كيفية تخصيص الميتا تاج لاقوي ارشفة

ستجد الكود الذي بالاسفل في اول قالب المدونة

<meta content='N-PnXz2Jr6bjsNx3GqCVrTbnk8vMo3V_fVShOfRS1xE' name='google-site-verification'/><b:if cond='data:blog.url == data:blog.homepageUrl'><meta content='ضع هنا تعريفا مختصرا لمدونتك' name='description'/><meta content='m2SrT_hUvjZJ1YLhpfHvXMqDp1I' name='alexaVerifyID'/><meta content='ضع هنا الكلمات الأكثر رواجا في مدونتك و افصل بينها بفاصلة' name='keywords'/><meta content='global' name='distribution'/><meta content='10 days' name='revisit'/><meta content='10 days' name='revisit-after'/><meta content='document' name='resource-type'/><meta content='all' name='audience'/><meta content='general' name='rating'/><meta content='all' name='robots'/><meta content='index, follow' name='robots'/><meta content='اسم كاتب المدونة' name='author'/><meta content='ar' name='language'/><meta content='بلد الإقامة' name='country'/><meta content='473b25d4475c457b' name='y_key'/></b:if>   

وغير ما يلزم في الكود وهو موضح جدا ارجو لكم التوفيق 

انت بنفسك وقارن بين القالبين الاصلي والمعدل والمطور

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

خفيف جدا في التصفح ويحمل في 10 ثواني فقط 

القالب منسق والونه فاتحة مهدائةللاعصاب ومريحة للعين جدا

القالب متوافق مع جميع المتصفحات

ناتي الان الي اللحظة التي ينتظرها الجميع وهي مشاهدة حية للقالب و تحميله

تحميل القالب          مشاهدة القالب

والي هنا بعد اكثرمن ست ساعات في عمل الموضوع انتهيت منهوارجو ان ينال اعجبكم

وارجو شكر كل من ساهم برائيه في القالب وساهم في المساعدة

منتظر تقيمكم للموضوع وارئكم في القالب واي شئ في القالب اترك تعليق وانا سارد عليكم بالافادة واي استفسار اتر ك تعليق فقط وانتظر ردي

والسلام عليكم ورحمة الله وبركاته

من فضلك اضغظ لايك لمشاهدة لينك التحميل