سلام عليكم ورحمة الله... اهلا بكم متابعي وزوار مدونة عرب تك شو في كل جديد اليوم اقدم لكم اضافة أيقونات التواصل الإجتماعي مع ذكر اعداد المتابعين لديك لمدونات بلوجر .
شاهد معاينة الإضافة لتتعرف اكثر على الإضافة :
طريقة التركيب :
أولاََ : اذهب الى لوحة التحكم الخاص لمدونتك .
ثانياََ : توجه الى القالب ثم تحرير 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>
احذف من li class="> الى </li>
مثال :
والله روعة شرح كامل وشامل والكمال لله !!!! إلى الأمام ...
ردحذف