قالب زوايا النسخة الأولى

مرحبا بكم مجددا اخواني الاعزاء انا  اعتذر من جميع عن سبب فترة غيابي المضت التي تعتبر غير طويلة لا اريد ان ادخل في مواضيع اخر .
اليوم تم وبحمد الله الانتهاء من تصميم قالب جديد وحصري قالب زوايا النسخة الأولى مصمم بحب وعناء يتيح لك التدوين بكل سهوله وامتياز وجماليه.

الوجهة كاملة

شرح تعديل على القالب 

لتعديل على القالئمة العلوية قم بالبحث داخل القالب عن الكود التالي 

<li><a href='http://qaisi1web.blogspot.com/'><i class='fa fa-star'/>  المدونة</a></li>
          <li><a href='http://qaisi1web.blogspot.com/'><i class='fa fa-paper-plane-o'/> تحميل القالب</a></li>
          <li><a href='http://zwaiai-v1.blogspot.com/p/sitemap_10.html'><i class='fa fa-archive'/>  الفهرس</a></li>
            <li><a href='http://zwaiai-v1.blogspot.com/p/about.html'><i class='fa fa-cog'/>  عن القالب </a></li>
          <li><a href='/404'><i class='fa fa-question-circle'/>  صفحة 404</a></li>

قم بتغير الكلمات بما تناسبك , قم بتغير الروابط بروابط مدونتك , لتغير صورة الهيدرز قم بالبحث عن رابط صورة http://i.imgur.com/QnpFHtK.png وقم بتغيرها بما تريد
لتعديل على القائمة المنسدلة الثانية قم بالبحث داخل القالب عن الكود التالي 

<li><a href='#'>المدونة</a></li>
<li class='dgnsub'><a href='#'>قائمة منسدلة</a>
<ul class='sub-menu hidden'>
<li><a href='#'>القسم الأول</a></li>
<li><a href='#'>القسم الثاني</a></li>
<li><a href='#'>القسم الثالث</a></li>
</ul>
</li>
<li><a href='#'>ملحقات</a></li>
<li class='dgnsub'><a href='#'>قائمة منسدلة +</a>
<ul class='sub-menu hidden'>
<li><a href='#'>القسم الأول</a></li>
<li><a href='#'>القسم الثاني</a></li>
<li class='dgnssub'><a href='#'>قائمة ثانوية</a>
<ul class='sub-sub-menu hidden'>
<li><a href='#'>القسم الأول</a></li>
<li><a href='#'>القسم الثاني</a></li>
<li><a href='#'>القسم الثالث</a></li>
<li><a href='#'>القسم الرابع</a></li>
</ul>
</li>
<li><a href='#'>القسم الثالث</a></li>
</ul>
</li>
<li><a href='#'>منوعات</a></li>
</ul>

قم بالتعديل على الكلمات باقسام وتسميات مدونتك الخاصه بك , قم بتغير علامة # بروابط اقسام مدونتك
الاستخدام الازرار قم باستخدم الكود التالي

<div style="text-align: center;">
<div id="wraphm">
<a class="btn" href="http://qaisi1web.blogspot.com/" target="_blank">معاينة<i class="fa fa-paper-plane"></i></a>
<a class="btn down" href="http://qaisi1web.blogspot.com/" target="_blank">تحميل<i class="fa fa-download"></i></a></div>
</div>

وأخيرا لأضافة اداة الاكثر تعليقا قم بالذهاب الى صفحة التخطيط ثم اضف أداة HTML/JavaScript وأضف الكود التالي به 

/* CSS Comments Style1 qaisi1web.blogspot.com */
<div id="most-comments"></div>
<style scoped='' type='text/css'>
#most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family:cursive,droid arabic kufi;font-size:11px;text-align: right;}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #FF4D00;border:1px solid #e6e6e6;transition:all .6s}#most-comments ul li:hover{box-shadow:inset 310px 0 #FF4D00}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:#fff}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#575253;color:#fff!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#FF4D00}
</style>
<script type='text/javascript'>
//<![CDATA[
var numPosts=8;
var homePage="qaisi1web.blogspot.com";
var postTitlear=new Array();
var postUrlar=new Array();
var postCommentar=new Array();
var totalpost;document.write('<div id="most-comments"><ul>');
function mostComment(j){var a=j.feed.entry.length;totalpost=a;
for(var f=0;f<a;f++){
var h=j.feed.entry[f];
var c=h.title.$t;var b;
var g;if(f==j.feed.entry.length){break}
for(var d=0;d<h.link.length;d++){
if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}
for(var d=0;d<h.link.length;d++){
if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];}};
postTitlear.push(c);
postUrlar.push(g);
postCommentar.push(b)}sortPosts();
for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+postTitlear[f]+'</a>';
document.write(e)}}
function sortPosts(){function c(d,f){var e=postTitlear[d];
postTitlear[d]=postTitlear[f];
postTitlear[f]=e;
var e=postUrlar[d];
postUrlar[d]=postUrlar[f];
postUrlar[f]=e;
var e=postCommentar[d];
postCommentar[d]=postCommentar[f];
postCommentar[f]=e}
for(var b=0;b<postTitlear.length-1;b++){
for(var a=b+1;a<postTitlear.length;a++){
if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}
document.write('<script src="http://'+homePage+'/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>');
document.write('</li>')
document.write('</ul>')
document.write('</div>');
//]]>
</script>

إقرأ أيضًا :قالب شخصي احترافي مميز

إذا واجهت مشكلة في القالب لاتتردد في وضعه بالتعليقات .. بالتوفيق

تحميل القالب

معاينة
تحميل
تحميل

المميزات / الإضافات

• متجاوب
• سريع التحميل
• صفحة الخطأ
• هيدر جميل
• تبويبات في سيدبار
• نموذج تعليقات احترافي
• قائمة منسدلة
• زر الصعود
• صفحات مرقمة
• أيقونات الشبكات الاجتماعية
• مواضيع ذات صلة
• والمزيد...

مرحبا بكم مجددا اخواني الاعزاء انا  اعتذر من جميع عن سبب فترة غيابي المضت التي تعتبر غير طويلة لا اريد ان ادخل في مواضيع اخر . ال...