معهد خبراء بلوجر - القالب الاحترافي المدفوع للمجلات لسنة 2015 مجانا لكم

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

http://3.bp.blogspot.com/-eiFuQmyo3b.../Captssure.PNG

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

من بعض مميزات القالب ما يلي :

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

1-تحسينات السيو :

ادخل الى لوحة تحكم مدونتك ثم ==> تصميم ثم ==> تحرير HTML ==> اضعط على (Ctrl+f) ثم ابحث عن :

كود بلغة HTML:

Chbani Abdessamad

وستجد الكودات التاليىة وقم بالتعديل بما يناسبك :

كود بلغة HTML:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

      <meta content=' وصف المداونة ' name='description'/>

      <meta content='الكلمات المفتاحية' name='keywords'/>

      <meta content='all' name='robots'/>

<meta content='index, follow' name='robots'/>

      <meta content='Chbani Abdessamad' name='author'/>

      <meta content='Arabic' name='language'/>

      <meta content='Morocco' name='country'/>

      <meta charset='utf-8'/>

      <meta content='text/html; charset=UTF-8' ***********='Content-Type'/>

      <meta content='blogger' name='generator'/>

    </b:if>

2- الازرار الاجتماعية بالشريط الجانبي :

http://2.bp.blogspot.com/-DkyF9GYZZ5.../s1600/111.PNG

ادخل الى لوحة تحكم مدونتك ثم ==> تصميم ثم ==> تحرير HTML ==> اضعط على (Ctrl+f) ثم ابحث عن :

كود بلغة HTML:

Social Icons Started

وستجد الكودات التالية وقم بالتعديل بما يناسبك :

كود بلغة HTML:

<!--Social Icons Started -->

<div id='social'>



<a class='facebook' href='#'/>

<a class='twitter' href='#'/>

<a class='flickr' href='http://www.flickr.com/'/>

<a class='facebook' href='#'/>

<a class='googleplus' href='#'/>

<a class='vimeo' href='http://vimeo.com/'/>

<a class='youtube' href='http://www.youtube.com/'/>

<a class='mail' href='#@gmail.com'/>

</div>

<!--Social Icons End-->

3-شريط التنقل :

http://4.bp.blogspot.com/-9Ymf7_ncEx...s1600/3333.PNG

ادخل الى لوحة تحكم مدونتك ثم ==> تصميم ثم ==> تحرير HTML ==> اضعط على (Ctrl+f) ثم ابحث عن :

كود بلغة HTML:

nav id='main-nav'>

وستجد الكودات التالية وقم بالتعديل بما يناسبك :

كود بلغة HTML:

<nav id='main-nav'>

<div class='container'>



<div class='main-menu'><ul class='menu' id='menu-main'>

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



 <li>

                    <a href='#'>

                      اخبار بلوجر                     

                    </a>

                  </li>

                  <li>

                    <a href='#'>

                      تطوير المواقع و المدونات                     

                    </a>

                  </li>

                  <li>

                    <a href='#'>

                      قوالب البلوجر 

                    </a>

                  </li>

                  <li>

                    <a href='#'>

                      الووردبريس                     

                    </a>

                  </li>

                  <li>

                    <a href='#'>

                      برامج مجانية                   

                    </a>

                  </li>

                  <li>

                    <a href='/search/label/فيس بوك?&amp;max-results=7'>

                      الفايس بوك                   

                    </a>

                  </li>

                  <li class='ranpost'><a onclick='feelingLucky();'/></li>



      

</ul></div>

</div>



</nav>



</div>

4-معلومات الكاتب :

http://2.bp.blogspot.com/-9qD3zLMR5k...s1600/2222.PNG

ادخل الى لوحة تحكم مدونتك ثم ==> تصميم ثم ==> تحرير HTML ==> اضعط على (Ctrl+f) ثم ابحث عن :

كود بلغة HTML:

author-description

وستجد الكود التالي وقم بالتعديل بما يناسبك :

كود بلغة HTML:

<div class='author-description'>اكتب تعريف بسيط عن المداونة هنا </div>

5-التعديل علي الصورة :

http://3.bp.blogspot.com/-CHqtWK0yXx...Captudghre.PNG

http://1.bp.blogspot.com/-7stB9jfHiH...pergergure.PNG

http://4.bp.blogspot.com/-NorJuKQFZ1...s1600/4444.PNG

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