Thursday, 15 September 2016

Awesome Social Media Fans Counter Widget Ko Blog Me Add Kare



Hellow friends aaj mai aapko awesome social media fans counter widget ke baare me batane jaa raha hu. Yah social media counter widget bahut hi attractive hai. Aapko yah widget jarur pasand aayege. Is widget me aapko Facebook, Twitter, Pinterest, Instagram, Google Plus, LinkedIn, Flickr and Vine social ke icon
show hoge.

Saath me aapke followers ke number bhi show hoge. Waise maine apne previous post me ek aur social media counter widget ke baare me post likha tha. Aap is widget ki bhi try kar sakte hai. Ab mai aapko batana start karta hu ki widget ko blog me kaise add karna hai.


Add awesome social media counter widget in blog newfeatureblog





Awesome Social Media Fans Counter Widget Ko Blog Me Kaise Add Kare ?

Notes :- Code ko blog me lagane se pahle aap apne template ka backup jarur le len. Taaki agar code ko lagane me kuchh mistake bhi ho jaati hai to aap phir se apne template ko laga sakte hai.


Step 1

Sabse pahle aap apne blogger dashboard me login kare.


Step 2


Click on template - newfeatureblog

  1. Template option par click kare.
  2. Edit HTML par click kare.


Step 3

Edit HTML par click karne ke baad ek page open hoga. Us page me cursor ko le jaakar ctrl + F press kare. Ab us page me ek small search box open hoga.


Step 4

Search box me </style> likhkar search kare.


Step 5

Ab niche diye hue CSS code ko copy karke </style> tag ke pahle paste kar de.


/*================= CSS Social Icons Widget by msdesignbd.com =====================*/.widget_social_apps{margin-left:-.5%;margin-right:-.5%}.widget_social_apps:before,.widget_social_apps:after{content:&quot;&quot;;display:table}.widget_social_apps:after{clear:both}.widget_social_apps .app_social{margin:0 .5% .5%;width:24%;float:left;text-align:center;background-color:#111;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.widget_social_apps.app_social.facebook{background-color:#3e64ad}.widget_social_apps .app_social.twitter{background-color:#58ccff}.widget_social_apps .app_social.pinterest{background-color:#de010d}.widget_social_apps.app_social.instagram{background-color:#125688}.widget_social_apps .app_social.google{background-color:#dd4b39}.widget_social_apps .app_social.linkedin{background-color:#007bb6}.widget_social_apps.app_social.flickr{background-color:#ff0084}.widget_social_apps .app_social.vine{background-color:#00bf8f}.widget_social_apps .app_social:hover{background-color:#111}.widget_social_apps .app_social a{display:block;color:#fff;padding:15px 5px}.widget_social_apps .app_social span{display:block}.widget_social_apps .app_social span.app_icon i{font-size:24px;margin-bottom:5px}.widget_social_apps .app_social span.app_count{font-weight:700;line-height:16px}.widget_social_apps .app_social span.app_type{font-size:14px;line-height:16px}



Step 6

Code ko paste karne ke baad Save Template par click kare.



Ab HTML code ko aapko apne blog me add karna hai. Aap mere steps ko follow kare :-

Step 1

Newfeatureblog click on layout


Layout par click kare.


Step 2


Click add a gadget

Add a Gadget ki link par click kare.


Step 3



HTML/Javascript par click kare.


Step 4

Ab ek new page open hoga.

Paste code in the box


a) Title me Follow on Social Media likhe.

b) Niche diye hue HTML code ko copy karke box me paste kar de.


<div
class="widget_social_apps">
<div
class="app_social facebook">
<a
href="https://www.facebook.com/newfeatureblog" target="_blank">
<span
class="app_icon"><i
class="fa fa-facebook"></i>< span>
<span
class="app_count"> 7845 </span>
<span
class="app_type">Fans</span></a></div>
<div
class="app_social twitter">
<ahref="https://www.twitter.com/newfeatureblog" target="_blank">
<span
class="app_icon"><iclass="fa fa-twitter"></i>< span>
<span
class="app_count"> 32 </span>
<span
class="app_type">Followers</span></a></div>
<div
class="app_social pinterest">
<ahref="https://www.pinterest.com/newfeatureblog" target="_blank">
<span
class="app_icon"><i
class="fa fa-pinterest"></i></span>
<span
class="app_count"> 4774 </span>
<span
class="app_type">People</span></a></div>
<div
class="app_social instagram">
<ahref="https://www.instagram.com/newfeatureblog" target="_blank">
<span
class="app_icon"><iclass="fa fa-instagram"></i></span><spanclass="app_count"> 65684 </span>
<span
class="app_type">Followers</span></a></div>
<div
class="app_social google">
<ahref="https://www.google.com/newfeatureblog" target="_blank">
<span
class="app_icon"><i
class="fa fa-google-plus"></i></span>
<span
class="app_count"> 65684 </span>
<span
class="app_type">People</span></a></div>
<div
class="app_social linkedin">
<ahref="https://www.linkedin.com/newfeatureblog" target="_blank">
<span
class="app_icon"><i
class="fa fa-linkedin"></i></span>
<span
class="app_count"> 65684 </span>
<span
class="app_type">Fans</span></a></div>
<div
class="app_social flickr">
<ahref="https://www.flickr.com/newfeatureblog" target="_blank">
<span
class="app_icon"><i
class="fa fa-flickr"></i></span>
<span
class="app_count"> 44 </span>
<span
class="app_type">Followers</span></a></div>
<div
class="app_social vine">
<ahref="https://www.vine.com/newfeatureblog" target="_blank">
<span
class="app_icon"><i
class="fa fa-vine"></i></span>
<span
class="app_count"> 574 </span>
<span
class="app_type">People</span></a></div>
</div>



Notes :- newfeatureblog ke place par aap apna social media page ka URL name likhe. Orange colour se jo social counting likha hua hai uske place par aap apne followers ka number likhe.


c) Save par click kare.





Ab aapko blog me awesome social media counter fans widget add ho chuka hai. Aap check karke dekh sakte hai.

Agar aapko yah post pasand aaya ho to is post ko social media par share kare. Isi tarah ka post padhte rahne ke liye mujhe subscribe kare.

No comments:

Post a Comment

Comment Rules :

1. Comments deemed to be spam or solely promotional in nature will be deleted.
2. Anonymous comments will be deleted. We only accept comment from posters who identify themselves.

About Admin