السلام عليكم ورحمة الله وبركاته ...
أقدم لكم اليوم قالب فيس بوك معرب فهذا القالب يشبه تماما قالب الفيس بوك والآن أقدمه لكم بعد ان انتيت من تعريبه كاملا مع بعض الإضافات الرائعة ليصبح إستخدامه سهل بالنسبة لحضراتكم وأرجو أن ينال القالب على إعجابكم.
مميزات القالب:
1-من أهم مميزات هذا القالب إحتوائه على Gallery فيمكنك من خلالها وضع مختصر لموضوع مع صورة وهذه الإضافة تحسن شكل مدونتك إلى حد كبير.
2- وأيضا من إضافته الجميلة أنه يحتوى على خاصية إقرأ المزيد بشكل رائع ويمكنك من خلالها وضح اختصار للموضوع مع صورة فى هذه الخاصية.
3- إحتوائه على ثلاث قوائم فى الفوتر مما تجعل القالب أكثر جمالا.
4- أيضا من ممميزاته أن يحتوى على قائمة منسدلة فى أول الموقع وهذه أيضا إضافة ستساعد على أن يكون القالب رائع.
5- صداقته لمحركات البحث.
6- توافقه مع بعض المتصفحات.
ألوان القالب:
يتميز القالب بوجود ألوان عديدة مثل :
الأبيض، الأزرق، الأسود وغيره.
وصف القالب:
يحتوى القالب على عمود واحد وهو فى الجانب الأيسر ويحتوى على ثلاث أعمدة فى الفوتر.
صور من القالب:
التعديل على القالب:
التعديل فى القائمة المنسدلة التى فى أول الموقع من هذا الكود:
كود بلغة HTML:
<li><a href='http://www.arabic-blogger.com/'>بلوجر بالعربى</a>
<ul class='sub-menu'>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a></li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a></li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a></li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a></li>
</ul>
</li>
li><a href='http://www.arabic-blogger.com/'>تعديل</a>
<ul class='sub-menu'>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a></li>
</ul>
</li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a>
<ul class='sub-menu'>
<li><a href='http://www.arabic-blogger.com/'>بلوجر بالعربى</a>
</li>
<li><a href='http://www.arabic-blogger.com/'>بلوجر بالعربى</a>
</li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a>
</li>
<li><a href='http://www.arabic-blogger.com/'>بلوجر بالعربى</a>
</li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a></li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a>
</li></ul></li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a>
<ul class='sub-menu'>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a>
</li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a>
</li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a>
</li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a>
</li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a>
</li></ul></li>
<li>
<a href='http://www.arabic-blogger.com/'>تعديل</a>
<ul class='sub-menu'>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a></li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a></li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a></li>
</ul></li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a>
<ul class='sub-menu'>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a></li>
<li><a href='http://www.arabic-blogger.com/'>تعديل</a></li>
</ul></li>
ثانيا: التعديل فى Gallery القالب من هذا الكود:
كود بلغة HTML:
<!-- 1th Thumb -->
<li>
<div class='dhub-text'>
<a href='http://www.arabic-blogger.com/'><img class='dhub-Image' src='http://2.bp.blogspot.com/-CPx85rPM_2k/UOVLmBpo8UI/AAAAAAAAAUo/DDuhR6RNDuY/s1600/blogger_logo.jpeg'/></a>
<div class='clear'/>
<h2>
<a href='http://www.arabic-blogger.com/'>بلوجر بالعربى</a></h2>
<p>مدونة بلوجر بالعربى<a href='http://www.arabic-blogger.com/' target='_blank'>بلوجر بالعربى</a>... </p>
</div>
</li>
<!-- 2th Thumb -->
<li>
<div class='dhub-text'>
<a href='http://www.arabic-blogger.com/'><img class='dhub-Image' src='http://2.bp.blogspot.com/-CPx85rPM_2k/UOVLmBpo8UI/AAAAAAAAAUo/DDuhR6RNDuY/s1600/blogger_logo.jpeg'/></a>
<div class='clear'/>
<h2>
<a href='http://www.arabic-blogger.com/'>بلوجر بالعربى</a></h2>
<p>مدونة بلوجر بالعربى<a href='http://www.arabic-blogger.com/' target='_blank'>بلوجر بالعربى</a>... </p>
</div>
</li>
<!-- 3th Thumb -->
<li>
<div class='dhub-text'>
<a href='http://www.arabic-blogger.com/'><img class='dhub-Image' src='http://2.bp.blogspot.com/-CPx85rPM_2k/UOVLmBpo8UI/AAAAAAAAAUo/DDuhR6RNDuY/s1600/blogger_logo.jpeg'/></a>
<div class='clear'/>
<h2>
<a href='http://www.arabic-blogger.com/'>بلوجر بالعربى</a></h2>
<p>مدونة بلوجر بالعربى<a href='http://www.arabic-blogger.com/' target='_blank'>بلوجر بالعربى</a>... </p>
</div>
</li>
<!-- 4th Thumb -->
<li>
<div class='dhub-text'>
<a href='http://www.arabic-blogger.com/'><img class='dhub-Image' src='http://2.bp.blogspot.com/-CPx85rPM_2k/UOVLmBpo8UI/AAAAAAAAAUo/DDuhR6RNDuY/s1600/blogger_logo.jpeg'/></a>
<div class='clear'/>
<h2>
<a href='http://www.arabic-blogger.com/'>بلوجر بالعربى</a></h2>
<p>مدونة بلوجر بالعربى<a href='http://www.arabic-blogger.com/' target='_blank'>بلوجر بالعربى</a>... </p>
</div>
</li>
<!-- 5th Thumb -->
<li>
<div class='dhub-text'>
<a href='http://www.arabic-blogger.com/'><img class='dhub-Image' src='http://2.bp.blogspot.com/-CPx85rPM_2k/UOVLmBpo8UI/AAAAAAAAAUo/DDuhR6RNDuY/s1600/blogger_logo.jpeg'/></a>
<div class='clear'/>
<h2>
<a href='http://www.arabic-blogger.com/'>بلوجر بالعربى</a></h2>
<p>مدونة بلوجر بالعربى<a href='http://www.arabic-blogger.com/' target='_blank'>بلوجر بالعربى</a>... </p>
</div>
</li>
ثالثا: التعديل فى صفحات التى فى الفوتر من هذا الكود:
كود بلغة HTML:
<a href='http://www.arabic-blogger.com/2012/12/blog-post_25.html' target='_blank' title='عن المدونة'>عن المدونة</a><a href='http://www.arabic-blogger.com/' target='_blank'>.</a> | <a href='http://www.arabic-blogger.com/' target='_blank' title='راسلنا'>راسلنا</a> | <a href='http://www.arabic-blogger.com/' target='_blank' title='Write For Us'>Write For Us</a> | <a href='http://www.arabic-blogger.com/' target='_blank' title='أرشيف'>أرشيف</a>
كيفية الحصول على هذه الأكواد:
ادخل إلى لوحة التحكم ثم قالب ثم تحرير Html بعد ذلك إبحث عن الكود بإستخدام Ctrl+f.
المعاينة -
التحميل
المصدر :
http://www.arabic-blogger.com/2013/0...book_4409.html