Affichage des articles dont le libellé est سلايدرشو. Afficher tous les articles
Affichage des articles dont le libellé est سلايدرشو. Afficher tous les articles
jeudi 20 juin 2013

الطريقه الصحيحه لاضافة سلايدرشو المحترف لمدونات بلوجر باحترافيه


بسم الله والصلاة والسلام على رسول الله , مرحبا بكم اخواني في كل جديد من مدونة جلال البعداني , اليوم باذن الله سوف اشرح لكم كيفية اضافة سلايد شو احترافي (سلايدرشو المحترف) لمدونات بلوجر بطريقه سهله ومضمونه , طبعا هذا السلايدر شو غني عن التعريف فمعظم المدونين يعرفون مميزاته وعيوبه , ولكن مايمز  هذا السلايدرشو  انه يعرض لك اخر المواضيع المضافه في قسم معين  بطريقه تلقائيه حيث  يتم تحديد هذا القسم او التسميه حسب رغبتك وفي ما يلي شرح كيفية اضافة هذا السلايدر الى مدوناتكم 

اضافة سلايدر شو مدونة المحترف لمدونات بلوجر


كيفية اضافة هذا السلايدر شو الى مدوناتكم

      1- من  لوحة التحكم -> قالب -> تحرير HTML
     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
     3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
]]>

 ** والصق الكود التالي قبله تمامآ

#alwansd{
height: 428px;
margin: 0 0 0px 0px;
padding: 15px 28px 15px 16px;
width: 672px;
background: #373737;
}
.alwanw{
position: relative;
height:385px;
}
.alwanw .contentdiv{
visibility: hidden;
position: absolute;
opacity: 1;
}
.alwan-ps{
text-align: right;
float: left;
width: 670px;
height: 11px;
margin-left:-43px;
}
.alwan-ps .toc{
font-size: 0px;
width: 102px;
height: 11px;
float: right;
background: #5b5b5b;
margin-left: 1px;
}
.alwan-ps a.selected{
background:#dfdfdf;
}
.alwan-ps .prev, .alwan-ps .next {display:none; }
.alwanip{
width: 618px;
padding: 10px !important;
bottom: 0;
float: left !important;
position: absolute;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzlobCGKu7A_Q1GpFHRJxxoJGApq6ZmDZlSoqWQ7ebuNTnP1sTHGVjsdnl6UPUWiVdnkVclmrliQVA1Bi8pnxz7H_v6annq537mliOBYDa-I1a2NWu2PV7MEDnkf5MAsOLpUuTGDKMS7Y/s1600/backslide.png);
}
.alwanip a{
color:#dcdcdc;
font: 12px droidkufi-bold;
margin:0;
padding:0;
line-height: 19px;
}
.alwanip h6{margin: 0;}
.alwanip h6 a:hover {color:#c2df00;}
.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5; }
.alwanip p{font-size: 13px;
margin: 0;
color: #a5a5a5;
line-height: 23px;
}
.alwansf a img{float: right !important; }
.alwansf {float: right !important; width:680px!important;}
.column-center-outer {
width: 680px;
}
قم بتغيير ماباللون الاحمر بكود اللون المناسب لمدونتك

الآن قم بالبحث عن
** والصق الكود التالي قبله مباشره (فوقه) 

 قم بتغيير كلمة اضافات بلوجر  باسم القسم الذي سيتم عرض مواضيعه على السلايدرشو

بعد ذلك قم بالبحث عن

 ** والصق الكود التالي قبله مباشره (فوقه)

 




وبالاخير قم بالبحث عن


واذا لم تجده قم بالبحث عن احد الاكواد التاليه

او

او

او

** و الصق الكود التالي بعده/أسفله :









الان قم بحفظ القالب وقم بالمعاينه ومبرووك عليك السلايدرشو الاحترافي

dimanche 16 juin 2013

اسهل طريقه لاضافة سلايد شو احترافي لمدونات بلوجر


السلام عليكم اخواني , سنتطرق اليوم في هذه التدوينه الى كيفية اضافة سلايد شو Slidershow احترافي لمدونات بلوجر بطريقه سهله جدا ومميزه حيث تعتمد هذه الاضافه على كود الجافا سكريب ,  يعني تقدر تضيف هذا السلايد شو الى مدونتك بخطوه واحده فقط وهي اضافة اداهHTML/JavaScript  , مايميز هذا السلايد شو انه يضفي لمسة جميلة على المدونات حيث يساهم بشكل كبير في إثارة انتباه الزائر إلى أكثر المواضيع أهمية. الأمر بسيط جدا و سأحاول تبسيطه أكثر قدر الإمكان ان شاء الله

اضافة سلايد شو لمدونات بلوجر

مثال حي للسلايدر شو

معاينة
 

كيفية اضافة هذه الاداه الى مدوناتكم

 انتقل إلى لوحة تحكم مدونتك
     HTML/Javascript   إختر "تخطيط" ثم إضافة أداة ثم اختر
   والآن الصق داخل المستطيل الكود التالي




عنوان الموضوع الاول
عنوان الموضوع الثاني
عنوان الموضوع الثالث
عنوالن الموضوع الرابع
عنوان الموضوع الخامس




مايجب عليك تغييره
  • عنوان الموضوع : استبدلها بعنوان الموضوع المراد عرضه في السلايد شو.
  • رابط صورة الموضوع : استبدلها برابط صورة الموضوع المراد عرضه بالسلايد شو.
    # : استبدلها برابط الموضوع المراد عرضه بالسلايد شو. 
    700px : لتغيير عرض السلايد شو .
    306px:لتغيير ارتفاع السلايدشو.

     وبالاخير قم بحفظ الاداه ومبروك عليك السلايدشو
    لعرض هذه الاداه قبل اضافتها الى مدونتك قم ينسخ الكود والصقه في محرر الاكواد لمدونة جلال البعداني من هنا
     اذا كان عندكم اي استفسارات يمكنكم كتابة تعليق  وسيتم الرد عليه انشاء الله