قوالب بلوجر معربة

الثلاثاء، 4 سبتمبر 2012

قالب 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>

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


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



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


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL9kIuWPGueZFD1N00yoCrJdwP-1s1oCk7wz5h3pte__PutXg6UEt7JquR_rxqYSbVtc6XE16H179QhkKMxbOUMo3OGamZbjFHlySvRq8prtYawfWgIJZ2MO9jXlg6ryF6hcVNdnL7iCt3/s1600/resized_ez.jpg



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


<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>





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


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



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


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL9kIuWPGueZFD1N00yoCrJdwP-1s1oCk7wz5h3pte__PutXg6UEt7JquR_rxqYSbVtc6XE16H179QhkKMxbOUMo3OGamZbjFHlySvRq8prtYawfWgIJZ2MO9jXlg6ryF6hcVNdnL7iCt3/s1600/resized_ez.jpg

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



<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 ثواني فقط 
القالب منسق والونه فاتحة مهدائةللاعصاب ومريحة للعين جدا
القالب متوافق مع جميع المتصفحات

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




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

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

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

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


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

20 التعليقات:

  1. ما شاء الله يا مصطفى
    موضوع جبار ومتكامل 100% وقالب رائع جدا
    احسنت والى الامام ...
    تحياتي

    ردحذف
  2. أحسنت أخي مصطفى ربنا يشفيك

    ردحذف
  3. كمان مصطفى انت فين
    لية ما تدخل ياهو ؟؟

    ردحذف
  4. بارك الله فيك بصراحه قالب ممتاز ونقدر جميع مجهوداتك وشكرا لك

    ردحذف
  5. االقالب بتاعى بالنسبة لبتاعك ولا حاجة رائع جدا يا مصطفى

    اتمنى لك التوفيق ان شاء الله

    سؤال واحد ايه رايك فى قالب عرب كول الى نزلته امبارح مستنى ردك

    ردحذف
  6. شكرا لكم جميعا اخوني

    وشكرا لك عبد الغفور ويشفي جميع المسلمين

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

    ردحذف
  7. طول عمرك مبدع يا مصطفى برك الله فيك

    ردحذف
  8. قالب رائع ربنا يبارك لك يا درش

    ردحذف
  9. فين القالب المعرب انتا حاطط كل التحميلات للقالب الاجنبى !!!

    ردحذف
    الردود
    1. شكرا لك اخي علي التنبيه
      ساعدل علي الروابط حالا وشكرا علي مرورك العطر

      حذف
    2. شكرا لك اخي علي التنبيه
      ساعدل علي الروابط حالا وشكرا علي مرورك العطر

      حذف
  10. قالب جميل جدا لكن كيف يمكنني تغيير الشريط الجانبي من اليسار الى اليمين و كيف يتم تغيير عرض العمود الايسر http://bramjsoftware.blogspot.com/

    ردحذف
  11. اخي اوجه مشاكل في التعديل على التعريف بالكاتب المرجو الاجابة

    ردحذف
  12. لاحظ لم اجد كود تغيير تعريف الكاتب المرجو الافادة اخي الكريم ساكون شاكرا لك

    http://tatwir-datek.blogspot.com/2012/12/blog-post.html

    ردحذف
  13. شكرا لك اخي لو ممكن جعل العمود في الجها اليمنه ولك جزيل الشكر انتظر ردك

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

    ردحذف
  15. انا عايز افهم معنى دي يا اخي (ابحث عن كلمة خلاصة التعليقات وغير ماباللون برابطك
    وغير الكلامات بما تريد) ارجو الرد

    ردحذف
  16. قالب متميز شكراً
    http://neoxwin.blogspot.com

    ردحذف

افلام اون لاين

اختارنا لكم

 
© 2014 جميع حقوق النشر محفوظة لدى المعرفة Blog | تصميم قوالب بلوجر