المحترف للمعلوميات: قالب مدونة العالمي 2

السلام عليكم ورحمة الله وبركاتة اليوم سوف اقدم لكم القالب الثاني لمدونة العالمي AL3almi V2 يوجد بالقالب مميزات كثيرة

1- وجود سلايد
2- وجود قوائم منسدلة
3- شريط تلقائي بأخر التدوينات
3- اماكن لعرض الاعلانات بجانب العنون واسفل السلايد ومكانين اسفل الاقسام
4- وجود 6 مربعات لعرض المشاركات في اقسام المدونة
5- وجود اماكن لعرض الاعلان داخل المشاركات
6- يدعم جميع المتصفحات

صورة من القالب

مــعــاينة القالب تحميل القالب

طريقة التركيب

أولآ لتخصيص السلايدر ابحث عن الكود التالي

<!-- Slider Start --><br />
<!-- Slider Start --> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div id='slider'>
<div class='flexslider' id='flexislider'>
<ul class='slides'>
<li> <a href='http://www.al3almi.info/2013/10/blog-post_4937.html'> <img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZSALoO873NaXBD22_LOye53O88vFU4BzAKs6gsb3A_4tK91mBhG5wO9IBQB8TpjoO0NaFpIqLpVRYeGXaY9M8bk5o8pOhUER9NBgesWekUQhYcx4rprzMahxmLmts5tNd9Oxqgt9MZVxA/s1600/css-compressor.png' style='width:1000px; height:400px;'/> </a> <div class='flex-caption'>
<h3>
طريقة تسريع مدونات بلوجر </h3>
</div>
</li>
<li> <a href='http://www.al3almi.info/2013/10/blog-post_3.html'> <img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8NroC5l0sxxZSgdMrqmqUf2WGIoM0ixwKgCUm1Fs03EuEAJQSIxO5oxUh0yW7zbdJfzIV68LVL-EmME8CwyA8z-91Owm3_P8tODDtSjJAC9FFBlFNBGbXV_kST9xatSxjMBRD9CopzIE/s1600/on.jpg' style='width:1000px; height:400px;'/> </a> <div class='flex-caption'>
<h3>
اسباب اغلاق الجهاز تلقائيآ </h3>
</div>
</li>
<li> <a href='http://www.al3almi.info/2013/09/blog-post_22.html'> <img class='slideimg' src='http://www.autourduweb.fr/wp-content/uploads/2011/04/astuce-blog.jpg' style='width:1000px; height:400px;'/> </a> <div class='flex-caption'>
<h3>
كيفية كتابة محتوي جيد لمدونتك </h3>
</div>
</li>
<li> <a href='http://www.al3almi.info/2013/10/translate.html'> <img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn58DCoq_QNyhxDvV49mmCxmU2AQISaTRkyXsxEtLKxeVr19NfqAHZCWlaoIP9ayZE2sE-wdTkFNV_-pt5ciKwiEEP6zN2X2iWB-0a30NQzrd8kPDt9GrvRKvTOlpGD3_NOMu7c-QKK4U/s1600/%D8%AA%D9%86%D8%B2%D9%8A%D9%84+(1).jpg' style='width:1000px; height:400px;'/> </a> <div class='flex-caption'>
<h3>
افضل موقع للترجمة عن طريق الانترنت </h3>
</div>
</li>
<li> <a href='http://www.al3almi.info/2013/10/firefox.html'> <img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcayyJyD-SV-C7Ngl90P7lCrkQMpNh-IPSh3LFjFtvhCqyfHjr8M5IENEkIaMMZ5WLT2a2rRtYnQL7-91DZqR3rC6o4KHNgHP1ZCiDBOrawxH97ke67lZXFtmugiKR07-2idMDVad5zRY/s1600/https-prevented-from-iran.jpg' style='width:1000px; height:400px;'/> </a> <div class='flex-caption'>
<h3>
احمي نفسك من الاختراق </h3>
</div>
</li>
<li> <a href='http://www.al3almi.info/2013/10/blog-post.html'> <img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiMfyIVDTC5261pFLmB6HtbU-9c47mWw3I8_RW8jB979_gW62iOH7W5QetpSGgC6GoOzoGmpIbTydbBnF14b8KRhcmMgRyvt57CyHMvUEKaMRsCbs8d8SNx1FPlyYffcbPA0z-qyZ2XlM/s1600/Shiny_Models_by_The_Panic.jpg' style='width:1000px; height:400px;'/> </a> <div class='flex-caption'>
<h3>
اكشن قوي ومميز للفوتوشوب </h3>
</div>
</li>
<li> <a href='http://www.al3almi.info/2013/09/programmer.html'> <img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbRx7J9S0jd3E-KRIQM82qBEPbXttxrU1X_j8obBwkZ8OqvzqMUh-H4N1cbPuPT_ad4wgBpnOgNibs3g0uM4rQVi_n0omZrl10nOLQhQI8614IgHRC_IKZTubHNp9LmJPMqSRY-e9O9Qg/s1600/%D8%AA%D9%86%D8%B2%D9%8A%D9%84.jpg' style='width:1000px; height:400px;'/> </a> <div class='flex-caption'>
<h3>
كيف تصيح مبرمج ناجح </h3>
</div>
</li>
<li> <a href='http://www.al3almi.info/2013/09/blog-post_130.html'> <img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinUCQcMrT8BFGrtoGwLKQccWEI1PWr9Wk3PNz_6cINnUM01sPDBPw1oBMSe84GQROhpDPE-hHjB0UTT7yc7ms_9td7Qhtd6sLFNmsp3QJ0WkIzYrUwjNtODEjuZqrtpMotmt5n_oB90tM/s1600/Akram+Alodini+-+Google+AdWords+Certified+Individua.JPG' style='width:1000px; height:400px;'/> </a> <div class='flex-caption'>
<h3>
تعرف علي اهم خمسة شهادات تفيدك في مجال التسويق </h3>
</div>
</li>
<li> <a href='http://www.al3almi.info/2013/09/blog-post_5203.html'> <img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzM_8ueugHpJh326swlNvgt4Mw8hm00bat2MldinQqxCAmqeinWzDQshs4G7stM1NkZW7YfOaN0vISHl1nhUxjkuqXA3IaFjbnF7q1VYoIOyNpf3mKInDyv7tcmij5gWSZ_7acpI1q3nw/s1600/Communication-Breakdownjpg.jpg' style='width:1000px; height:400px;'/> </a> <div class='flex-caption'>
<h3>
اربعة برامج مشابهة لبرنامج سكايب ولاتحتاج صبيب إتصال عالي  </h3>
</div>
</li>
<li> <a href='http://www.al3almi.info/2013/09/2014_16.html'> <img class='http://1.bp.blogspot.com/-kseJ4uW_ymM/Ue7DxDsCxPI/AAAAAAAAArI/cuuYFkT8w-Y/s1600/icone-sociali.png' style='width:1000px; height:400px;'/> </a> <div class='flex-caption'>
<h3>
ايقونات التواصل الاجتماعي للبلوجر </h3>
</div>
</li>
</ul>
</div>
</div>
</b:if> </b:if> <!-- Slider End -->

لتخصيص الصناديق الملونة

قم بالدخول الي التخطيط ستجد اماكنها
قم بالتعديل عليها وادخال هذا الكود

script type='text/javascript'>var numposts = 2;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 40;</script>  <script type="text/javascript" src="/feeds/posts/default/-القسم المراد عرض مواضيعة?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

ومن هنا يكون انتهي الشرح

قالب مدونة العالمي 2

بقلم يوسف شهيد