إضافة تابعني على المواقع الاجتماعية لكل المدونات

السلام عليكم و رحمة الله تعالى و بركاته
1) أولا  يجب عليك الذهاب إلى مدونتك في بلوجر
2) تم إضغط على قالب
3) بعدها إضغط تحرير HTML
4)  ثم في الكيبورد إضغط Ctrl + F داخل لوحة تحرير ال HTML
5)  بعدها إبحث عن هذا الكود
1
]]>
6) و أضف قبله ( فوقه ) هذا الكود 
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
.social-icone{ height:93px;}

.social-icone div{ margin: 0 12px;}

.social-icone a{ text-decoration:none;}

.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}

.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3;}

.you-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyQxH5bI5yRycvbCnczGgh0W5E5GS75EbgcfnX7vJw8QaS16Be3p2sbeaY_zi-veCFsm32k6feU1rHHJpXzods9e1EvZ1Q9yWUNHto87-YllNV_zoiX1f7bKRhGeFAPySz7ZnUbOrv2bE/s1600/youtube.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh37xSuV6PHVQWVuPJx3BqfZdmPcJyngbz9brCqdjgnuhnrWzvztlXIEEnuVoM8aQwY55qeIhf9N_hx7r-3WgTqPuMsjTX331oyyY77bsMQxMu9IyTfhOR1YERjb3p6Xxxl66_u7jZPGXc/s1600/youtube2.png)top no-repeat;}

.twt-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuxKM2auj7EclCr9juKP4Ak1oWd7RDzqIbErIBgfPmyQbJosZN-1lDOdLv8nnZsUE-DjeDHZpEoGVn2QQrHDKSV6J9kwckiyCwESeZnJ8JHAwGPgFl_Y0pnJHr_BKS83uoSQjy73SUSW8/s1600/twitter.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiI8HVY6-uwbTkBjRrISysmp8Vf97Q3eJCM1DhfhaJ8da0S1v75MiLCbR_c_Icjj9qTma8pn7o5WGDCieDhVFUFzAVASCaI28uKyVR4WPj8LvKG_47HaaWAdcV5jx6jNyIPZyyiqkwvk0/s1600/twitter2.png)top no-repeat;}

.face-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GWClAMv4ZmqoUx_sRFw44EzNi4E24R7WHZmyjEMNXmsv4zlolHwk4kYpw-VddXxsUdfN4xcatvs1vWuIUVclXmY7f3m8QLWPK10_xURgqWqbdN05PTJWTFI1kZesbsAEnArIr7DB9YY/s1600/facebook.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqYUsfvtz9alFVZYwoyqFK2KWNWLjmgn06Ra3xtbAnXCGsRHhfUKzZDPynEi17hKErnfJmWsoC0B2ElUxD3k9s1C9dgu9JXA1nat6hXCaCMXlv8GSvy7t9aBeT2nClPWAis9i-kkabn5A/s1600/facebook2.png)top no-repeat;}

.rss-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHW2FK72Eqs-zIMUUkfSLYe5AHou23rUBZjnbMauqKfHWQRCtXxxzWS4JlsjMkSK6AyDucR9h1xPC5O7FUrbx_EWGaI08-5-xXo_wkb1z_3_IzNp1wM9S7oEzwTxzPVn3VgxyC2HLhavY/s1600/RSS.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnD7x2G6Zos9OlhPnHYbG8nWdTVWQTN92c06oW8tUbzpudX-ewzUsCgLD4UKm3BmmYurU_IOq5l352gFxUzjVhhp9-MNVCiUTRuUPm17z1mHcsW1OeNGxTA8zX_p4m0ALowitRc9ZEDEg/s1600/RSS2.png)top no-repeat;}

.post-footer-line > * {

margin-left: 0;

}
7) ثم بعد كل هذا قم بحفض القالب و إذهب إلى تخطيط و إختر إضافة أداة من نوع (HTML/Javascript) و أضف هذا الكود
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
و غير XXXX بما يناسبك

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

إرسال تعليق

جميع الحقوق محفوظ لشبكة رابعة الاخبارية_ من تصميم عرب تيم