Add social networks widget with responsive numbers
hello, we wanted to give you a new addition.
is to add the numbers to socials networks in your template blogger that appear as the pictures above
first go to your template dashboard and edit html
Look for this code : </head>
and put this line before (in sole line) :
<link rel='stylesheet' id='tie-style-css'
href='https://dl.dropboxusercontent.com/s/9tweqtainus0d7v/style.css'
type='text/css' media='all' />
save template
now we go to template layout and add a new html/javascript
and paste the code below:
<div class="arqam-widget-counter arq-outer-frame arq-colored arq-col3">
<ul>
<li class="arq-facebook">
<a href="#" target="_blank">
<i class="arqicon-facebook"></i>
<span>26,425</span>
<small>Fans</small>
</a>
</li>
<li class="arq-twitter">
<a href="#" target="_blank">
<i class="arqicon-twitter"></i>
<span>3,890</span>
<small>Followers</small>
</a>
</li>
<li class="arq-google">
<a href="#" target="_blank">
<i class="arqicon-gplus"></i>
<span>13,323</span>
<small>Followers</small>
</a>
</li>
<li class="arq-youtube">
<a href="#" target="_blank">
<i class="arqicon-youtube"></i>
<span>4,586</span>
<small>Subscribers</small>
</a>
</li>
<li class="arq-linkedin">
<a href="#" target="_blank">
<i class="arqicon-linkedin"></i>
<span>45,113</span>
<small>Members</small>
</a>
</li>
<li class="arq-dribbble">
<a href="#" target="_blank">
<i class="arqicon-dribbble"></i>
<span>10,648</span>
<small>Followers</small>
</a>
</li>
<li class="arq-instagram">
<a href="#"_blank">
<i class="arqicon-instagram-filled"></i>
<span>1,300</span>
<small>Followers</small>
</a>
</li>
<li class="arq-vimeo">
<a href="#" target="_blank">
<i class="arqicon-vimeo"></i>
<span>543</span>
<small>Subscribers</small>
</a>
</li>
<li class="arq-soundcloud">
<a href="#" target="_blank">
<i class="arqicon-soundcloud"></i>
<span>10,103</span>
<small>Followers</small>
</a>
</li>
<li class="arq-envato">
<a href="#" target="_blank">
<i class="arqicon-envato"></i>
<span>116</span>
<small>Followers</small>
</a>
</li>
<li class="arq-behance">
<a href="#" target="_blank">
<i class="arqicon-behance"></i>
<span>15,465</span>
<small>Followers</small>
</a>
</li>
<li class="arq-forrst">
<a href="#" target="_blank">
<i class="arqicon-forrst"></i>
<span>112</span>
<small>Followers</small>
</a>
</li>
<li class="arq-delicious">
<a href="#" target="_blank">
<i class="arqicon-delicious"></i>
<span>2,236</span>
<small>Followers</small>
</a>
</li>
<li class="arq-github">
<a href="#" target="_blank">
<i class="arqicon-github-circled"></i>
<span>210</span>
<small>Followers</small>
</a>
</li>
<li class="arq-foursquare">
<a href="#" target="_blank">
<i class="arqicon-foursquare"></i>
<span>95</span>
<small>Friends</small>
</a>
</li>
<li class="arq-vk">
<a href="#" target="_blank">
<i class="arqicon-vk"></i>
<span>16k</span>
<small>Members</small>
</a>
</li>
<li class="arq-mailchimp">
<a href="#" target="_blank">
<i class="arqicon-mail-alt"></i>
<span>115</span>
<small>Subscribers</small>
</a>
</li>
</ul>
</div>
change # with your url
now save and it's donne
Post a Comment