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


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



شرح تعديل على القالب 
لتعديل على القالئمة العلوية قم بالبحث داخل القالب عن الكود التالي 
<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>
إقرأ أيضًا :قالب شخصي احترافي مميز

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

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

روابط الموضوع للنسخ

رابط
HTML
BBCode
يسمح بنقل الموضوع لكن مع ذكر المصدر في نهاية الموضوع المنقول ووضع رابط الموضوع الأصلي
15 التعليقات
avatar

رائع أخي فعلاً

avatar

شكرا لك اخي حسام

avatar

قالب جميل. .... استمر

avatar

شكرا لكم نزلت القالب ولكن كيف اعدل فالقالب

avatar

اقراء الشرح كامل اخي سوف تجد طريقة التعديل على القالب

avatar

اين ربط التحميل القلب

avatar

في القائمة الجانبيه اخي

avatar

ممكن تبعتلي قالب بلوجر متجاوب

avatar

اخي يمكنك تحميل القالب من القائمة الجانبية سوف تجد زر لتحميل القالب .. بالتوفيق

avatar

اخي كيف احمل القالب

avatar

ازرار التحميل والمعاينة في القائمة الجانبية اخي

كيف تعلق ؟

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *