अक्तूबर 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 ............*/ .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.
loading...
If You Enjoyed, Share this post on social media.
Oh! You Like This Post Very Good.

Subscribe Newsletter Today And Get Latest Updates Free

Article by: Sharuf Khan

He is a professional hindi blogger and share regular new content in hindi for begginers. You can subscribe our blog newsletter and get new updates daily. learn more about us then click here.


2 टिप्‍पणियां:

  1. Ye post mujhe bahut hi kaam ka laga hai lekin aapne apne blog ko copyright protected kiya hua hai. Is wajah se aapke dwara diya gaya code copy nahin ho raha hai. Aap yadi koi bhi code provide karein to usmien protection remover code jarur lagayein taki wo part copy kiya ja sake.

    उत्तर देंहटाएं
    उत्तर
    1. Maine ise fix kar diya hai ab aap aasani se code ko copy kar sakte hain.
      Thanks for suggestion

      हटाएं

Welcome To Dcrazy.com. अगर आपका कोई सवाल है तो आप कमेंट में पूछ सकते हैं. लेकिन आपसे Request है की कमेंट में अभद्र शब्द का प्रयोग ना करें और बिना जरुरत के कोई भी लिंक कमेंट में Add ना करें. धन्यवाद् !!!

FOLLOW ON SOCIAL MEDIA

loading...

LAST RECENT POSTS

GET FREE EMAIL ALERT

GET FREE LAST UPDATE

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