1. الرئيسية
  2. شروحات بلوجر
  3. مهم إضافة تابعني على المواقع الاجتماعية لكل المدونات

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

3:51 م
1) أولا  يجب عليك الذهاب إلى مدونتك في بلوجر
2) تم إضغط على قالب
3) بعدها إضغط تحرير HTML
4)  ثم في الكيبورد إضغط Ctrl + F داخل لوحة تحرير ال HTML
5)  بعدها إبحث عن هذا الكود
1
]]></b:skin>
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/AVvXsEgLWKNcgENhCAHvIkxf4cYQEi2uUS7Ee-3cvhxEmMe9jnCezOYUe8pt08FswEyUD7zamMUKCbqyVD4J7KqdzGzP45NbLXbfCPG2hbZeNfPK6CvpsFb0zm99E01a8beoW1QyTs00eX0z0bw/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/AVvXsEjfvjhuK1AYUcJlmG2yhaH9xT0h3yqlKkEj3fhgjYjZ1D9F9-2933tlT5NzB3p8777EccXioYxILnWbSPbJTTiO9sqr9lfvU3mIYBuUVKviqcZTa3iq3FZq31CzXucmTlfuvBBDDfwsVwY/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLDtl66OjtFXPkFrGz3_lcEc3gCJdGh9_AiMYRd1q_IjCE_P6vFgTCNBowiyIw4sh7fEq-DmnFmolf5YHThj19s4epWBvQHIw9fovHeIFCD9InAypeedWwvedGyPZhSb5Y6Q92hG3W6SM/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/AVvXsEjilqBiKEXDdfS2oyyskm8GoQRO2qYJ7_svSUK0czwaGRvd-OHuwfXAF1c7el4EtcumFMjmc3WrSUuEsBbQzJVtYWUQhZ7AtrTKFK4G5EmlfWyxTNz_gX3RJdknO-EA-FWhqrrql4VYM80/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK5uxRHDima-pYEeJbeWyVh_267og5iQNvSpIytC50uaahBJoRXTIi0YzX3fAm5U_9eid56BGyoEFQfZuBRbNqoI2BfQ0hJnra-ahIpCUeln2wvtlgZZKmtjEBBw7M7UmDjLy_HZ0VBlM/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/AVvXsEjMyG9tcZrPRKpm_Sgaz2jkoN-R8QqWmCqfOwm95exVG4bE1fpkXdYMnC4NA_oYNtAuEQrAVseQ6qBzH16wtjjCGnWGqQBw1ps-JR3-LvL3oeRGgkzLGzVsfVOvSFVxsVlYxty0q91P9FA/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkCeT9yP2pwKFM5GLizfl6vaGurwI8okHkFVt4ND-pGUKk4NS4m0rx-eyCTPgl84tbJIhoH7J_Y8pj5YXJ9PV4zZLxUetJivW9D72BrMErQfdxl6Tf9Hz8xEvce5zahgcdQ68jU_ixCfI/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/AVvXsEjxtZ6y6U_nSgyJl60PdXiLv1-zQ34C-rk8skJf_kBqUaQIxZ6Sl5hbNAiy6dnocqpLDlqUCmD-cgQyEpbZUcWPRJHueCYlPqruceHIoMiv2BLmYq6zSBRc87mxfEdNemnjAyNx6e7x6_U/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
<div class="social-icone">
<a href="http://www.youtube.com/subscribe_widget?p=XXXX" rel="nofollow" target="_blank">
<div class="you-icone">
<b>100</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/XXXX" rel="nofollow" target="_blank">
<div class="twt-icone">
<b>0000</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/XXXX" rel="nofollow" target="_blank">
<div class="face-icone">
<b>2000</b>
<span>معجب</span>
</div>
</a>
<a href="http://feeds.feedburner.com/XXXX" rel="nofollow" target="_blank">
<div class="rss-icone">
<b>200</b>
<span>مشترك</span>
</div>
</a>
</div>
و غير XXXX بما يناسبك

شارك هذا الموضوع

اشترك فى المدونة

مواضيع ذات صلة

0 التعليقات

الاشتراك في: تعليقات الرسالة (Atom)