Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Blog or Website Ko Subscribe Kaise Kare Aur Kyo Karte Hai

Dosto kisi bhi blog ya website ko subscribe karna bahut easy hai. Lekin bahut se log iske bare me janna chahte hain ki blog ko subscribe kyo karte hain. Blog par sign up karna ya blog or website ko subscribe karna us site ya blog ka member banana hai. Isse pehle maine Youtube channel ko subscribe kyo kare aur kaise kare post me subscription ke bare me detail se bataya hai. Internet par bahut sare blog hain. Hum daily bahut se blog or website par visit karte hain. Jinme se bahut si website hume pasand aa jati hai aur unki new post ko bhi hum padhna chahte hain. So websites ki new post ki jankari apne email inbox me pane ke liye hume us site ko subscribe karna padta hai.

blog or website ko subscribe kaise karte hain how to subscribe blog or website

Bahut si site par aapne Sign up with email address, Get free News Alert, Enter your email id and get notification free, Sign up Today etc. subscribe box ke sath likha dekha hoga. Bahut se blog par to hindi me bhi likha hua hota hai ki “apne email inbox me new post ke notification prapt karne ke liye humare blog ke newsletter ko subscribe kare. Jaisa aap mere blog ki sidebar me dekh sakte hain.


Blog or Website Ko Subscribe Kyo karte Hai

Blog ko subscribe kyo kare iske bare me maine upar hi bata diya hai aur aap samajh bhi gaye honge. Blog ko subscribe karne se site owner ko bhi fayda hota hai aur subscribe karne wale ko bhi fayda hota hai. Site owner ko yah fayda hota hai ki uske subscriber badhte hain. Jisse uski site par traffic increase hota hai. Subscribe karne wale ka fayda yah hota hai ki usko time par apne manpasand blog post ki jankari email ke dwara de di jati hai. So blog ko subscribe karna dono paksh ke liye labhdayak hai.


Kisi bhi site ko subscribe karne me koi burai nahi but ek bat dhyan rahe ki jis site ko aap sign up kar rahe hain uske bare me achchi tarah jankari kar le ki fake site to nahi hai. Bahut si website aisi hoti hain jo user ki information ko chura leti hain aur usko internet par public kar deti hain. Jisse aapke email id par bahut sare spam mail aate rahte hain. So apne anubhav se gyat kare ki jis webstie ko aap subscribe kar rahe hain kahi wah scammer’s ki site to nahi hai. Bahut si site aapke computer or mail par virus aur malware send kar deti jo aapke privacy ko nuksan pahuncha sakti hai. Isliye isse sawdhan rahe.
Kisi bhi fake site dwara bheje gaye email attachment ko open na kare kyoki aapke computer aur account ki personal information hack hone ka khatra badh jata hai. Apni Email Id Ko Hack Hone Se Kaise Bachaye Iske bare me main aapko pehle bhi bata chuka hu. Ab main aapko Blog or website ko subscribe kaise karte hain ke bare me bata raha hu.

Website Ya Blog Ko Subscribe Kaise Kare

Note -
  1. bahut si website par subscription available nahi hota hai jinko hum subscribe nahi kar sakte hain.
  2. kai site aisi bhi hoti hain jinpar newsletter nahi hota hai jiske karan wah signup suvidha provide nahi kar pati hain. Isliye subscribe karne ke bare me sochne se pehle hi us website par subscribe box ke bare me pata kar le.
Sabse pehle us Blog ya website par jaye jisko aap subscribe karna chahte hain.
Ab us site par subscribe box dekhe kaha par hai. agar aap subscribe box ke bare me nahi jante hain to niche image me dekh sakte hain.

subscribe newsletter for blogger and website

Iske bad subscribe box (Newsletter) me apna Name aur Email id type kare. Bahut si site par sirf mail id type karni padti hai.
Iske bad SUBSCRIBE YA SIGN UP Button par click kare ya Enter Press kare
Ab aapko ek capatcha code bharne ke liye kaha jaye so use bhare
Finally SUBSCRIBE NOW ya SUBMIT par click kare


Is step ko puri karne ke bad aapke mail par ek confirm (verification) link aayega us link par click karke subscription ko complete kare.

Ab aapne successfully blog ko subscribe kar liya hai. ab jab bhi us site par new post publish ki jayegi to aapke Email par massage aajayeg.
Dosto mujhe ummid hai ki aap blog or website ko subscribe karne ke bare me sikh gaye honge. Agar koi samasya aaye to aap comment me puch sakte hain. Agar humari post aapko pasand aayi ho to facebook aur anya social site par share jarur kare tatha aisi hi new post ki jankri apne email par pane ke liye humare blog ko bhi subscribe kar le. Ye jankari kaisi lagi comment me apni ray jarur de.


Favicon Kya Hai or Blog Me Custom Favicon Icon Kaise Lagaye

Favicon kya hai? Blogger me favicon add kaise kare. Dosto aaj main aapko blog ke favicon image ko change karne bare me bataunga. Jab hum blogger par blog banate hain to by default blogger ke logo ka hi favicon laga hota hai. isse humare blog professional nahi lagta hai. agar aap apne blog ko professional website jaisa banana chahte hain to aapko apne blog me custom favicon image add karna padega. Favicon ek tiny icon hota hai jo web browser ki address bar ke left side me show hota hai. isko change karne ka tarika bahut aasan hain. is post me aapko do tarike se favicon add karne ke bare me bataunga.

blog me favicon icon image kaise lagaye step by step

Blog me favicon icon add karna bahut aasan hai is post ko follow karke aap kuch hi minetus me favicon icon ko apne blog me laga sakte hain. yaha main aapko favicon icon add karne ke do methods bataunga.


Favicon Kya Hai, Favicon Kaise Banate Hain, Iske Kya Fayde Hain.

Favicon ek chhota sa image hota hai. iska size squre me hota hai aur kb me iska size kam se kam 100KB tak hona chahiye. Main aapko sugesst karunga ka ki aap favicon width 16px aur hight 16px rakhe. Isse apka favicon squre me ban jayega. isko hume blog ke layout page par jakar badalna padta hai. agar aap isko change nahi karte hain koi fark nahi padta hai. custom favicon icon lagane se aapke blog ka look professional ban jata hai jisse jaldi se pata nahi chalta hai ki aapka blog blogger par hai. favicon add karne ke liye aapko sabse pehle ek custom favicon icon banana hoga. jiska size maine aapko upar bata diya hai.

Agar aap favicon size ke bare me confuse hain to inmse koi bhi size use kar sakte hain.
1.. width: 16px, height: 16px
2.. width: 32px, height: 32px
3.. width: 64px, height: 64px
4.. width: 128px, height: 128px
5.. width: 116px, height: 116px

Blogger Blog Me Custom Favicon Icon Kaise Add Karte Hain

Method: 1

Step.1: Sabse pehle apne blog par login hokar dashboard me aa jaye

1. Ab Layout par click kare
2. Favicon Widget ke Edit link par click kare

add favicon widget and edit


Step.2: Ab aapke samne ek popup window open hogi

computer me se favicon file select kare


1.. Isme bataya hai ki ek square Image favicon file select kare jiska size 100 KB se jyada nahi ho.
2. Choose file par click karke apne computer me se favicon image icon ko select kare
3. Save par click kare


Ab apne blog me visit karke dekh le ki aapke web browser me favicon icon show kar rha hai ya nahi. Favicon ko browser me show hone thoda time lag sakta hai. isliye thoda wait kar le.

Blog me Animated Favicon Image Kaise Lagaye.

Method: 2

Ab main aapko blogger me favicon add karne ka dusra manually tarika bataunga. Yad rahe isme aapko apne image icon ko gif file me banana hai. jisse aapka favicon animated ban jayega.

Sabse pehle is code ko copy karke "Your Favicon Image Url" ki jagah apne gif favicon image ka link add kare

<link href="Your Favicon Image Url" rel="icon" type="image/gif"/>

Ab apne blog dashboard me jaye
Theme section me Edit HTML par click kare

favicon icon add karne ke liye theme ke html ko open kare


HTML box me kahi par bhi click karke Ctrl+F dabaye aur “<b:skin>” code ko search kare
Ab jo code aapne copy kiya tha use “<b:skin>” ke upar paste kar de

template me favicon code ko upar paste kare

Finally Save Theme par click karke template ko save kar de


Favicon Image Url Link Kaise Pata Kare

Ye sawal aapke dimag me aa raha hoga ki favicon image icon ka link kaha se pata kare. You don't worry, iske bare me main aapko bata raha hu.
Sabse pehle gif file me favicon image bana le, size ke bare me maine aapko upar bata diya hai.
Ab apne blog me jaha new post likhte hain us box me jaye.

get favicon url

1. Posts par click kare
2. New Post par click kare
3. yaha par click karke apni favicon image ko upload kare
4. image upload hone ke bad HTML par click kare

Ab aapke samne jo HTML code open hoga usme se "href" ke samne wale image link ko copy karke use kar sakte hain.

select url of favicon gif image and use it

Conclusion.

😍 Ab apne blog ko open karke dekh le ki favicon dikhai de raha hai ke nahi. Agar favicon dikhai nahi deta hai to thoda wait kare aur fir se page ko reload karke dekhe. Upar bataye hue step ko follow karne se bhi aapke blog me favicon add nahi hota hai to aap comment me puch sakte hain.
👍 I hope that ye post aapko pasand aayi hogi. Agar aapko is post me di gayi jankari achchi lagi to apne dosto ke sath share kare. Agar aap humare blog ki new post ke notification apne email par prapt karna chahte hain to humare blog ke newsletter ko subscribe karle.

Blogger Ki Sabhi Post Me Adsense Ke Ads Show Kaise Kare

Dosto dcrazy.com par aapka fir se swagat hai. aaj ka humara topic hai ki blogger ki sabhi post me adsense ke ads kaise lagaye. Bahut se blogger chahte hain ki ek bar ads code add karne ke bad sabhi post me ads show hone lag jaye. Agar aap blog ki sabhi post par ek-ek karke adsesne code lagate hain to bahut time lag jata hai. isliye har ek blogger chahta hai ki kyu na koi aisa tarika mil jaye jisse blog ki all post par ek bar me adsense ke ads add show ho jaye.

blog ki har post me adsense ke ads kaise lagate hain

Is post me jo tarika main aapko batane ja raha hun isse aap post title aur post end me ads laga sakte hain. jab aap post likhte hain to aapko har bar ads code ko post me paste karna padta hai. is parkriya ko karne me aapka extra time lagta hoga. lekin is post ko follow karke aapko apne blog ke html coding me sirf ek bar hi ads code add karna padega. Jisse adsense ads aapki sabhi post me automaticly show karne lagenge.


Sabse pehle aap ye decide kar le ki aapko sabhi post me kaunsa ads dikhna hai. ab jis ads ko aap sabhi post par dikhana chahte uski ek ads unit bana le agar aapne already bana rakhi hai to koi bat nahi hai. is post me bataye huye steps ko follow karke aap sirf ek bar blogger me ads code add karke blog ki har ek post me ads dikha sakte hain. yani post ke header aur footer me ads show kar sakte hain

Is tarah se ads lagane ke bad aapko post likhte samay har bar code add karne ki jarurat nahi hai. isse aapko post likhne me bhi aasani hogi. Iska dusra fayda ye bhi hai ki aapke post content me ads code milne ka bhi dar nahi hoga. kai bar humare ads aur post content ek sath mil jate hain yani ads content ke niche dab jata hai ya fir content ke aur ads ke bich me space nahi rahta hai.

Blogger Ki All Post Me Adsense Ke Ads Kaise Lagaye - One Time Placement

Jyadatar blogger isi tarike se apne blog par ads dikhate hain. isliye aapko chinta karne ki koi jarurat nahi hai. aapko bus apne blog ki template ke HTML me sirf ek bar ads code add karne honge. Aaiye jante hain ki all blog post par ads kaise dikhaye.
Template me kuch bhi edit karne se pehle aapko apne theme ka backup bana lena chahiye.


Step.1.
Sabse pehle apne blogger par login ho jaye.
1. blog dashboard me Theme par click kare
2. ab Edit HTML par click Karen

adsense code implement


Step.2
Template ke HTML box me Ctrl+F daba kar is code ko search karen

<data:post.body/>

Step.3
Ab niche diye gaye code ko copy karke notepad me paste kar le or "Your Ads Code" ki jagah par apna banaya hua ads code paste kare

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align="center">
Your Ads Code
</div>
</b:if>


Step.4
1. Ab is code ko "<data:post.body/>" ke just niche paste kar de, agar post ke upar ads dikhana chahte hain to upar paste kare
2. Save Theme par click kare

how add a adsense code to blogger post


Ab apne blog dashboard par aajaye aur blog par visit karke dekhe ki ads code sahi tarike se kaam kar raha hai ya nahi.

Important Notes:-

1. Blogger template ke andar “<data:post.body/>” code kei jagah par hota hai agar ek ke niche kaam nhi kare to dusre ke niche try karke dekh le.
2. agar aap ads ko post ke left me show karna chahte hain to code me center ki jagah par left add kare
3. agar aap ads ko post ke right me show karna chahte hain to center ki jagah par right add kare
4. agar koi problem aaye to aap comment me puch sakte hain.

Conclusion.

Hume ummid hai ki is post me batayi sabhi janakari aapko samajh me aa gayi hogi. Blog ki sabhi post me ads kaise lagaye or blogger blog ki har post me adsense ke ads kaise show kare trick kaisi lagi comment me jarur bataye. Is post ko apne dosto ke sath share kare.

Blogger Me Social Follow Buttons Widget Kaise Add Kare - Dcrazy

Blogger blog me Social follow button widget kaise add kare? Social media se to aap achchi tarah parichit hain. Social media ko kaun nahi janta hai. aajkal har ek aadmi social media ke fayde aur nuksaan se wakif hai. bahut se kaam aise hote hain jinhe karne ke liye hume social media ki bahut jarurat padti hai. aisa hi ek kaam hai blogging. Blogging bhi iske bina adhuri hai. islliye all blogger apne blog par social icon lagate hain. Kyoki social media blog ko promote karne ka ek solid source hai. so agar aap bhi apne blog me social follow icon widget add karna chahte hain to sochiye mat aap bus is post ko follow kijiye aur kuch hi minutes me aap ise apni website par add kar sakte hain.

blogger blog me social follow icon widget kaise add karte hain


Is se pehle post me aapko Sabhi Blog Post ke niche social share button add karne ke bare me bataya tha. Lekin aaj is post me main aapko ek responsive aur attractive social follow icon widget add karne ke bare me bata raha hu. Darasal bat yah hai ki is widget ko lagane se aapke blog ki looking bhi pehle se best lagne lagegi aur ye buttons load hone me bhi bahut fast hain. Isliye inhe lagane se aapki site par koi effect nahi padega.
In social icon ki ek khasiyat ye bhi hai ki inhe aap apne hisab se customize bhi kar sakte hain. Inka color aur size, Name, subscribers ki sankhya etc. me aap changes kar sakte hain.


Website Par Social Follow Icon Lagana Kyo Jaruri Hain.

Aap jante hain ki aaj ke is internet Ke daur me jyatar log social sites par active rahte hain. isliye wo log jinko aapke blog or website ke bare me pata nahi hai. un tak apni site ke bare me jankari pahunchane ke liye ye icon bahut kaam aate hain. Iske alawa main reason ye hai ki har ek vyakti apne followers badhana chahta hai aur apni pahchan banana chahta hai. isliye agar aapke andar talent hai to aap social media ke jariye se logo me apni ek pahchan bana sakte hain aur apni website ko duniya ke saamne top par la sakte hain. isliye social media par aapko active rahna padega.


Blog me Responsive And Fast Loading Social Follow Button Widget Kaise Add Karte Hain.

First apne blogger par login hokar blog dashboard par pahunch jaye

Layout par click kare aur jaha par aap widget lagana chahte hain waha par Add a Gadget par click kare (Sidebar me best rahega.)

Ab aapke samne ek list open hogi isme HTML Javascript Par click Karen

1. Ab jo popup window open hogi usme Title "Follow Me" etc. Ya jo aap rakhna chahe Likhe

Blog Me Social follow widget kaise lagaye


2. Is content box me niche diye gaye code ko copy karke pastekar den

<style>
.sidebar-social{font-size:13px;font-family:fauna one;height:200px}.sidebar-social .icon a{display:block;color:#fff;padding:12px}.sidebar-social .icon{margin:1% .5%;width:49%;height:45px;float:left;text-align:center;background-color:#111;border-radius:10px}.sidebar-social .icon.facebook{background-color:#3b5998}.sidebar-social .icon.twitter{background-color:#00aced}.sidebar-social .icon.pinterest{background-color:#cb2027}.sidebar-social .icon.instagram{background-color:#bc2a8d}.sidebar-social .icon.google{background-color:#dd4b39}.sidebar-social .icon.linkedin{background-color:#007bb6}.sidebar-social .icon.flickr{background-color:#ff0084}.sidebar-social .icon.YouTube{background-color:#b00}.sidebar-social .icon.rss{background-color:#ea8914}.sidebar-social .icon.tumblr{background-color:#32506d}.sidebar-social .icon:hover{background-color:#222}.link{float:right; font-size:12px;}
</style>
<dcrazy social follow icon widget start>
<div class="sidebar-social">
<div class="icon facebook">
<a href="#" target="_blank" title="Follow on facebook">
<i class="fa fa-facebook"></i> Facebook</a></div>
<div class="icon twitter">
<a href="#" target="_blank" title="Follow on twitter">
<i class="fa fa-twitter"></i> Twitter</a></div>
<div class="icon pinterest">
<a href="#" target="_blank" title="Follow on pinterest">
<i class="fa fa-pinterest"></i> Pinterest</a></div>
<div class="icon instagram">
<a href="#" target="_blank" title="Follow on instagram">
<i class="fa fa-instagram"></i> Instagram</a></div>
<div class="icon google">
<a href="#" target="_blank" title="Follow on google+">
<i class="fa fa-google-plus"></i> Google+</a></div>
<div class="icon linkedin">
<a href="#" target="_blank" title="Follow on linkedin">
<i class="fa fa-linkedin"></i> Linkedin</a></div>
<div class="icon YouTube">
<a href="#" target="_blank" title="Subscribe on YouTube">
<i class="fa fa-youtube"></i> Youtube</a></div>
<div class="icon rss">
<a href="#" target="_blank" title="Subscribe blog feed">
<i class="fa fa-rss"></i> Rss Feed</a></div>
</div>
</div>
<div><a href="http://www.dcrazy.com/2017/10/blogger-me-social-follow-buttons-widget-kaise-add-kare.html" target="blank" class="link">get this widget</a></div>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<dcrazy social follow icon widget end>

Note:- Code me # ki jagah par apne social profile link jarur add kar len

3. Finally Save par click kare

Ab aap apne blog par visit karke dekh sakte hain ki Social widget dikhai de rahi hai ya nahi.


Conclusion,

Congratulation! Ab aapne apne blog me successfully social follow icon widget ko add kar liya hoga. agar koi issue hai to comment box me apna question kare. Aapko ye post kaisi lagi comment me jarur bataye or thoad time dekar is post ko social media par share jarur kar de.

Blog Ke LIye Sitemap Page Kaise Banaye 100% Working

How to Get More Results Out of Your How To Creat Sitemap Page For Blogger Blog. Bologspot blog ke liye HTML sitemap page kaise banate hain aur kaise add karte hain?. Aap samajh gaye gonge ki is post me aapko Blog Sitemap create karne ke bare me jankari milegi. Bahut se blogger apne blog par sitemap page add nahi kar pate hain aur bahut se bloggers ki problem yah hoti hai ki sitemap page add karne ke bad wah work nahi karta hai. So aaj main is post me aapko 100% working sitemap page banane ke bare me batane ja raha hun. Ye sitemap aapko bahut pasand aayega kyonki beautiful aur simple hai. Simple sitemap load hone me kam time lagate hain. stylish sitemap aur fully design sitemap load hone me bahut jyada time lete hain.

blog ke liye sitemap page kaise banaye

Sitemap Kya Hai Blog Ke Liye Kyu Jaruri Hai.


  1. Sitemap me aapke blog or website ke sabhi url hote hain. Yani aapke blog par jitney post hain un sabhi post ki pagelist ko sitemap kahte hain.
  2. Aapne google sitemap ke bare me bhi suna hoga. google sitemap alag hota hai aur html sitemap alag hota hai.
  3. Google sitemap xml sitemap hota hai jo webmaster (google search console) me add karne ke liye banaya jata hai.
  4. HTML sitemap ka ek page banaya jata hai jo ki blog or website par add kiya jata hai.
  5. HTML sitemap aur xml sitemap ka alag-alag kaam hota hai.
  6. Xml sitemap aapki post ko search engine me crawl kar index karwane me madad karta hai. Jabki HTML sitemap page aapke readers ke liye aapki post ko khojne me sahayak hai.
  7. Apne blog or website par sitemap page rakhna SEO ke liye badhiya hai.
  8. Jis site par Sitemap page add hota hai us adsense bhi jaldi approve ho jata hai.



Ab aap samajh gaye honge ki sitemap blog ke liye kitna important part hota hai. isliye main aapko suggest karunga ki apne blog par sitemap page jarur lagaye. Sitemap page ko apne blog par add karne se aapke blog ka koi nuksan nahi hai. balki ek fayada ye bhi hai ki isse aapke blog ki page rank increase hoti hai.


Blog Ke Liye HTML Sitemap Page Kaise Banaye or Add Kare

Main aapko 3 step me sitemap add karne ke bare me bataunga. Isme jyada time nahi lagega aap kuch hi minutes me ise complete kar sakte hain.

STEP-1.

Sabse pehle apne template ka backup bana le kyonki kuch bhi wrong hone par dobara se use upload kar sakt hain.

First aap apne blogger dashboard >> Theme >> Edit HTML me jaye

Ctrl+F dabakar “]]></b:skin>” code ko find kare

Ab is code ko “]]></b:skin>” ke upar paste kar den.

/*............. Sitemap page by dcrazy.com ............*/ .linksite { margin-bottom: 11px; background-color: #F8F8F7 } .linksite.active .link { display: block } .linksite .link { display: none } .linksite h2 { background-color: #fff; color: $(primary.color); font-size: 14px; padding: 9px 19px; border-radius: 1.9px; margin-bottom: 1px; cursor: pointer; font-weight: 600 } .linksite h2 .indus { font-size: 17px; line-height: 1.2em } .indus .fa-minus-circle { color: #f30 } .linkpost { overflow: hidden; margin-bottom: 20px; height: 70px; background-color: #FFF } .link { padding: 38px } .lin-thumb { background-color: #F0F0F1; padding: 10px; display: block; width: 65px; height: 50px; float: left } .lin-img { width: 65px; height: 50px; overflow: hidden; border-radius: 2px } .lin-thumb a { width: 100%; height: 100%; display: block; transition: all .3s ease-out!important; -webkit-transition: all .3s ease-out!important; -moz-transition: all .3s ease-out!important; -o-transition: all .3s ease-out!important } .lin-thumb a:hover { -webkit-transform: scale(1.1) rotate(-1.5deg)!important; -moz-transform: scale(1.1) rotate(-1.5deg)!important; transform: scale(1.1) rotate(-1.5deg)!important; transition: all .3s ease-out!important; -webkit-transition: all .3s ease-out!important; -moz-transition: all .3s ease-out!important; -o-transition: all .3s ease-out!important } .linkpost .wrp-titulo { padding-top: 10px; font-weight: 700; font-size: 14px; line-height: 1.3em; padding-left: 25px; padding-right: 10px; display: block; overflow: hidden; margin-bottom: 5px } .linkpost .wrp-titulo a { } .linkpost .wrp-titulo a:hover { color: #f30; text-decoration: underline } .lin-meta { display: block; float: left; overflow: hidden; padding-left: 25px; } .linksite h2 .indus { float: right }

STEP-2.
Is step ko dhyan se follow kare agar koi error aaye to Ctrl+Z (undo) wapas ho jaye.

Again Ctrl+F dabakar “</body>” code search Karen

Niche diye code ko “</body>” tag ke upar paste kar den

<script type='text/javascript'>
            //<![CDATA[
var text_month = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
var no_image_url = "http://1.bp.blogspot.com/-eAeO-DYJDws/Vkqtj4HFBFI/AAAAAAAAB0o/Q5OLsyONXM0/s1600-r/nth.png";

           var static_page_text = $.trim($('.static_page .post-body').text());
if (static_page_text === "[sitemap]") {
    var postbody = $('.static_page .post-body');
    $.ajax({
        url: "/feeds/posts/default?alt=json-in-script",
        type: 'get',
        dataType: "jsonp",
        success: function(dataZ) {
            var blogLabels = [];
            for (var t = 0; t < dataZ.feed.category.length; t++) {
                blogLabels.push(dataZ.feed.category[t].term)
            }
            var blogLabels = blogLabels.join('/');
            postbody.html('<div class="siteLabel"></div>');
            $('.static_page .post-body .siteLabel').text(blogLabels);
            var splabel = $(".siteLabel").text().split("/");
            var splabels = "";
            for (get = 0; get < splabel.length; ++get) {
                splabels += "<span>" + splabel[get] + "</span>"
            }
            $(".siteLabel").html(splabels);
            $('.siteLabel span').each(function() {
                var linLabel = $(this);
                var linLabel_text = $(this).text();
                $.ajax({
                    url: "/feeds/posts/default/-/" + linLabel_text + "?alt=json-in-script",
                    type: 'get',
                    dataType: "jsonp",
                    success: function(data) {
                        var posturl = "";
                        var htmlcode = '<div class="link">';
                        for (var i = 0; i < data.feed.entry.length; i++) {
                            for (var j = 0; j < data.feed.entry[i].link.length; j++) {
                                if (data.feed.entry[i].link[j].rel == "alternate") {
                                    posturl = data.feed.entry[i].link[j].href;
                                    break
                                }
                            }
                            var posttitle = data.feed.entry[i].title.$t;
                            var author = data.feed.entry[i].author[0].name.$t;
                            var get_date = data.feed.entry[i].published.$t,
                                year = get_date.substring(0, 4),
                                month = get_date.substring(5, 7),
                                day = get_date.substring(8, 10),
                                date = text_month[parseInt(month, 10)] + ' ' + day + ', ' + year;
                            var tag = data.feed.entry[i].category[0].term;
                            var content = data.feed.entry[i].content.$t;
                            var $content = $('<div>').html(content);
                            var src2 = data.feed.entry[i].media$thumbnail.url;
                            htmlcode += '<div class="linkpost"><div class="lin-thumb"><div class="lin-img"><a href="' + posturl + '" style="background:url(' + src2 + ') no-repeat center center;background-size: cover"/></div></div><h3 class="wrp-titulo"><a href="' + posturl + '">' + posttitle + '</a></h3><div class="lin-meta"><span class="p-author">' + author + '</span><span class="p-date">' + date + '</span></div></div>'
                        }
                        htmlcode += '</div>';
                        linLabel.replaceWith('<div class="linksite"><h2>' + linLabel_text + '<span class="indus"><i class="fa fa-plus-circle"></i></span></h2>' + htmlcode + '</div>');
                        $(document).on('click', '.linksite h2', function() {
                            $(this).parent('.linksite').addClass('active');
                            $(this).find('.indus .fa').removeClass('fa-plus-circle').addClass('fa-minus-circle');
                        });
                        $(document).on('click', '.linksite.active h2', function() {
                            $(this).parent('.linksite').removeClass('active');
                            $(this).find('.indus .fa').addClass('fa-plus-circle').removeClass('fa-minus-circle');
                        });
                    }
                });
            });
        }
    });
}
            //]]>
</script>

Finally Save theme par click kare aur template se bahar aajaye.

STEP-3.
Ab aapke sitemap ka most important part rah gaya hai. isme aapko apne blog me page banana hai jisme aapke blog ke url show honge. aap kuch hi seconds me ise bana sakte hai.


1. Blogger dashboard me pages >> New Page par click kare

2. Ab aapke samne content box open hoga isme HTML par click kare

3. Title me "Sitemap Page" ya jo kuch aap rakhna chahte hain type kare

4. Is khali content box (content area) me niche diye code ko copy karke paste karden

[Sitemap]


5. Ab right side me page setting me Options >> Reader comment me Don't allow, Hide exiting par tick kar de.

blogspot sitemap kaise banate hain


6. Finally Publish button par click kar de.

Congratulations!!! Ab aapke blog me sitemap install ho chuka hai.

Conclusion,

Yah post hume batati hai ki hum apne blog ke liye 100 percent working sitemap page kaise banaye. I hope that aapne successfully apne blog me sitemape page widget add kar liya hoga. ab aap apne blog par sitemap page ko preview dekh sakte hain. Ye post aapko kaisi lagi comment me jarur bataye. Agar post me koi bhi mistake ho to mujhe inform karde. Agar apko HTML sitemap page banane me koi problem aaye to mujhse puchh kar sakte hain. Is post ko social media par apne dosto sath share jarur kare.

Blog Me Floating Social Share Buttons With Share Count Kaise Add Kare

Dosto aaj is post ke madhayam se hum janenge ki blog ki left side me floating social share buttons with count kaise add karte hain. Jin social share buttons ke bare me mei aapko batane ja raha hu inme ek cheej bahut achchi hai ki ye social button post ko share karne ke alawa aapke share ko bhi count kar lete hain. Yani aapki post ko kitni bar social media par share kiya ja chuka hai uske bare me ye show kar dete hain. Aap jante hain ki blog ko professional banane ke liye social share button bahut kaam ke hote hain. Kyonki blog me social button lagane se blog ki looking professional lagne lagti hai.

how to add floating soical share buttons in blogger left side
blog me floating social share buttons kaise add kare


Isse pehle maine aapko pichhli post me bataya tha ki blog me post ke niche or upar responsive social share buttons kaise lagate hain. Agar aapki template/theme ke andar post ke niche wale social share buttong available nahi hai to aap is post ko follow karke post ke niche bhi social share buttons add kar sakte hai.

Bahut se blogger apne blog ke andar facebook like box, aur social follow widget add karte hain. Kyonki wo jante hain ki social media blog par traffic increase karne ka ek bahut bada jariya hai.

Is post ke andar jo floating social share button ke bare me mei bata raha hu ye add this ke dwara generate kiye gaye hai. Isliye don’t worry aap kuch hi second ke andar inko install kar sakte hain.


Blog ke liye floating social share buttons kyo jaruri hai.

Agar aapke blog me social share widget hai to log aapki post ko social media par share karke aapke blog ki ranking ko increase kar sakte hain. Niche mei aapko kuch point bata raha hu jiske madhayam se aap jan jayenge ki floating social share button blog ke liye kite aavshayak hai.

1. SEO:
aap jante hain ki blog ke liye seo ek most important factor hota hai jisko follow karne se hi log blogging me success ho sakte hain. But social media ke bina hum blog ko complete seo friendly nahi bana sakte.

2. Traffic:
Agar aap great content write karte hain aapke blog par logo ki help ke liye bahut hi achchi jankari hai phir bhi aap social media se traffic receive nahi kar sakte kyonki aapke blog par koi bhi social plugin nahi hai. Every day Bahut si popular social sites se billions people blogger ki site par visit karte hain. Isliye social media ek accha source hai blog par traffic ko lane ke liye.

Ab aapko samajh me aagaya hoga ki jab tak hum blog me social plugin use nahi karenge tab tak apne blog ko puri tarah se success nahi bana sakte isliye me aapko sugesst karunga ki aap bhi apne blog me floating social share add kare.


Blogger Me Floating Social Share Buttons With Count Kaise Add Kare.

Sabse pehele apne www.blogger.com par jakar blog par log in kare

1. Apne blog ke Dashboard >> Layout me jaye

2. Kahi par bhi Add a Gadget par click kare

3. list me “HTML/JavaScript” click kare

blogger me soical share buttons kaise lagaye


4. Title ko khali chhod de

5. Ab niche diye gaye code ko copy karke content box me paste kar de

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53b51c680d7b1642"></script>

6. Finally save button par click kare

7. save arrangement par click kare

ab aap apne blog par visit karke dekh sakte hain aapke blog me Floating Social share buttons with count add ho chuke hai. Mujhe ummid hai ki ab aapka blog pehle se jyada beautiful lag raha hoga.
agar aapko social share button add karne me koi problem aaye to aap comment me puch sakte hain aur humari is post ko bhi social media par share kare taki aur log bhi isse fayda utha sake.

Author Box-Blogger Blog me Author Box Kaise Add Karte Hain ?

दोस्तों अगर आपने अपना ब्लॉग बना लिया है तो आपको अपने ब्लॉग में Author Box लगाना चाहिए . Author Box लगाने से यह पता चलता है की इस पोस्ट का राइटर कौन है. लोगों के विश्वास को बनाये रखने के लिए आपकी ब्लॉग पोस्ट के नीचे Author Box होना जरुरी है. Blogger me author Box kaise add kare iske bare me niche aapko detail se bata raha hu. apne blogger ki post body ke niche aur share button se upar agar aap author box add karna chahte hain to ye post aapke liye hi hai. agar aapke blog post ke niche author box add nahi kiya hai to aap apne blog me blog post ke niche author box add kar lijiye.

bloggger me author box kaise add karte hain.

Blogger Blog Me Author Box Kyu Lagate Hain ?

अगर आप ब्लॉगर में अच्छी पोस्ट लिखते हैं तो लोग आपके बारे में जानना चाहेंगे. इसलिए अगर आप ब्लॉग में पोस्ट के नीचे आपका  Author Box लगा देंगे तो वो आपको आसानी आपके बारे में जानकारी ले सकते हैं. इससे आपकी पहचान भी बढ़ेगी और आपके ब्लॉग की ट्रैफिक भी बढ़ेगी.


Aap ye baat achi tarah jaante hain ki jab koi bhi blogger blog par post likhta hai aur wo post bahut badhiya aur logo ko pasand aane wali post likhta hai to log us blogger ke bare me jaanne ki koshish karte hain to wo us blog me author link ya koi bhi author box search karte hain. jaise ki hum apne blog ke footer me bhi author box add karte  lete hain ya author page bana kar uska link footer me about us ke rup me darshate hain. to ye bahut saare vikalp aapke saamne hain inme se aap koi bhi chun sakte hain. lekin mei yaha par aapko sirf blog post ke niche yani blogger ki har post ke niche author box enable karne ke bare me bata raha hun aap isse apne blog me author box add kar sakte hain.

Authot Box Demo Style

upar aapke liye maine author box ka screen shot darshaya hai isko aap apne hisab se edit kar skate hai yanai size chhota-bada kar sakte hain. aur font size bhi badha sakte hain.

Blogger Blog Me Author Box Kaise Add Kare ?

Step-1.

1. सबसे पहेले www.blogger.com पर लॉग इन करें 
2. अपने ब्लॉग के dashboard  पर जाएँ 
3. Layout पर क्लिक करें 
4. ब्लॉग पोस्ट widgate में  Edit पर क्लिक करें 


how to add a author box in blog


अब आपके सामने पेज खुलेगा उसमे Show Author Profile Blow Post के सामने Tick करें और save कर दें.


blog post ke niche author box kaise lagaye

Step-2.

1. अब अपने dashboard में template पर क्लिक करें
2. Edit Html पर क्लिक करें
3. अब आपके सामने template Code Box खुलेगा उसमे कहीं पर भी क्लिक करे और Ctrl+F दबा कर ]]></b:skin> search करें. 
4. अब नीचे दिए गए Code को ]]></b:skin> के ऊपर paste कर दें .

/* Custom Author Profile by Dcrazy ----------------------------------------------- */ .swt-author { background-color: aliceblue ; font-weight: bold; border-top: 1px solid #321; border-left: 2px solid #000; border-right: 2px solid #000; border-bottom: 1px solid #123; overflow: auto; } .swt-author profile { font-family:"Times New Roman", Times, serif; font-weight: normal; padding:5px 0; margin:0; text-transform:auto; line-height:24px; word-wrap:break-word; } .swt-author profile info { font-size: 12px; text-align: justify; font-family: 'Droid Serif', serif; } .swt-author profile img { float: left; margin: 5px; width:125px; border: 2px solid #666; border-radius:25px; opacity:0.4; filter:alpha(opacity=40); transition:width 1s, height 1s, transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; } .swt-author profile img:hover { border-radius:5px; opacity:1.0; filter:alpha(opacity=100); transform:rotate(360deg); -webkit-transform:rotate(360deg); /* Tutorial at: http://www.dcrazy.com */}

अगर आप Font साइज़ को  बड़ा करना चाहते हैं तो आप  font-size:12px को Edit करके font Size को बड़ा कर सकते हो


Step-3.

1. अब template में  <data:post.body/> कोड  सर्च करें  
2. अब नीचे दिए गए कोड को <data:post.body/> के नीचे paste कर दें

<b:if cond='data:blog.pageType == "item"'>
<!—Custom Author Profile by dcrazy -->
<div class='swt-author'>
<b><u>About Author:</u></b>
<profile>
<img alt='author' src='your image url'/>
<info> ABOUT US <i><a href='#'>Read More</a></i>...</info>
</br><hr>
Join him on
<a href='YOUR Google Plus profile url'>Google+</a> |
<a href='YOUR replace it with Facebook profile url'>Facebook</a> |
<a href=' YOUR Twitter profile url'>Twitter</a>
</profile></div>
</b:if>


                                                         
 अब Save template पर क्लिक करके template को Save कर दें

ABOUT US की जगह पर अपने बारे में लिखें
 अपनी फोटो, Facebook,Google plus, twitter,और अपने About Us पेज के url को Change कर लें

Note:- Blogger ki template me <data:post.body/>  ek se jayada bhi ho sakte hain kis ek ke niche code add karne par author box enable nahi ho to aap dusre <data:post.body/> ke niche code add karke try kare.

ab aa jan gaye honge ki blogger me author box kaise add karte hain. aur aap ye bhi jaan gaye honge ki blogger me author box add karna bahut easy hai. to ab hume dijiye ijajat aapse fir milte hain kisi aur blogger topic par post lekar. humare blog ki nayi-nayi post padhne ke liye humare blog ke newsltter ko subscribe kijiye aur jude rahiye humare saath. 

 ब्लॉग को ओपन करके चेक करके देख लें अगर कोई समस्या आये तो आप कमेंट के जरिये पूछ सकते हैं . दोस्तों अगर ये पोस्ट आपके लिए उपयोगी है और इससे आपको कुछ  फायदा पंहुचा है तो कमेंट में जरुर बताएं और अपने दोस्तों के साथ भी शेयर करें.

Blogger Par Free Blog Website Kaise Banaye Paise Kamane Ke Liye In Hindi

Free Blog Kaise Banaye? या Free website kaise banaye? आपने सुना होगा या कहीं पर पढ़ा होगा की बहुत से लोग internet से घर बैठे online पैसे कमा रहे हैं ये बात बिलकुल सही है मैंने भी सुना है और मैं ऐसे कई लोगों के बारे में जनता हूँ जो internet पर website या blog बनाकर लाखों रूपये कमा रहे हैं आज दौर में लोग internet पर अपने बड़े-बड़े buisness शुरू करके भी पैसे कमा रहे हैं तो चलिए जानते हैं How to creat free blog or website for earn money.

free website ya blog kaise banaye in hindi
how to creat a free blog website 



आपने भी कभी internet use किया होगा और बहुत सी जानकारी पढ़ी भी होंगी वो जानकारी हम जैसे लोग ही internet पर blog website बनाकर share करते हैं और इसके माध्यम से वह पैसे भी कमाते हैं अब आप सोच रहे होंगे की internet पर जानकारी share करने से पैसे कैसे कमा सकते हैं इसके बारे में मैं आपको detail से समझा रहा हूँ

  1.  सबसे पहले internet पर blog या website बनायीं जाती है
  2. website बनाने के बाद उस पर कोई भी जानकारी की पोस्ट हिंदी या इंग्लिश में शेयर की जाती है
  3.  उस पोस्ट के अन्दर हमे विज्ञापन )advertisement) लगाने होते हैं जो हमारी पोस्ट के बीच में Show होते हैं
  4. अब कोई भी internet userजब आपकी post से related त जानकारी internet पर search करेगा तो आपकी पोस्ट इन्टरनेट पर Search Engine में Show होगी
  5. अब इसे पढने के लिए वो इस पर क्लिक करके सीधे आपकी पोस्ट पर आएगा और आपकी पोस्ट पढ़ेगा
  6. जाहिर है की पोस्ट पढ़ते समय उसको Ads (विज्ञापन) नजर आयेंगे तो अगर उसको आपकी पोस्ट में लगाये हुए विज्ञापन में रूचि होगी तो वो उन पर क्लिक करेगा और उनको ओपन करके देखेगा
  7. बस यहाँ से आपकी कमाई शुरू होती है यानि Ads (विज्ञापन) पर क्लिक करने पर आपकी Earning होगी.

Blog और Website में क्या अंतर है ?

सबसे पहेले मैं आपको Blog और Website के बारे में clear करके बताता हूँ की इन दोनों में क्या अंतर है
BLOG: ये एक Google द्वारा शुरू की गयी free service है जिस पर हम Blog बनाते हैं जो Website की तरह लगता है बहुत से लोग इसे भी Website कहते हैं और यह गलत भी नहीं है क्योंकि Blogger पर Blog बनाकर हम उसे अच्छी तरह design करके Website में बदल सकते हैं तो यह Website की तरह ही दिखाई देता है Blog पर Website बनाने के लिए Google की site www.blogger.com पर जाना पड़ता है इस site पर जाकर हम Blog बनाते हैं


Blogger पर हम क्या-क्या share कर सकते हैं

जिस चीज के बारे में आपके पास जानकारी है आप उसको अपने Blog में पोस्ट कर सकते हैं Internet पर आपने बहुत सी कविताये पढ़ी होंगी तो ये कविताये Internet पर कौन लिखता है ? आप समझ गए होंगे हम जैसे लोग ही लिखते हैं बहुत से कवी और शायर होते हैं जो अपनी शायरी और कविताओं को दुनिया के साथ शेयर करने के लिए Internet पर Blog बनाकर Post करते हैं जिससे उनके बारे में लोग जानने लगते हैं और उनकी world में एक अलग पहचान बनती हैं और वे इन कविताओं के बिच में Ads लगाकर कमाई भी करते हैं अब आपको एक बात समझ आ गयी होगी की Internet पर जो जानकारी आप पढ़ते हैं उसको हम जैसे लोग ही पोस्ट करते हैं


Website क्या है: आपने Internet पर बहुत सी Social Site देखी होंगी देखी ही नहीं बल्कि Use भी की होंगी जैसे की Facebook और बहुत Job Website आदि, Google भी एक Website है जो एक Search Engine की तरह काम करती है ये हमारी Website या Blog को लोगो के Search करने पर Search Engine में दिखाती है और Facebook के बारे में तो आप अच्छी तरह जानते होंगे ये लोगो को आपस में जोड़े रखने की बहुत बड़ी Website है इस पर लोग आपस में Chatting करते हैं और अपने Video, Message को Share करते हैं इस Website पर करोड़ों लोग एक दुसरे से जुड़े हुए हैं तो मेरा आपको समझाने के मतलब ये है की Blogger पर हम Free Blog बनाते हैं जिसे Blog कहते हैं उसको बाद में हम Website की तरह बना सकते हैं , Website एक अलग तरह से बनायीं जाती है जिसका एक अलग प्लेटफार्म होता है जिसमे हमे चार्ज देना पड़ता है और ये किसी Website बिल्डर से बनवाई जाती है इसमें हमे कोई Editing नहीं करनी पड़ती है जबकि Blogger पर हम खुद Design और Editing करते हैं

Free Website कहाँ पर बनाये?

Blog बनाने के लिए दो प्लेटफॉर्म है एक Blogger और दूसरा Wordpress, मैंने आपको ऊपर बता दिया था की Blogger Google की एक Free Service है जिस पर हम फ्री Blog बनाकर पैसे कमा सकते हैं
wordpress पर भी हम Blog बना सकते हैं लेकिन यह फ्री नहीं है इस पर हमे hosting लेनी पड़ती है अगर आप wordpress पर Blog बनाना चाहते हैं तो आप को इसमें खर्च करना पड़ेगा wordpress की Knowledge के लिए आप इसका 30 दिन कर free trial version use कर सकते हैं

अगर आप Blogging में नए हैं तो Blogger पर ही फ्री Blog बनाइये जब इस पर आप अच्छी तरह सीख जायेंगे तो आप इसे वर्डप्रेस पर Transfer कर सकते हैं.


Website क्यों बनाते हैं ? इस सवाल का जवाब तो आप को पता चल ही गया होगा की Website क्यों बनायीं जाती है यहाँ ज्यादातर लोग इसे पैसे कमाने के लिए ही बनाते हैं Website बनाकर पैसे कमाना उनका Main मकसद होता है पर मैं आपको कुछ Topics और बता रहा हूँ जिससे आप अच्छी तरह समझ सकते हैं की Website से हम कौन-कौन से काम कर सकते हैं

  1.  Internet पर online buisness करने के लिए
  2.  अपने विचार दुनिया के साथ शेयर करने के लिए
  3.  अपने किसी भी प्रोडक्ट के प्रमोशन के लिए
  4.  Entertainment और टाइमपास करने के लिए
  5.  Internet पर अपनी पहचान बनाने के लिए
  6.  अपने पर्सनल work के लिए
  7.  किसी भी चीज के बारे में लोगों की हेल्प करने के लिए

Free Website बनाने के लिए किन-किन चीजों की जरुरत पड़ती है

  1. आपके पास एक Computer/Laptop होना चाहिए
  2.  आपकी एक Gmail Id होनी चाहिए

Free Website कैसे बनाते हैं पैसे कमाने के लिए

सबसे पहेले आप www.blogger.com पर जाये और अपनी Gmail id और Password से Log in करे.

gmail id se blog banaye


Log in होने के बाद आपके सामने एक ऐसी window open होगी इसमें Left Side में New blog पर Click करें

new blog kaise banaye


इसके बाद आपके सामने एक और Popup window खुलेगी जिसमे आपको अपने Blog की Details भरनी है

blog ke liye title aur theme select kare


  1.  Title: इसमें आपको अपने Blog का Title टाइप करना है जो भी आप अपने Blog का टाइटल नाम रखना चाहते हो
  2. Address: इसमें आपको अपने Blog का ऐसा नाम टाइप करना है जो पहले किसी ने नहीं ले रखा हो अगर आपके द्वारा टाइप किया गया नाम किसी ने पहले नहीं लिया होगा तो “This blog address is available” लिखा हुआ आ जायेगा
  3. Template: यहाँ से अपने Blog के लिए एक Template Select करें टेम्पलेट Blog का डिजाईन होता है यानि आपका Blog कैसे दिखेगा. टेम्पलेट को आप बाद में Change भी कर सकते हैं फ़िलहाल आप इनमे से कोई एक सिंपल सी टेम्पलेट Choose कर लें
  4.  Creat blog: अपनी सभी सही जानकारी पूरी भरने के बाद Creat blog पर Click करे
अब आपका Blog बन चूका है और अब आप इसे use कर सकते हैं अपनी कोई भी Post कर सकते हैं blogger को Log out और Log in करने के लिए Gmail id की तरह ही Profile Image पर क्लिक करेके Log out कर सकते हैं और Log in करने के लिए www.blogger.com पर जाकर अपनी Gmail id से लॉग इन कर सकते हैं

मुझे उम्मीद है की आप Free Blog Website Kaise Banaye? के बारे में अच्छी तरह जान गए होंगे अगर कोई भी टॉपिक समझ में नहीं आये तो आप हमसे कमेंट में पूछ सकते हैं

Blog Me Responsive or Beautiful Subscribe Box Widget Kaise Add Kare

Dosto is post me mai aapko batane ja raha hun blogger blog me Email subscribe box widget kaise add karte hain. Isse pehle maine pichli post me aapko blog me responsive facebook like box widget add karne ke bare me bataya tha. Blogger me bahut si widget aisi hoti hain jo humare blog ko chalane ke liye bahut jaruri hai.Blog me Subscription box ek important part hota hai isliye aapne dekha hoga ki har ek blogger apne blog me subscribe box add karta hai. subscription box ka kam ye hai ki jab koi reader aapke blog ko subscribe karta hai to usko aapke blog par publish ki gai new post ka notification msg uske email par mil jata hai. Blog me subscription lagane se aapke blog ke subscriber badhenge aur aapke blog ki traffic bhi badhegi. How can add subscribe box widget in blogger.

blog me responsive newsletter subscribe box widget kaise add kare in hindi


Dosto jab aap apne blog par subscribe box add karenge ek to aapke blog ki design bhi banegi kyonki jo subscribe box me aapko batane ja raha hun yah bahut hi beautiful aur stylish hai. isse aapke blog ka look professional lagne lagega. Isse aapke blog par koi problem nahi hogi because ye responsive hai aur aapke blog par ek dam fit rahega. Aap iske size ko apne hisab se set kar sakte hain. Maine is subscribe box ko apne blog me bahut time tak use kiya hai. isliye ye ek dam best hai.

Blog Me Subscribe/Newsletter Box Widget Lagana Important Kyu Hai.

Blog me subscribe box ko add karna isliye important hai ki aapka pura blog traffic par depend karta hai. agar apke blog par reader nahi aayenge to aapka blog fail ho jayega isliye subscribe box blog par jabardast traffic badhane ka ek saadhan hai.

Jab koi visitor aapke blog par koi post read karta hai aur usko aapki jankari pasand aajati hai ya apka blog usko pasand aa jata hai to wo aapke blog par dobara bhi aana chahega. Lekin usko ye pata nahi hota hai ki aap apne blog par new post kab likhte hai. isliye vah aapke blog ko subscribe karta hai aur jab aap new post likhenge to aapki new post ka msg uske email par pahuch jata hai. jise dekh kar wo samajh jata hai ki aapke blog par new post publish ki gayi hai isliye wo fir aapke blog par aata hai. jo aapke blog ke liye bahut badhiya hai aur traffic increase ka jariya hai.



Agar aap apne blog par subscribe box widget add kar lete hain to aapke blog ke subscriber badhenge aur aapke blog ki popularity bhi badhegi. Bahut se blogger apne blog me subscribe box widget laga lete hain lekin feedburner subscription ko active nahi karne par vah kaam nahi karti hai. Isliye agar aap apne blog par subscribe box add karte hain to apne blog me feedburner subscription active kare. Chaliye jante hain ki feedburner subscription ko activate kaise karte hain.

Blog Me Newsletter/Subscription Box Widget Kaise Add Kare

Step-1
Sabse pehle apne blogger me log in hokar Dashboard>>Theme>>Edit Html me jaye.
isme kahi par bhi click kare aur  Ctrl+F dabaye ]]></b:skin> code search kare
ab niche diye gaye code ko copy karke ]]></b:skin> ke upar paste kar de

#Dcrazy {
 padding: 15px 27px 20px;
 line-height: 30px;
 text-align: center;
 background: #2a2b2c;
width: 340px
 margin: -25px;
 border: none;
}
input.jdk {
 color: #333;
 padding: 9px;
 font-size: 14px;
 font-family: 'Fauna One', serif;
 border: 1px solid #E1E1E1;
 margin: 10px auto ;
 border-radius: 1px;
 width: 89%;
}
#Dcrazy p {
 color: #ffffff;
 font-size: 16px;
}
#Dcrazy h5 {
 font-size: 20px;
 color: #fff;
 padding: ;
 text-align: center;
}
#Dcrazy input[type="submit"] {
 background-color: #dd4242;
 border: #EEE solid 1px;
 color: #fff;
 cursor: pointer;
 padding: 15px 15px;
 font-size: 16px;
 width: 100%;
 margin: 15px auto ;
}
#Dcrazy input[type="submit"]:hover {
 background: #222;
 color: #fff;
 border: #E1E1E1 solid 1px;

}

ab Save theme par click karke theme ko save kar de

Step-2
blog ke Dashboard>>Layout me jaye
ab jaha par aap subscribe box add karna chahte hai waha par Add a Gadget par click kare

blogger blog me stylish subscribe sign up newsletter kaise lagay
Blogger me subscribe widget kaise add kare


Add a Gadget par click karne ke bad aapke samne ek popup window open hogi

add a subscribe newsletter for subscribe own blog
subscribe widget code ko khali box me dale


isme HTML/Javascript par click kare
Title me koi bhi name likhe jaise Follow By Email etc.
is khali box me niche diye hue code ko copy karke paste kar de

<div id="Dcrazy">
<h5>GET FREE LAST UPDATE</h5><p>अगर आप अपने ईमेल इनबॉक्स में नयी पोस्ट के NOTIFICATION प्राप्त करना चाहते हैं तो अभी Dcrazy.com को सब्सक्राइब करें सब्सक्राइब करने बाद आपके ईमेल पर एक लिंक आएगा उस पर क्लिक करके कन्फर्म जरुर करें</p>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=dcrazy', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="jdk" type="text" name="name" placeholder="Enter your name" />
<input class="jdk" type="text" name="email" placeholder="Enter your email ID" />
<input type="hidden" value="dcrazy" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input class="submit" type="submit" value="SUBSCRIBE NOW" />
</form>
</div>

Note:- 1. code me "अगर आप अपने ईमेल इनबॉक्स में नयी पोस्ट के NOTIFICATION प्राप्त करना चाहते हैं तो अभी Dcrazy.com को सब्सक्राइब करें सब्सक्राइब करने बाद आपke ईमेल पर एक लिंक आएगा उस पर क्लिक करके कन्फर्म जरुर करें" is Description ko aap apne hisab se set kar sakte hain. 2. Line number 6 me yellow color se highlight feedburner id ko apni feedburner id se change kar le. 3. Line number 11 me yellow color se highlight feedburner name ko hatakar apna feed name add kar le.

ab Save par click karke widget ko save kar de
iske bad finally save arrangement par click kare

Feedburner Par Email Subscriptions Service Activate Kaise Kare

Jo bloggers blogging me new hote hain unko jyadatar ye problem face hoti hai kyonki unhe pata nahi hota hai ki feedburner par email subscription activate karna hai ya nahi isliye unko reader ki taraf se subscription nahi milta hai. Bahut se blogger sochte hain ki unhe feedburner se block kar diya gaya likin aisa nahi hai. Aap apne feedburner par email subscription service activate kar lijiye. Feedburner ke bare me main aapko bata du ki ye bhi ek google ki service hai. Jiske madhyam se hum apne blog par free me email subscription start kar sakte hai. Google ki service hone ki vajah se ye bahut hi sure hai. Isliye mei aapko ise use karne ko sugest karunga.

Sabse pehle aap Google Feedburner site par jaye or My feeds par click kare
Ab apni blog ke title name par click kare. Jis blog par service activate karni hai
Ab Publicize par click kare.
Iske bad Email Subscriptions par click kare.
Activate par click kare.

Ab aapki email subscription service activate ho chuki hai. Aap apne blog par khud ki email id se ek bar subscribe karke dekh le hai. Agar blog me subscribe box widget add karne me koi problem aati hai to aap comment box me iske bare me jankari le sakte hai.

Agar aapko humari ye post pasand aayi aur aapko isse kuch fayda hua hai to apne friends ke sath share jarur kare aur humare blog ke newsletter ko subscribe bhi karle jisse aapko humare blog ki new post ka notification aapke email par prapt ho sake.

Blog Post Me Responsive or Elegant Social Share Button Kaise Add Kare

Blog ko social popular banane me social sites ka ek aham roll hota hai . isliye www.dcrazy.com par mai aapko batane ja raha hu ki blogger blog me social Elegant Look Social Share button widget kaise add karte hain. Agar aapne abhi tak apne blog par social share button nahi lagaye hai to me aapko ise use karne ki salah dunga. Because bahut se visitor aapki post ko social media par share karna chahte hain to unke liye aapke blog me share button hona bahut jaruri hai jisse aasani se aapke blog post ko log social media par share kar sake. To chaliye seekhte hain ki blog me post ke niche or upar social share button kaise lagate hain.

Blogger me post ke niche social share icon button widget kaise add kare lagaye


Blog post ko social media par share karne ke aur bhi bahut se tarike hain aap direct apni post ka link bhi social site par share kar sakte hain. But social share button ke dwara directly share karna logo ko jyada pasand aata hai. Isliye agar aap chahte hain ki aapke blog ko bhi social site par ek alag pahchan mil sake to aap bina der kiye is post ko follow karke apne blog par social share button widget apne blog me install kar sakte hain.

Agar aap achhi post likhte hain aur aapki post logo ko pasand aa jati hai to khush hokar aapki post ko share karna chahe ya aapki post ke link ko apni social site par share karke dobara visit karne ke liye rakhna chahe to wo aapke blog par social share button ko khojte hain. Agar aapke blog me social share button hota hai to aapki post wo share kar dete hain but agar aapke blog me share button nahi milta hai to logo ko share karna bahut bhari kaam lagne lagta hai. Isliye aap apne blog me social share button widget jarur add kare jisse readers ek click karke aapki post ko social media par share kar sake.



Isliye is post me mei apko bahut hi simple tarike se samjha raha hu jo aapke jaldi samajh me aajayega. Isko apne blog par lagane ke liye aapko apne blog me kuch code add karne honge. Chinta ki koi bat nahi hai yah bahut aasan hai. Is post me jis social share button ke bare me batane ja raha hu iske bare me aapko thoda sa bata deta hu ki ye share button bahut hi responsive aur elegant look hai jo aapke blog par puri tarah se mobile device par bhi behatar tarike se show hoga. isliye aap is post ko carefully follow kijiye. Ab jante hain ki How to add a responsive and stylish social share button in blogger blog.

Blog Me Responsive or Elegant Style Social Share Button Kaise Add Karte Hain


Step-1 ( Add Css Code)

Ek bat me aapko bata du ki jab bhi aap apne blog ki template me kuch bhi editing karna chahe to pehle apni theme ka backup bana le. Isliye kuch bhi mistake hone par aap dobara se apni usi theme ko upload kar sakte hain.

  1. Sabse pehle apne blog dashboard me log in ho jaye 
  2. Uske bad Theme>>Edit Html par click kare
  3. Ab aapke samne Theme ki puri coding open ho jayegi. 
  4. Is coding box me kahi par bhi click kare aur Ctrl+F dabaye
  5. Ab search box me ]]></b:skin> code ko search kare
Ab is code ko copy karke ]]></b:skin> upar paste karde

/* ######## Social Sharing Widget By Dcrazy.com ########### */
.share-box {
position: relative;
padding: 10px;
}
.share-title {
border-bottom: 2px solid #777;
color: #010101;
display: inline-block;
padding-bottom: 7px;
font-size: 15px;
font-weight: 500;
position: relative;
top: 2px;
}
.share-art {
float: right;
padding: 0;
padding-top: 0;
font-size: 13px;
font-weight: 400;
text-transform: capitalize;
}
.share-art a {
color: #fff;
padding: 3px 8px;
margin-left: 4px;
border-radius: 2px;
display: inline-block;
margin-right: 0;
background: #010101;
}
.share-art a:hover{color:#fff}
.share-art .fac-art{background:#3b5998}
.share-art .fac-art:hover{background:rgba(49,77,145,0.7)}
.share-art .twi-art{background:#00acee}
.share-art .twi-art:hover{background:rgba(7,190,237,0.7)}
.share-art .goo-art{background:#db4a39}
.share-art .goo-art:hover{background:rgba(221,75,56,0.7)}
.share-art .pin-art{background:#CA2127}
.share-art .pin-art:hover{background:rgba(202,33,39,0.7)}
.share-art .lin-art{background:#0077B5}
.share-art .lin-art:hover{background:rgba(0,119,181,0.7)}


Step.2 (Add Html Code)

Ab dobara Ctrl+F daba kar <data:post.body/> search kare

Ab is code ko copy karke <data:post.body/> ke niche paste kar de

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='share-box'>

          <h8 class='share-title'>Share This:</h8>
               <div class='share-art'>
<a class='fac-art' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'/><span class='resp_del'> Facebook</span></a>

<a class='twi-art' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/><span class='resp_del2'> Twitter</span></a>

<a class='goo-art' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/><span class='resp_del3'> Google+</span></a>

<a class='pin-art' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest'/><span class='resp_del4'> Pinterest</span></a>

<a class='lin-art' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin-square'/><span class='resp_del5'> Linkedin</span></a>

</div>
         </div>
               
      <div style='clear:both'/>
</b:if> 


Note:- 1. Blog Template (theme) me <data:post.body/> kai jagah par hota hai isliye agar ek ke niche kaam nahi karta hai to dusre ke niche code paste karke dekh le.  
2. Agar aapko ise search karne me pareshani ho to aap <div class='post-footer'> or <div class='post-footer-line post-footer-line-1'></div>. ko search karke kar sakte hain.

Step-3 (Add Fontawesome)

IS social share button widget ko work karwane ke liye aapko apne blog me fontawesome install karna padega.

Isliye template (theme) me Ctrl+F press kare aur </head> code search kare

Ab niche diye gaye code ko copy karke </head> ke upar paste kar de

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>


Finally Save Theme par click karke theme (template) save kar de

Conclusion

Congratulations !! ab aapke blog me social share button add ho chuke hai. Ek bar apne blog ko open karke check kar sakte hain ki aapne jo social share button widget add ki wo thik se kaam kar rahi hai ya nahi. Ye social share button bahut hi simple aur stylish elegant look hain isliye har blogger inko pasand karega. Ab aap bhi apne blog me post ke niche/upar social share widget add karna seekh gaye honge. Agar aap ko ya post samajh me aayi ho to aap aasaani se apne blog me ise add kar sakte hai.

I hope aapko bhi ye post pasand aayi hogi agar aapko ye jankari achhi lagi to apne dosto ke sath shre jarur kare aur agar aapka koi aur sawal ho to aap comment me puch sakte hain.

FOLLOW ON SOCIAL MEDIA

LAST RECENT POSTS

GET FREE EMAIL ALERT

GET FREE LAST UPDATE

अगर आप अपने ईमेल इनबॉक्स में नयी पोस्ट के NOTIFICATION प्राप्त करना चाहते हैं तो अभी सब्सक्राइब करें सब्सक्राइब करने बाद आपके ईमेल पर एक लिंक आएगा उस पर क्लिक करके कन्फर्म जरुर करें