سلايدشو مدونة جزائري ويب V2
في هذه التدوينة سنتطرق الى طريقة اضافة سلايد شو مدونة جزائري ويب الى مدونات البلوجر بالشكل دقيق و بدون مشاكل . هذا السلايد شو الأنيق يضيف لمسة احترافية لشكل مدونتك بحيث يتم عرض آخر المواضيع و المشاركات " صورة للموضوع + العنوان + مقتطف من وصف المقالة" تلقائيا بدون اضافة أي كود ، مما يساهم في جذب انتباه الزائر بالشكل أكثر الى أحدث مشاركات المدونةو بالتالي قيمة فنية رائعة تضيف الى مميزات المدونة ...
كيفية اضافة هذا السلايدر شو الى مدوناتكم
- من لوحة التحكم > قالب > تحرير "HTML"
- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
- ابحث عن الوسم
]]> و اضف الكود التالي فوقه:
/*----------alwansd----------*/#alwansd { height: 276px; margin: auto; padding: 20px; background: #fff; width: 957px; margin-top: 20px; border-radius: 0px; border: 1px solid #D6D3D3; }.alwanw { height: 241px; width: 100%; margin: auto; } .alwanw .contentdiv { visibility: hidden; opacity: 1; position: absolute; height: 240px; } .alwan-ps { text-align: right; float: left; width: 490px; height: 13px; margin: 0 auto; } .alwan-ps .toc { float: right; font-size: 0; width: 73px; height: 20px; background: #34495e; border-radius: 2px; margin-left: 8px; } .alwan-ps .toc:focus { transform: rotate(180deg); transition-duration: 1s; } .alwan-ps .selected { background: #F74047;} .alwan-ps .prev ,.alwan-ps .next { display:none; } .alwan-ps .next:hover { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimydn6T_uckMGWb9yogPk-lqlAJr33F0JDnSJRCrfx4g5st35SsVu82qK8v038F5FVpMe2_uXamGk27Z1PG21KozgkZQwoS6HAJFduT-eyqYAqZoMggOVPMOKtJT8-Rj6xVJLXPixqhRIa/w27-h128-no/next-h.png); } .alwanip { width: 486px; float: left !important; padding: 0 37px 0 0; margin: 0 auto; } .alwanip h6 { margin-bottom: 10px; } .alwanip a { color: #34495e; font: 23px normal 'GESSTwoLight'; margin: 0 auto; line-height: 37px; } .alwanip .alwand { color: #F74047; } .alwanip p { margin: 0 auto; color: #5E5D5D; font-family: 'GESSTwoLight'; } .alwansf { float: right !important; margin: 0 auto; } .alwansf a img { width: 435px; height: 275px; } .alwansf a img:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; transition: transform 0.8s; }
ضع الكود في المكان الدي تريد اضافة السلايدشو
ثم اضف الكود التالي فوق الوسم
///* Script from:www.jazairiweb.blogspot.com/ */ imgr = new Array(); imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg"; showRandomImg = true; aBold = true; summaryPost = 300; numposts1 = 6; label1 = "ok2"; function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s} function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("
غير "ok2" باحد اقسام مدونتك
ليست هناك تعليقات :
إرسال تعليق