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

بسم الله الرحمن الرحيم

سلام عليكم ورحمة الله... اهلا بكم متابعي وزوار مدونة عرب تك شو في كل جديد اليوم اقدم لكم اضافة أيقونات التواصل الإجتماعي  مع ذكر اعداد المتابعين لديك لمدونات بلوجر .

شاهد معاينة الإضافة لتتعرف اكثر على الإضافة :

معاينة الإضافة

طريقة التركيب :

أولاََ : اذهب الى لوحة التحكم الخاص لمدونتك .

ثانياََ : توجه الى القالب ثم تحرير HTML :

ثالثاََ : إبحث بإستعمال Ctrl+F عن وسم التالي :

</head>

بعد ان تجده الصق قبله (فوقه) الكود التالي :

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

رابعاََ : إختر الشكل الذي تريد ومن التخطيط أضف أداة Html/JavaScript وضع الكود داخل الأداة 

<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>

<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>

حذف الشبكات الإجتماعية الغير مفيدة من الكود :

اذا كنت تريد حذف الشبكات الإجتماعية الغير مفيدة من الكود.
 احذف من   li class="> الى </li>

مثال :