हमारे बारे में हमसे संपर्क करें टिप्स और ट्रिक्स ऑनलाइन पैसे कैसे कमायें फ्री वेबसाइट कैसे बनायें
Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

October 23, 2017

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 ? Blog Ke liye Sitemap Page Kaise Banaye In Hindi. 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 */
.mapasite {
    margin-bottom: 10px;
    background-color: #F8F8F8
}
.mapasite.active .mapa {
    display: block
}
.mapasite .mapa {
    display: none
}
.mapasite h2 {
    background-color: #EEE;
    color: $(primary.color);
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 2px;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 700
}
.mapasite h2 .botao {
    font-size: 18px;
    line-height: 1.2em
}
.botao .fa-minus-circle {
    color: #f30
}
.mapapost {
    overflow: hidden;
    margin-bottom: 20px;
    height: 70px;
    background-color: #FFF
}
.mapa {
    padding: 40px
}
.map-thumb {
    background-color: #F0F0F0;
    padding: 10px;
    display: block;
    width: 65px;
    height: 50px;
    float: left
}
.map-img {
    width: 65px;
    height: 50px;
    overflow: hidden;
    border-radius: 2px
}
.map-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
}
.map-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
}
.mapapost .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
}
.mapapost .wrp-titulo a {
 
}
.mapapost .wrp-titulo a:hover {
    color: #f30;
    text-decoration: underline
}
.map-meta {
    display: block;
    float: left;
    overflow: hidden;
    padding-left: 25px;
}
.mapasite h2 .botao {
    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 mapLabel = $(this);
                var mapLabel_text = $(this).text();
                $.ajax({
                    url: "/feeds/posts/default/-/" + mapLabel_text + "?alt=json-in-script",
                    type: 'get',
                    dataType: "jsonp",
                    success: function(data) {
                        var posturl = "";
                        var htmlcode = '<div class="mapa">';
                        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="mapapost"><div class="map-thumb"><div class="map-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="map-meta"><span class="p-author">' + author + '</span><span class="p-date">' + date + '</span></div></div>'
                        }
                        htmlcode += '</div>';
                        mapLabel.replaceWith('<div class="mapasite"><h2>' + mapLabel_text + '<span class="botao"><i class="fa fa-plus-circle"></i></span></h2>' + htmlcode + '</div>');
                        $(document).on('click', '.mapasite h2', function() {
                            $(this).parent('.mapasite').addClass('active');
                            $(this).find('.botao .fa').removeClass('fa-plus-circle').addClass('fa-minus-circle');
                        });
                        $(document).on('click', '.mapasite.active h2', function() {
                            $(this).parent('.mapasite').removeClass('active');
                            $(this).find('.botao .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.

Blogger dashboard me pages >> New Page par click kare

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

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

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

[Sitemap]


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

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.

October 16, 2017

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.


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 पर क्लिक करें 




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



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 me Contact Form Kaise Add karte Hain ?
» Blogger KI Template Ko Change Kaise Karte Hain?

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? के बारे में अच्छी तरह जान गए होंगे अगर कोई भी टॉपिक समझ में नहीं आये तो आप हमसे कमेंट में पूछ सकते हैं

October 11, 2017

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.

FOLLOW ON SOCIAL MEDIA

LAST RECENT POSTS

GET FREE EMAIL ALERT

GET FREE LAST UPDATE

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