02‏/09‏/2014


من طلبات الأعضاء أيقونات التواصل الإجتماعي بعداد ( Countre) يتضمن مجموعة من الأيقونات الخاصة بالتواصل الإجتماعي 

 مع أشكال مختلفة الإضافة تم عملها لقوالب ووردبريس ، وتم تطويرها لمنصة بلوجر  أترككم للمعاينة وطريقة التركيب



معاينة



شرح طريقة تركيب الإضافة

1. توجه لقالب >> تحرير

2. إبحث بإستعمال Ctrl+F عن : </head>

3. ضع الكود التالي قبله [ فوقه ] 


<link href='https://ar1web-com.googlecode.com/svn/trunk/SocialCounter.css' id='tie-style-css' media='all' rel='stylesheet' type='text/css'/>

4. إختر الشكل الذي تريد ومن التخطيط أضف أداة 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
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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-flat arq-col3">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>





123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-flat arq-col2">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>


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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-outer-frame arq-colored arq-col3">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>


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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-outer-frame arq-colored arq-col2">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>


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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-outer-frame arq-colored arq-col1">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>



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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-outer-frame arq-colored arq-col3 arq-dark">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>


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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-outer-frame arq-col2">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>

لحذف الشبكات الإجتماعية الغير مفيدة من الكود كمثال : 
<li class="arq-facebook">
<a href="http://www.facebook.com/cgtuts" target="_blank">
<i class="arqicon-facebook"></i>
<small>Fans</small>
<span>37,336</span> </a>
</li>


من طلبات الأعضاء أيقونات التواصل الإجتماعي بعداد ( Countre) يتضمن مجموعة من الأيقونات الخاصة بالتواصل الإجتماعي 

 مع أشكال مختلفة الإضافة تم عملها لقوالب ووردبريس ، وتم تطويرها لمنصة بلوجر  أترككم للمعاينة وطريقة التركيب



معاينة



شرح طريقة تركيب الإضافة

1. توجه لقالب >> تحرير

2. إبحث بإستعمال Ctrl+F عن : </head>

3. ضع الكود التالي قبله [ فوقه ] 


<link href='https://ar1web-com.googlecode.com/svn/trunk/SocialCounter.css' id='tie-style-css' media='all' rel='stylesheet' type='text/css'/>

4. إختر الشكل الذي تريد ومن التخطيط أضف أداة 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
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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-flat arq-col3">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>





123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-flat arq-col2">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>


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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-outer-frame arq-colored arq-col3">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>


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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-outer-frame arq-colored arq-col2">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>


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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-outer-frame arq-colored arq-col1">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>



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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-outer-frame arq-colored arq-col3 arq-dark">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>


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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<div class="arqam-widget-counter arq-outer-frame arq-col2">
        <ul> 
                <li class="arq-facebook">
                <a href="http://www.facebook.com/cgtuts" target="_blank">
                    <i class="arqicon-facebook"></i>
                    <span>37,336</span>
                    <small>Fans</small>
                </a>
            </li>
                    <li class="arq-twitter">
                <a href="http://twitter.com/mo3aser" target="_blank">
                    <i class="arqicon-twitter"></i>
                    <span>2,829</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-google">
                <a href="http://plus.google.com/106192958286631454676" target="_blank">
                    <i class="arqicon-gplus"></i>
                    <span>24,868</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-youtube">
                <a href="http://youtube.com/user/TEAMMESAI" target="_blank">
                    <i class="arqicon-youtube"></i>
                    <span>6,325</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-linkedin">
                <a href="http://www.linkedin.com/groups/WordPress-154024" target="_blank">
                    <i class="arqicon-linkedin"></i>
                    <span>37,249</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-dribbble">
                <a href="http://dribbble.com/MVBen" target="_blank">
                    <i class="arqicon-dribbble"></i>
                    <span>8,551</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-instagram">
                <a href="http://instagram.com/imo3aser" target="_blank">
                    <i class="arqicon-instagram-filled"></i>
                    <span>416</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-vimeo">
                <a href="https://vimeo.com/channels/kidproof" target="_blank">
                    <i class="arqicon-vimeo"></i>
                    <span>1,153</span>
                    <small>Subscribers</small>
                </a>
            </li>
                    <li class="arq-soundcloud">
                <a href="http://soundcloud.com/maherzain" target="_blank">
                    <i class="arqicon-soundcloud"></i>
                    <span>30,670</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-envato">
                <a href="http://themeforest.net/user/mo3aser" target="_blank">
                    <i class="arqicon-envato"></i>
                    <span>949</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-behance">
                <a href="http://www.behance.net/matiascorea" target="_blank">
                    <i class="arqicon-behance"></i>
                    <span>47,542</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-forrst">
                <a href="http://forrst.com/people/Ranger" target="_blank">
                    <i class="arqicon-forrst"></i>
                    <span>89</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-delicious">
                <a href="http://delicious.com/chriscoyier" target="_blank">
                    <i class="arqicon-delicious"></i>
                    <span>1,138</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-github">
                <a href="https://github.com/tobeytailor" target="_blank">
                    <i class="arqicon-github-circled"></i>
                    <span>195</span>
                    <small>Followers</small>
                </a>
            </li>
                    <li class="arq-foursquare">
                <a href="http://foursquare.com/mo3aser" target="_blank">
                    <i class="arqicon-foursquare"></i>
                    <span>287</span>
                    <small>Friends</small>
                </a>
            </li>
                    <li class="arq-vk">
                <a href="http://vk.com/applevk" target="_blank">
                    <i class="arqicon-vk"></i>
                    <span>151k</span>
                    <small>Members</small>
                </a>
            </li>
                    <li class="arq-posts">
                <a>
                    <i class="arqicon-posts"></i>
                    <span>3</span>
                    <small>Posts</small>
                </a>
            </li>
                    <li class="arq-comments">
                <a>
                    <i class="arqicon-comments"></i>
                    <span>5</span>
                    <small>Comments</small>
                </a>
            </li>
                    <li class="arq-mailchimp">
                <a href="http://eepurl.com/CXp8H" target="_blank">
                    <i class="arqicon-mail-alt"></i>
                    <span>9</span>
                    <small>Subscribers</small>
                </a>
            </li>
                                 
            </ul>
        </div>

لحذف الشبكات الإجتماعية الغير مفيدة من الكود كمثال : 
<li class="arq-facebook">
<a href="http://www.facebook.com/cgtuts" target="_blank">
<i class="arqicon-facebook"></i>
<small>Fans</small>
<span>37,336</span> </a>
</li>

3 Blogger تعليقات
Disqus
3 التعليقات
المشرف
avatar

السلامه عليكم الاضافات دى فى حاجه فيها ناقصه

المشرف
avatar

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة