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

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

أولاً صورة القالب

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

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

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

حقوق القالب

 تصميم : Free WordPress Themes
تحويل للبلوجر : Premium Blogger Themes
تعريب وتطوير : قوالب بلوجر معربة

التعديل على القالب  

أولاً : التعديل على الناف بار

من لوحة التحكم ثم تصميم ثم تحرير html ابحث في قالبك عن هذا الكود

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

<li><a href='#'>أعمال</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
</li>

<li><a href='#'>دونلود</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a>
<ul class='children'>
<li><a href='#'>تعديل</a>
</li>
</ul>
</li>
</ul>
</li>

<li><a href='#'>إسلاميات</a></li>

<li><a href='#'>صحة</a>
<ul class='children'>
<li><a href='#'>تعديل</a></li>
<li><a href='#'>تعديل</a></li>
</ul>
</li>

<li><a href='#'>برامج</a></li>
<li><a href='#'>أدب</a></li>
<li><a href='#'>تعديل</a></li>
       
</ul>

ثم قم بتغيير ما تريده مع العلم أن هذه العلامة # تعني ماكن الرابط الذي تريد وضعه .

ثانيا: التعديل على Slide Show

من لوحة التحكم ثم تصميم ثم تحرير html ابحث في قالبك عن هذا الكود

<div class='imageElement'>
<h3>عنوان الموضوع الأول</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر ,   ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الأول' title='عنوان الموضوع الأول'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh676AStGVF8-0d3wscxu0Q8Eo6u2CKvpldRZG2l0HYoWagpYvY-VDQlQqnFrE6iLV5wGjX4V4KjhQ4KIMS88In9X2Nyjq0kA1miqHxCFJZ56D8cxQE_sYBf53RUS-xjfKMJid7We5ARrdV/s1600/1.jpg'/>
</div>

<div class='imageElement'>
<h3>عنوان الموضوع الثاني</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر ,   ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الثاني' title='عنوان الموضوع الثاني'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLqThiOgzeNO5P-mBZdAq3xtNq_P9ujsHS7No-Is2OaCjAJVZ8dn5QDkuqUSN1mFMjptcNQHQ4ZjEWbohQnYEirTTX1D5MdVO7NxcOf60K22YowqR5fOE7expJU2jhLmGqP-NRvh75y7wi/s1600/2.jpg'/>
</div>

<div class='imageElement'>
<h3>عنوان الموضوع الثالث</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر ,   ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الثالث' title='عنوان الموضوع الثالث'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3z8JSQuDgA1bgCUjox7eZCLBeuNtkUq-bL5oiiB20NDTrJXcz-AtJq1Auml_rP3SI0VpInWaScs4ovinYIF5gLM25Vm9XK_ClRb-gAjwtFar-YO__VLm8Iu7VV9LWAhvUqqUYS8exagvR/s1600/3.jpg'/>
</div>

<div class='imageElement'>
<h3>عنوان الموضوع الرابع</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر ,   ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الرابع' title='عنوان الموضوع الرابع'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHfEllf8hGQIxFIJUkJecW2X9bqC0KIRIzLJSlxpsNnHnEvMKUXat_mTsqL5jfq6Fd1bsDENINIrPpwVxHdljxw0XNSdR-8YbF1AaJNawExcaFV3Ga-JG8jwvvKRhEWEbrC-9xQeU9YDXu/s1600/4.jpg'/>
</div>

<div class='imageElement'>
<h3>عنوان الموضوع الخامس</h3>
<p>تم تعريب هذا القالب بواسطة مدونة عرب بلوجر ,   ولمزيد من القوالب لا تنسوا زيارة المدونة blogger-arabia.blogspot.com تحياتي أخوكم باســم .</p>
<a class='open' href='لينك الموضوع الخامس' title='عنوان الموضوع الخامس'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiStXis_mSLXC1demQXZ3jNZNueFXq7XkfmSGhKzJ5a6rktAaGj2sFhobGD_rJbTCIfhlztqQtiA8a29-4zdIPGCYpVQyUCmPLuNSRN8fmzVwIHBFHoNPvtYHHp4xZmG8Rz8wHMd-W1cM-a/s1600/5.jpg'/>
</div>

ثم غير ما ليزم كما هو مكتوب , مع تغيير رابط الصورة بكل موضوع .

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

من لوحة التحكم ثم تصميم ثم تحرير html ابحث في قالبك عن هذا الكود

<div class='socialboxes'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEianLhh5x81IvoHIC5uqCVbWreaQLvsk9toA2D4lSku1srA_GvxQqIjt1PUIy3L0Qt82vAUJa_ESGkGDabeMARJ0gTzCgj0G5Ft6nwHOHyB8yHr6ST84RS5oAQqyU5PlGhLhRfBdTIGWSCz/s1600/rss.png' style='vertical-align:middle; margin-left: 5px;' title='RSS Feed'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>اشترك في RSS feed!</a>
</div>
                       
<div class='socialboxes'>
<a href='http://twitter.com/USERNAME'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXQvRq-vsogC9eqTE7Sd6lMQSa87TVr9HMf_mmJ4Xs4JqACGS1pWaMoj8Ue5izhSwslBn7vihjNkCTcbNDuw9x7bpk5O9UBiOifw0hlgKT0XCf0-SUB3wWpwoJHaBxXkcuRNGdU6kBRC1H/s1600/twitter.png' style='vertical-align:middle; margin-left: 5px;' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME'>تابعنا على تويتر!</a>
</div>

 ثم قم بتغيير كلمة USERNAME باسم حسابك في تويتر

 واحفظ قالبك ..