بسم
الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد
النبي الأمين وعلى اله الاطهار أما بعد ,
السلام عليكم ورحمة الله وبركاته , أبدأ معكم سلسلة القوالب المعربة
لمدونات البلوجر مع أول قالب ويسمى Roca وهو قالب ذو ألوان قاتمة حيث اللون
الأسود والبرتقالي والأبيض السمني أيضاً , القالب يصلح كمجلة أو للمدونات
الاخبارية , القالب رائع بكل المقاييس , القالب من تعريب : مدونة عرب بلوجر , ولمشاهدة وتحميل القالب تابع معي ..
أولاً صورة القالب
مميزات القالب
ذات الوان متعددة من اسود وبرتقالي .
يحتوي على ناف بار للقوائم .
يحتوي على ازرار مشاركة التدوينات في المواقع الاجتماعية .
يحتوي على هاك اقرأ المزيد .
يحتوي على إضافة ترقيم الصفحات .
حقوق القالب
التعديل على القالب
أولاً : التعديل على الناف بار
من لوحة التحكم ثم تصميم ثم تحرير 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/AVvXsEhbbIacBQ24Yxf1u6_cnQ4ERNxMfUa4JtxN5G-JP0qYwjOAJSR7H0hjHNJwct0rrgJ_3Czd8034kujql1CWrivF-uSFMOfySkv6KXxePTHHJeHtjdSUELy6CCHVCUmCwblrQ23rp9YB6F8g/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/AVvXsEhCgilRDbbqedvw8rVIEKQD80n08gGeXZAWYf85fchPWl5VOHwYuFDMUHsCbVLf4vkOatE0_mkcCho7_b-kU3aiorboHlhQwN2pY7_VeCOda525KrElaMhWOGkHuyZc3Lhf_6J8Gn011tyU/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/AVvXsEgMi2_whqenGqb00Hb655e5dvyxSjjPGYpPAViGm5dz4Eb8iy9CsjOMCOJh4THM6U8UV1eLj4KSDEaLdZzbv9qs9bdZpcZW5hgb0I8SyucU1IhVseSQX-MIOSjq7MJxUVvcaXYIJzbU5b-U/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/AVvXsEiOuvKQpqPBuu0QGrtVTEeIVpNBu3Gw3_Y0WY_7s3yAZUeu9NZmDce56GNR9-nl8QIOKIhhWYQklTlBIOmgnVolLqnt7NeHtv949HbWLG3tYuVzrxt0H7pgiPGu6Sqz1-rD-vh9MRIkBjnT/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/AVvXsEjL57D9Dmhw0vg4MOF1kLFHbkFQvw6J0JJuAvHIChdZtl3v5tKQ0BR3V4Aljq7lCYFPNYFt4TidRYKxprW7OKiSSFqK5RLLzDIEzFVWqDC92aWJkAKMzvT5YDsmGOyxdOPjnCpEd4vV383b/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/AVvXsEji3scUPoaUE5QnQ6WDcBYAB4zUMoK6tjKuFvcu3uW9xBwzwiMxJfqeKijqEuQhzZAAi2Db2H0uXAwiq84vtIALL-cfNjeW8dU0mi6UDe0Kt94zD8V3A3CkVT_nKsDmgm3kzdONuIi0UyMG/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/AVvXsEiJ2tFPdgM0989nSMgp4-dXRp63xcJrDSB9kGg2Ptpn1Zofhum3IEUi7_GWgbEYan2rVHS4wtQSA_c7eV5x4JmZaNQoRDg6H_pt4o9i2e28jnwtd7Rzg11T9gTZdlgUfMQCrCeqohRumox4/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 باسم حسابك في تويتر
واحفظ قالبك ..
منقول من مدونة بلوجر
تم بحمد الله ..
0 التعليقات:
إرسال تعليق