Blogspot blog or wordpress blog me follow button kaise add karte hain ? - Hindi Idea

Hello dosto swagat hai aapka hamare blog hindi idea me aaj hum aapko batayenge ki Blogspot blog or wordpress blog me follow button kaise add karte hain.

Blog me follow buttons box kaise add karte hai aap is widget ko blogspot blog ho ya wordpress blog dono me add kar sakte hai aur ye widget mobile responsive hai  agar aapne apane blog sidebar me awesome social media box add nahi kiye hai to aap apne blog ki design aur traffic negative kar rahe hai jyatar visitor achhi design wale blog ko hi jyada pasand karte hai and visit karte hai.

Blogspot blog or wordpress blog me follow button kaise add karte hain ?

Blog sidebar me stylish social media follow buttons add karne se aapke visitor aapse direct social media site ke through contect kar sakte hai aur isse aapke followers bhi simple se increase hote rahte hai and aapka social media traffic bhi improve hota hai aur social media widget add karne se aapke blog ko ek beautiful stylish look mil jata hai

Blog me follow icon se kya benefit hai?

Blog me awesome social media button add karne se aapke blog ki popularity and social media support increase hota hai jab aapke visitor aapki site par visit karte hai and site me add social media icon ke dwara subcribe, follow aur like kar sakte hai jab aap new post ko social site par share karte hai to aapke  followers ko aapki new post ki informatin mil jati hai and post link par click karke aapke blog par visit karege to aapke blog ka traffic bhi increase hoga agar aap blogger hai to achhi tarah se jante honge ki blog ke liye traffic kitana importent hai.

Blogspot blog me follow button kaise add karte hain ?

Step 1.
Sabse pahle aap apane blog dashboard me login kare.

1. Layout: blog dashboard me drop down menu me layout par click kare.

2. Add a Gadget: option par click kare.

Step 2.
Add a Gadget par click karte hi ek pop up window page open hoga

Blog Sidebbar Me Stylish Social Media Follow Buttons Kaise Add Kare

1. HTML/JavaScript: Par click kare.

Step 3.
Sabse pahle ye Code Copy kare.

<style> .widget_social_apps { margin-left : -1%; margin-right : -1%; } .widget_social_apps:after { clear : both; } .widget_social_apps .app_social { margin : 1% 0.5%; width : 49%; height : 50px; float : left; text-align : center; background-color : #111; transition : all 0.2s; border-radius: 5px; } .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.youtube { background-color : #ef4e41; } .widget_social_apps .app_social.rss { background-color : #ea8914; } .widget_social_apps .app_social.tumblr { background-color : #38466a; } .widget_social_apps .app_social:hover { background-color : #777; } .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 : 15px; margin-bottom : 10px; } </style> <div class="widget_social_apps"> <div class="app_social facebook"> <a href="#" target="_blank" title="Follow on facebook"> <span class="app_icon"><i class="fa fa-facebook"></i> 1545 Likes</span></a></div> <div class="app_social twitter"> <a href="#" target="_blank" title="Follow on twitter"> <span class="app_icon"><i class="fa fa-twitter"></i> 24 Followers</span></a></div> <div class="app_social pinterest"> <a href="#" target="_blank" title="Follow on pinterest"> <span class="app_icon"><i class="fa fa-pinterest"> 84 Followers</i></span></a></div> <div class="app_social instagram"> <a href="#?hl=en" target="_blank" title="Follow on instagram"> <span class="app_icon"><i class="fa fa-instagram"></i> 857 Followers</span></a></div> <div class="app_social google"> <a href="#" target="_blank" title="Follow on google+"> <span class="app_icon"><i class="fa fa-google-plus"></i> 10 Followers</span></a></div> <div class="app_social linkedin"> <a href="#" target="_blank" title="Follow on linkedin"> <span class="app_icon"><i class="fa fa-linkedin"> 71 Followers</i></span></a></div> <div class="app_social flickr"> <a href="#" target="_blank" title="Follow on flicker"> <span class="app_icon"><i class="fa fa-flickr"></i> 12 Followers</span></a></div> <div class="app_social youtube"> <a href="#" target="_blank" title="Subscribe on youtube"> <span class="app_icon"><i class="fa fa-youtube"></i> 100 Subscribers</span></a></div> <div class="app_social rss"> <a href="#" target="_blank" title="Subscribe blog feed"> <span class="app_icon"><i class="fa fa-rss"></i> 432 Subscribers</span></a></div> <div class="app_social tumblr"> <a href="#" target="_blank" title="Follow on tumblr"> <span class="app_icon"><i class="fa fa-tumblr"></i> 12 Followers</span></a></div> </div>
1
<style> .widget_social_apps { margin-left : -1%; margin-right : -1%; } .widget_social_apps:after { clear : both; } .widget_social_apps .app_social { margin : 1% 0.5%; width : 49%; height : 50px; float : left; text-align : center; background-color : #111; transition : all 0.2s; border-radius: 5px; } .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.youtube { background-color : #ef4e41; } .widget_social_apps .app_social.rss { background-color : #ea8914; } .widget_social_apps .app_social.tumblr { background-color : #38466a; } .widget_social_apps .app_social:hover { background-color : #777; } .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 : 15px; margin-bottom : 10px; } </style> <div class="widget_social_apps"> <div class="app_social facebook"> <a href="#" target="_blank" title="Follow on facebook"> <span class="app_icon"><i class="fa fa-facebook"></i> 1545 Likes</span></a></div> <div class="app_social twitter"> <a href="#" target="_blank" title="Follow on twitter"> <span class="app_icon"><i class="fa fa-twitter"></i> 24 Followers</span></a></div> <div class="app_social pinterest"> <a href="#" target="_blank" title="Follow on pinterest"> <span class="app_icon"><i class="fa fa-pinterest"> 84 Followers</i></span></a></div> <div class="app_social instagram"> <a href="#?hl=en" target="_blank" title="Follow on instagram"> <span class="app_icon"><i class="fa fa-instagram"></i> 857 Followers</span></a></div> <div class="app_social google"> <a href="#" target="_blank" title="Follow on google+"> <span class="app_icon"><i class="fa fa-google-plus"></i> 10 Followers</span></a></div> <div class="app_social linkedin"> <a href="#" target="_blank" title="Follow on linkedin"> <span class="app_icon"><i class="fa fa-linkedin"> 71 Followers</i></span></a></div> <div class="app_social flickr"> <a href="#" target="_blank" title="Follow on flicker"> <span class="app_icon"><i class="fa fa-flickr"></i> 12 Followers</span></a></div> <div class="app_social youtube"> <a href="#" target="_blank" title="Subscribe on youtube"> <span class="app_icon"><i class="fa fa-youtube"></i> 100 Subscribers</span></a></div> <div class="app_social rss"> <a href="#" target="_blank" title="Subscribe blog feed"> <span class="app_icon"><i class="fa fa-rss"></i> 432 Subscribers</span></a></div> <div class="app_social tumblr"> <a href="#" target="_blank" title="Follow on tumblr"> <span class="app_icon"><i class="fa fa-tumblr"></i> 12 Followers</span></a></div> </div>

Step 4.
HTML/javaScript par click karte hi ek khali code box show hoga.

1. Aapne jo code copy kiya hai ab usko jo box me social media code paste kare likha hai us jagah paste kare.

2. Title: is option me aap follow us aadi type kar sakte hai agar chahe to blank bhi chhod sakte hai.

3. Save: par click karke pop up window save kare.

4. Save arrangement par click karke layout ko save kare.

WordPress blog me follow button kaise add karte hain.

WordPress blog me bhi simple step follow karke social media widget add kar sakte hai

Step 1.
Sabse pahle aap wordpress blog me username or password se enter kare

Blog Sidebbar Me Stylish Social Media Follow Buttons Kaise Add Kare

1. Appearance par click kare.

2. Widgets option par click kare.

Step 2.Blog Sidebbar Me Stylish Social Media Follow Buttons Kaise Add Kare
1. Text: icon par click kare text par click karte hi ek pop up window open hogi.

2. Add Widget par click kare.

Step 3.
Add widget par click karte hi sidebar me ek box show hoga.

1. Ab upar jo code hai usko copy kare and box me your code paste here likha us jagah social media follow code ko paste kare.

2. Title: is section me aap follow me aad type kar sakte hai.

3. Save: par click karke aap code ko save kare.

4. Close: finly close par click karke pop up window close kare

Ab aap blog ko view karke dekh sakte hai ki aapke blog me stylish social media icon sidebar me show ho rahe hoge.