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

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

 

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

 

انتقل إلى 

لوحة تحكم

 مدونتك

     

   

إختر “تخطيط” ثم إضافة أداة ثم اختر

   والآن الصق داخل ال

مستطيل الكود التالي

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

>

:

relative

;

width

:

700px

;

margin

:

auto

40px

;}

       

 

width

:

700px

;

height

:

306px

;

background

:

#fff

urlundefinedhttp://

4

3

vxFAMI/AAAAAAAABm

8

1600

/loading.gif)

no-repeat

50%

50%

;

:

relative

;

margin

:

auto

;

0px

1px

5px

#999999

;

    

}

:

;

border

:

none

;

:

none

;

    

}

z-index

:

2

;

:

none

;

:

;

top

:

0px

;

left

:

0px

;

border

:

;

padding

:

;

margin

:

;

width

:

100%

;

height

:

100%

;

    

}

div.mc-caption-bg, div.mc-caption-bg

2

{

:

;

width

:

100%

;

height

:

auto

;

padding

:

;

left

:

0px

;

bottom

:

15px

;

z-index

:

3

;

overflow

:

hidden

;

:

;

    

}

div.mc-caption-bg {

background-color

:

black

;

    

}

div.mc-

caption

{

font

:

bold

14px

/

20px

Arial

;

color

:

#EEE

;

z-index

:

4

;

padding

:

10px

;

text-align

:

center

;

    

}

div.mc-

caption

a {

color

:

#FB0

;

    

}

div.mc-

caption

a:hover {

color

:

#DA0

;

    

}

top

:

320px

;

left

:

280px

;

width

:

150px

;

background

:

none

;

padding-left

:

20px

;

:

relative

;

z-index

:

5

;

:

pointer

;

    

}

/* each bullet */

    

{

width

:

11px

;

height

:

11px

;

background

:

urlundefinedhttp://

3

5

-lcCi

4

/UR-TzMXcpuI/AAAAAAAABm

1600

/bullet.png)

no-repeat

;

float

:

left

;

overflow

:

hidden

;

vertical-align

:

middle

;

:

pointer

;

margin-right

:

11px

;

:

relative

;

/*IE6 hack*/

    

}

:

-11px

;}

    

{

3

dundefined

,

,

);

3

dundefined

,

,

);

3

dundefined

,

,

);

3

dundefined

,

,

);

    

}

"

"

type=

<div id=

>

<div id=

>

<a href=

"#"

"رابط الصوره الاولى"

alt=

"عنوان الموضوع الاول"

/></a>

<a href=

"#"

"رابط الصوره الثانيه"

alt=

"عنوان الموضوع الثاني"

/></a>

<a href=

"#"

"رابط الصوره الثالثه"

alt=

"عنوان الموضوع الثالث"

/></a>

<a href=

"#"

"رابط الصوره الرابعه"

alt=

"عنوالن الموضوع الرابع"

/></a>

<a href=

"#"

"رابط الصوره الخامسه"

alt=

"عنوان الموضوع الخامس"

/></a>

</div>

</div>

مايجب عليك تغييره

عنوان الموضوع

 : استبدلها بعنوان الموضوع المراد عرضه في السلايد شو.

رابط صورة الموضوع

 : استبدلها برابط صورة الموضوع المراد عرضه بالسلايد شو.

#

 : استبدلها برابط الموضوع المراد عرضه بالسلايد شو. 

700px

 : لتغيير عرض السلايد شو .

306px

:لتغيير ارتفاع السلايدشو.

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

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

هنا

 اذا كان عندكم اي استفسارات يمكنكم كتابة تعليق  وسيتم الرد عليه انشاء الله