السلام عليكم ورحمة الله وبركاتة
مرحبآ بكم زوار مدونة العالمي
اليوم سوف اقدم لكم القالب الثاني لمدونة العالمي
AL3almi V2
AL3almi V2
يوجد بالقالب مميزات كثيرة
1- وجود سلايد
1- وجود سلايد
2- وجود قوائم منسدلة
3- شريط تلقائي بأخر التدوينات
3- اماكن لعرض الاعلانات بجانب العنون واسفل السلايد ومكانين اسفل الاقسام
4- وجود 6 مربعات لعرض المشاركات في اقسام المدونة
5- وجود اماكن لعرض الاعلان داخل المشاركات
6- يدعم جميع المتصفحات
صورة من القالب
طريقة التركيب
أولآ لتخصيص السلايدر ابحث عن الكود التالي
<!-- Slider Start -->
<!-- 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/AVvXsEhuyLqv8HyTdOdvDj9FzVZ3I_m8yMCHd_RSGeGXwIPESdyLQZetWq8uFr9jTGfX8i-YZ5NOoefINMFHS7vv8K8aJQ-VNRtQ7qCHFelZuBshK2d7BG3NyS9VNAhwmjU9JCbz_UkmeqT8aN43/s1600/css-compressor.png' style='width:1000px; height:400px;'/>
</a>
<div class='flex-caption'>
<h3>
طريقة تسريع مدونات بلوجر </h3>
<p>
</p>
</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/AVvXsEgs3tSFy2zd_wc3C7Z-TtgLBabBtk1ZO77YLGV_zf2EHKcCfQUviYA3ZS8cJggCiKeWDuTA4XH1wv5KAunUe_-3gFSSGfh6eCYQ8_QbL0-7QZ4kOLZUG3RG7878LnlDjkvCB2ZIWYgC9ps/s1600/on.jpg' style='width:1000px; height:400px;'/>
</a>
<div class='flex-caption'>
<h3>
اسباب اغلاق الجهاز تلقائيآ </h3>
<p>
</p>
</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>
<p>
</p>
</div>
</li>
<li>
<a href='http://www.al3almi.info/2013/10/translate.html'>
<img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5iNV97OUfP-LJZG7nD5-5JDTCzzozkwqD2Yg0cSFuGbTDKbXc4qYw-MVYlZqfxAZoRq54NxzDpsN3p4H-juWmxr5LTVFybmAkAqNmccYc2uh0ZL9PemBoTTPLxu23iWoCBBQA6jLWuEM/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>
<p>
</p>
</div>
</li>
<li>
<a href='http://www.al3almi.info/2013/10/firefox.html'>
<img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBdR62U4vIvQZ6TcCqxPJG2EX5rKSaIRCahys1G6vbLY8Vc-2a-gXYqRaJYGpUNMJ9W1Omf2vw-x6CJ8xZDsiGleqnLQ4OrjOMIz_0Qwtb5SSV_TXspj7dD3TNUDtNYl1ikXR4-TCjP2E/s1600/https-prevented-from-iran.jpg' style='width:1000px; height:400px;'/>
</a>
<div class='flex-caption'>
<h3>
احمي نفسك من الاختراق </h3>
<p>
</p>
</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/AVvXsEiUWplT02khqWeEwG_Q5T0StvM0s58ZqL7e9Drz6qKyeIZ5rqB1Ipo7GAAYg9771s7qoX97LGFnc3bF9AhwFtuvqX2t4TXi-B25e74t5pMngLsPGRenppa2ONlLl8Y9A1EnxEc5BMF9ViQ/s1600/Shiny_Models_by_The_Panic.jpg' style='width:1000px; height:400px;'/>
</a>
<div class='flex-caption'>
<h3>
اكشن قوي ومميز للفوتوشوب </h3>
<p>
</p>
</div>
</li>
<li>
<a href='http://www.al3almi.info/2013/09/programmer.html'>
<img class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb8Aqo8r3S_LlPjcXjGr8Q0rcwRVB8axnTjNbU-b0D0Ce46DQ32O8bdLVu7bOT9tEsyIJxOsMx_FXI3M2W0qUJD0a5Zay5z3QZLOguLZuXXIEWjuiruoysYdK8m-Mxh_dJsD2DjvF-l6g/s1600/%D8%AA%D9%86%D8%B2%D9%8A%D9%84.jpg' style='width:1000px; height:400px;'/>
</a>
<div class='flex-caption'>
<h3>
كيف تصيح مبرمج ناجح </h3>
<p>
</p>
</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/AVvXsEgLOqhWjUT8O-YxtpFvO8-qRcBMXHsciUyB7Epe5crzzU0aEtu7-BeEGmqiCwjrGCBS48mwUdzhNq0EMR_kDqk-xbRuYhSUYa5o5BzKJAnhl-FVEuLAi6EjdSkbEadsc-htHhN8KUy_QzE/s1600/Akram+Alodini+-+Google+AdWords+Certified+Individua.JPG' style='width:1000px; height:400px;'/>
</a>
<div class='flex-caption'>
<h3>
تعرف علي اهم خمسة شهادات تفيدك في مجال التسويق </h3>
<p>
</p>
</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/AVvXsEgt2S4-WOKcV2QyEAspAa-301oA92dj_rQujLg2bXiI-WxAxWKh0qZJrPpSDG6801ZVTsLrundlvPrCAn42MkjNLihaHs8WO2kZ9XNU80ZZR8_r7KqqIiqbFT5XbOvdFDF93GP0mI-z7WE/s1600/Communication-Breakdownjpg.jpg' style='width:1000px; height:400px;'/>
</a>
<div class='flex-caption'>
<h3>
اربعة برامج مشابهة لبرنامج سكايب ولاتحتاج صبيب إتصال عالي
</h3>
<p>
</p>
</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>
<p>
</p>
</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>
ومن هنا يكون انتهي الشرح
ليست هناك تعليقات:
إرسال تعليق