سلايدشو مدونة جزائري ويب V2



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

كيفية اضافة هذا السلايدر شو الى مدوناتكم
    1. من لوحة التحكم  > قالب > تحرير "HTML"
    2. خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
    3. ابحث عن الوسم  ]]> و اضف الكود التالي فوقه:
/*----------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; }
ضع الكود في المكان الدي تريد اضافة السلايدشو

ثم اضف الكود التالي فوق الوسم
غير "ok2" باحد اقسام مدونتك

ليست هناك تعليقات :

ليست هناك تعليقات :

إرسال تعليق