جـديد عربي: قالب 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/AVvXsEhN8NLzyWbuz4OBunCsW0rgapri04pFhjkooB96npqB2vZGI3J3Y8kFCZs-Z5T6eMf3fy6lr2Y6UdDQGb2t6SM7rPfYJ4PjbKxu73SWwwhPG3pdFBqb9e5l5Vvk9kZwuXAnrf269dKAntgp/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/AVvXsEgN_oa01JFVprTczCPYhyphenhyphenqZTfrXs6la-FJ_HHgay8RRbUN4LqPoQ-abDDzJKJyDy3stCY1Iz1wdwdhnfJJwH6yy03SITlP6Q6D0A1AkK9zb22lGlxna_6iNcGRHvLyxl10YiqqFVAliSWus/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/AVvXsEh3RK3Y2tlXCMfXbRFN3JlS54qyhZxBauQAvh31sgDr6aBAyBiuKiT4p8VJXlHqz9sD7ZGip4E2VACjhDtLLaWK6_y_mErbegb5K8K82Ihl8ELut3K8S0aaBfGIZpcN_krb-Qlj7EJ2i8Ex/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/AVvXsEgpnhQpxLZvp0bCSJg91ykqeN8bM3Dx4FycqgVTP1QQuX6sCe9vhnRqp-Yy4lyi3bvPE4vUCvw4NgMZnr8RiH4pQhEQRerkqN2hkhQdx2T2EdXc2FXJXrn3dgh3oE-c4U_wKRhYNXDhiCO3/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/AVvXsEgivIM1K1AR9fWmOfYrFQ3lp6NASQgT074BVopWadjrFqzqxXv3G3ZquofpqJPWcnBz5kqi7DDMY5AHIZLcXoOCyN5hKCTEXeRgSDkFi4F12OsQ_z-GEvrgAgooRVTizmj6_J3_OD9DErhf/s1600/5.jpg'/>
</div>

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

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

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

<div class='socialboxes'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdlyEQRWA7taNtFhFktOVbpHgKDzTCNDRjob9LpPnrj7ysW7vbRV131XzfO0OzC-bPKZNennDMqCYqmMHWwuTzLUE5739cItNzBBL-nHuhoOeGHqUz0cR9pDxTl8b6TVpxIJyS_zgZIWEp/s1600/rss.png' style='vertical-align:middle; margin-left: 5px;' title='RSS Feed'/></a><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>اشترك في 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/AVvXsEhM-O44iM-IXhUZpUj6cd4nspLDAbx-qbmjPhcMWpZMcgczysboLyuyxFoAhdChqYOwHEgzZ4JQLvMgmduUoTKiMb50O1jWeIDD9iKgh14VTQUaq8K2ks0DH1d1LHqRSivr1Lltl1A_3fUS/s1600/twitter.png' style='vertical-align:middle; margin-left: 5px;' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME'>تابعنا على تويتر!</a>
</div>