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

The Secret Of Blogger blog ke liye sitemap submit kaise kare


Hello blogger Blog Ke Liye Sitemap Easily Create Kaise Kare, Aur Webmaster Tools, Search Console Me Sitemap Submit Kaise Karte Hain. blog website ke liye XML sitemap Kaise banaye aur sitemap Google webmaster tools me Kaise submit add kare in hindi. sitemap kya hai? XML sitemap kaise banaye blog ko google search me kaise laye sitemap ko google search console me kaise add Kare. Ye Sab main isi post main bataon gi me old post me allready Bata chuki Hun Blog ke Liye HTML sitemap page Kaise Banaye. agar ap blogging karte hain aur blogging main success pana chahte hain to aap ko SEO ke related mere all article read karne chaye google search console google webmaster tool ka old name hai ap blogger hain to ap ne webmaster tool ka name to suna hi hoga? Blog ke liye google xml sitemap ko hum google webmaster tool main hi add submit Karen ge Jo submit karna bhut hi easy hai.


Add-sitemap-search-console-webmaster-tool




XML Sitemap kya hai? iske kya benefit hain?

Aoa XML sitemap google indexing ka URL hai Jo hamare blog ke link URL ko google search ki nazar tak ke ke jata hai. Ye apki sites ke urls se full hoi ik small si file hoti hai, mere kehne ka MATLAB hai ap ki blog par jitni bhi fresh articles hain WO sitemaps ke zarye google and othe sarch engined me index hote hain.

Sitemap ko search console webmaster tools main submit add karne ke benefit bhi ap ko andaza ho chuka hoga chalo main samjha deti hon XML sitemap ko ko submit karne ke benefits beshumar hain. 
  1. Actually agar aap blogging se earn karna chahte hain to sitemap add karna bhi isi ka hissa hi samjhe.
  2. Waja ye hai jab ap ke articles google other search engines main index nahi honge phir ap ko search engines se traffic receive nahi hogi.
  3. So hamare articles par high traffic reacieve na ho to Google adsense se aap earn karne karne ke bare me na soche.
  4. Google AdSense se ap ki earning bhi tab hogi jab AdSense ads par by hand traffic clicks honge.  Tab aap ko AdSense payments de ga 
  5. Mere kheyal se ap samjh chuke hoon ge "XML sitemap google webmaster tool me submit" na karne ki waja se ap kitne door ja sakte ho.
  6. So plz ap webmaster tools main sitemap ko zroor submit kare main kisi ko Ghalt way nahi dikhati ye blog Maine sirf ap ki help karne ke liye start kiya hai.

Sitemap Kaise Submit Kare Google Search Console Main.

Sitemap kaise banaye main ap ko btati hon hamara site URL google already add hai  aap ne pehle submit kiya hoga bs hame waha apni site name ke agey sitemap. Xml likhna hai simple main bats chuki ye ik small si file kuch keywords par mushtmil hai.


Follow

  1. First go to Webmaster Tools. Dashboard par aa kar.
  2.  Google index par click kare.
  3. phir Crawl par click kare,
  4. pair ap Sitemaps par click kar de.

Sitemap-kaise-submit-kare



Now jaise hi ap sitemap par click kro ge pop-up widow open hoi hogi? .

  1.  Add a sitemap par click Karen.
  2. Space wali jaga par sitemap.xml likh de ya niche wala code copy kar ke past kar de



3.  Submit par click Karen.
4.  Last Refresh page par click kar de.

How-to-submit-sitemap-to-google-webmaster-tools

 ab aap ke blog ka sitemap google search console me add ho gaya hai, sitemap URL ke samne “Pending” liha hua hai. iska matlab hai, aapne abhi abhi GWT me sitemap add kiya hai or ise activate hone me thoda waqt lagega, isme 5-7 minutes se le kar 1 hours bhi lag sakta hai.


Jab aapki blog ka sitemap active ho jayega to aap usme dekh sakte hai ki google search engine ne sitemap se kitne url’s submit kiye hai. aap isme indexed or submitted dono urls dekh sakte hai. post, pages url ke sath hi aap apni site ki images or videos ka result bhi dekh sakte hai



Kaisi lagi ap ko ye post apna feed back zroor de aur socially sites par share karna mat bholye ga thanks for visit.

Blogger blog me Custom robots.txt and Custom robots header tags Enable kaise kare


Blogger Blog par jab New Blog  Banate Hain to hame ye pata nahi hota blogger KE bane blog ki setting Kaise kare '' Blogger SEO Settings,, Custom Robot.txt file Aur Custom Robot Header Tag Bhi Blog website ko Search engine friendly banane main successful help Karta hai, To Friends me aap ko bataon gi Custom-Robot.txt-aur-Custom-robot-header-tag-file-blog-me-kaise-add-kare. Is file ko aap ( Blogger Ki Advanced SEO Setting  Enabled ) bhi Keh sakte hain. Zyada bat ko na badhate howe chalte Hain Apne Main topic ki taraf. AOO Jante Hain Blog Website me Custom Robot.txt file Aur Costom-robot header tag Kaise add Aur enable Kare.




Custom robots header tags kaise enable kare


Blogger Blog me Custom robots.txt FileAur Custom  Robot Header Tag kaise kare


Blogger website me custom robots.txt enable karne ke liye mucho steps follow kare.


  1. Sab se pehle aap blogger dashboard par jaye settings par click kare
  2. Search preference par click kare
  3. Custom robots.txt edit par press kare
  4. Custom robots.txt ke samne yes par click kare popup window open hogi custom robots.txt enter karne ke space nazar aye gi aap ko Yaha niche wala code copy kar ke past kare bloggerdsense ki jaga apni site link replace kar le
  5. Or save par click kar de.
How-to-enable-custom-robots.txt-in-blogger










Blog main custom header tags kaise enable kare

Custom robots.txt aur custom robots header tags dono ek sayh hi rehte hain custom header tags enable karne ke liye follow

  1. Homepage : ke niche all par par check kare or Nodp par press kare
  2. Archives and search page: ke niche no index par check kare
  3. All par check kare and no archive par bhi check kar de.

Custom header tags kaise enable kare







Ab aap ke blog me custom robots.txt and custom header tags enable ho chuke hain.

Also read: How to add sitemap in google webmaster tools

How to submit blog website in yandex webmaster tools.












Top 10 Secret Tips, Blog Par SEO Optimize Articles Kaise Lihke


Blog Par SEO Friendly Post Kaise Likhe, SEO ready Post Likhne ke Tarike, Search Engine Optimize Articles Kaise Likhe, SEO Friendly Articles Kaise Likhe.Top 10 Secret Tips For Blogger And WordPress user. Hello Friends main aapko blog par (SEO Friendly) article likhne ke bare me btaungi. Is article me btayi gayi SEO tips ko follow karke aap blog (Blogger par ho ya wordpress) par search engine optimized content likh sakte ho.

Blog-seo-optimize-articles-kaise-likhe
SEO Secret Tips For Bloggeradsense
Visters.



Jab aap koi post article likhte ho to uska SEO karna jaruri hai taki aapki post google search results me top rank kar sake. Isse aapko jyada visitor milte hai or aapki site ki income bhi increase hoti hai agar aap apni blog ki all new and old post ko seo karna chahate ho to bhi hmara ye article aapke liye useful hai.


So agar aap apni site ko google me top search position par dekhna chahate ho to bloggeradsense ki SEO category wali all posts continue read kiya kare, abhi bhi aapko is blog par kai sari seo post mil jayegi. To chaliye jante hai apne blog par seo friendly post kaise likhte hai?


Blog Par SEO Friendly Articles Kaise Likhe? Top 10 Secret Tips For Blogger.

Blog Website par SEO friendly article kaise likhe ki full information top 10 Secret Tips for Bloggeradsense visters . Post content ko bad me SEO friendly kaise banaye, SEO ready article kaise likhe all information aap Jan jao ge.


#1 .  Post descriptions .

Jab aapGoogle Ya Kiss bhi search engine me post search karte hai to usme title ke just niche post link aur kuch line me word show hote hai vo post ka description hota hai Jo ki seo ke liye bahut important hai. Us me 150 words me Post title aur post ke related hi keyword likha kare.


#2 .  Post Titles.

Aapki post ko search engine friendly seo karne ke liye aapke post ka title ka bahut important role hota hai agar aap apne blog ka title seo karna sikh jate hai to aap aapni post ka 40% seo complete kar lete hai post ke title me kam se kam 1-2 keywords use karne chahiye or title me kuch special word bhi add kare jaise most, popular, top 10, latest etc. Aise word use Kiya kare aur numeric word bhi use Kiya kare titles aur description me.


#3.  Blog Post Images.

Jab aap koi post likhte ho to usme aapko image add karne ka option milta hai sabhi blogger apni post Me images use bhi karte hai par kai log apni post image ko seo Optimize nahi karte jisse unko acchi rank nahi mil pati hai so post images ko SEO Optimize Karne ke liye image par click Kar ke Property par press Kar ke images ko bhi SEO Friendly banaye.

Agar aap blog post me koi image add karte hai to vo image copyright nahi honi chahiye or use acchi tarah se design kar ke resize kare or iske bad use post me add kare.


#4.   Internal Links.

Blog post me visitor ko ek post se dusre post par transfer karne ke liye post me apne blog ki dusre dusre post ki link add ki jati hai use internal linking kahte hai.


#5.  Images Alt Tag.

Kisi bhi post ke image ke SEO ke liye title tag or alt tag bahut important hote hai isse google aapki image ko acche se track kar pata hai or aapko better result bhi milte hai jab aap post me photo add karte ho to usme edit ke option me aapko title tag or alt tag use karne ka option milta hai.

Isme aap us post se related alt tag use kare or usme main keyword ke sath kuch aur jaruri keywords bhi add kar de isse aapki post ki image bhi seo ready ban jati hai or puri post ko rank karane me help karti hai.


#6 .  Post Heading.

Jab aap post likhte hai to uske paragraph ko samjane ke liye jo title aur headlines use karte hai use heading kahte hai. Isse visitor aapki post ko acche se samaj pate hai.

Blog post editor me H1 – H6 total 6 heading hoti hai jise aap apni jarurat ke hisab se use kar sakte hai ye seo ke liye bahut jaruri hai agar aap heading use nahi karte to post rank hona bahut muskil ho jata hai aapki post ki ranking or visitor ke liye heading ka bahut important role hota hai. Heading ke alawa aap post me highlight words, bold, italic etc. ka bhi use kare, isse content attractive banta hai.


#7 .  Usefully Post Keywords.

Post ko search result me top me lane ke liye keywords ka istmaal karna jaruri hai. Koi bhi visitor search engine me konsa word jyada search karta hai search engine main word ko track kar leta hai vo keywords hote hai.

Aap Google keywords planner ya other kisi bhi tool se apne liye better keyword search kar sakte ho ye aapki post ke seo ke liye bahut jaruri hote hai jab aap post likhte hai to 1st and Last paragraph me jyada keywords ko use kare search engine se high traffic ke liye keywords ka bahut bada role hota hai. So ise na miss kare.


#8.  Post Words Content Length.

Aapki post ke SEO liye aap kitne word ki post likhte ho ye bahut important hota hai agar aapki post kam word me likhi hui hai to use rank Milne me kafi time lag jata hai ya fir vo kabhi rank nahi ho pati hai.

But agar aap minimum 700-1000 words tak ki post likhte hai to aapki post acche se SEO ready ho jati hai or post rank hone me aasani hoti hai. Ab aap koi bhi post likhe to kam se kam 1000 word jarur use kare.

Note: Articles bada karne ke liye faltu words add naa kare post me Jo important hai vo hi paragraph ki shakal me likhe.


#9 .  Post URL.

Jab aap kisi post ka title likhte ho to uska URL permalink automatic generate ho jata hai par vo seo ke liye utna batter nahi hota iske liye aapko apne post URL ko manually generate karna chahiye. Post URL Jab aap kisi post ka title likhte ho to uska URL permalink automatic generate ho jata hai par vo SEO ke liye utna batter nahi hota iske liye aapko apne post URL ko manually generate karna chahiye.


#10 .  Post Sharing.
Post likhne ke bad sabhi log apni post ko social media par jarur share karte hai jisse ki unke friends ko post ke bare me pata chal sake aur unko better result mil sake jab aap apni post ko social account jaise Facebook, twitter, google+ etc. par share karte hai to isse off page seo hota hai.

Ye aapke visitor badhane ke liye bahut jaruri hai or social media par post share kar ke aap apne blog ki Domain authority or page authority bhi increase kar sakte ho Jo 1st rank ke liye important hoti hai.


Ye thi blog par seo friendly post likhne ki SEO Optimization information. Post me sab kuch short me btaya gaya hai, ummid hai aapko ye jankari pasand aayegi. Agar aapko mera ye article achha lage to ise social media par share jarur kare.



Ye Bhi Padhe :





Hindi Blogger Apne Blog Website Ke Liye High Quality Keyword Kaise Searh Kare


Hindi Blogger Apne Blog Website Ke Liye High Quality Keyword Kaise Search Kare For Search Engine top ranking. Blog post Ke Liye High Quality Keyword seacse karne ki Jankari: English Language all world Me use ki jati hai but Hindi language zyada county me available nahi hai, Hindi blog par SEO Friendly Post likhna Itna mushkil bhi nahi hai, Niche blog jis par high quality ki 100 posts ho wo search engine se 500+ post wale low quality content blog se unlimited traffic recieve karta hai. Aaj hum bat karne wale hai ki high quality post title kaise create karte hai. Uske liye top ranking keywords kaha se pata karte hai. Agar aapko apni website par search engine se traffic increase karna hai to is post ko carefuly read kare. 

Hindi-blogger-blog-website-ke-liye-keyword-kaise-seach-kare
Keyword Searching for hindi Blogger.

Bina keywords use kiye aap 100 post bhi apni site par share kar doge to bhi aapko search engine se traffic nahi milega jitna aapko 10 best quality article se mil sakta hai. Isliye ye bat sabse important hai ki Blog SEO ke liye high ranking posts kitne jaruri hote hai. Agar aap blogging me kamyab hona chahate ho to blog SEO ke bare me aapko basic jankari jarur honi chahiye. JIsse aap Black Hat SEO Vs White Hat SEO ki mistakes karne se bach sako or apne blog ko search engine friendly bana sako.

By the way mai bat kar rahi thi blogging seo ki to mere sabhi readers ko mai recommend karti hu ku ki blogging me sabse jyada jaruri blogging seo ko samajhna hota hai. Bina seo ki jankari kr post likhna bilkul wesa hi hai jaise bina battery ke andhere me chalna hota hai. So blogging ki tourch SEO ko kabhi bhi miss kna kare or iske bare me jitna ho sake jankari recieve kare.
High quality keywords hona blog post topic me jaruri hai. Aaapki post me jitne high ranking keywords honge aapko search engine se utna jyada traffic milega. Isliye apni har ek post me kam se kam 1000 words jarur use kare. Jisse search robot ko aapki post me jyada keyword mil sake or wo aapki post ko jaldi index kar sake.



High Quality Keywords Post Topic Kaise Banate Hai? Using Hubspot Generator.

Hubspot-top-ideas-title-generator

Hubspot ek aysi  success usefull website hai. Jis par online top ranking blog post generate karne ki tool hai. isme aapko sirf keywords enter karne hai or ye tool aapko us keywords ki high quality article title bana kar degi.

Hubspot top ideas generator use karne me bahut hi simple hai or ko bhi new blogger aasani se is tool par apne blog ke liye high ranking topics create kar sakta hai. Isi wajah se mai aapko is tool ke bare me bta raha hu kyuki aksar keywords check karne ki bahut si tools use karne me bahut jyada hard hoti hai or new blogger unhe use hi nahi kar pate hai.




Chaliye mai aapko hubspot tool par blog ke liye high rankig post title kaise search karte hai ke bare me bhi bta deti hu. Aap ye step follow kar ke aasani se apni site ke liye ache ache topic generate kar sakte ho.

Step 1:

Sabse pahle aap hubspot ki blog topic generate tools par jaye. Ab aapko jaisi post ka topic banana hai usse related 3 keywords enter karne hai.


  1. Jis tarah maine apni site se related keywords use kiye hai aap bhi apni site se related koi bhi keyword enter kare.
  2. Apna asecond keyword add kare.
  3. Apna tisra keyword enter kare.
  4. Give Me Blog Topics par click kare.


Enter-title-keyword


Step 2:

Ab aapke samne aapke high quality keywords se related 4-5 top ranking post topics show honge. Aapko jo sabse jyada pasand aaye use apni blog par use kar sakte ho.
Hubspot-title-generetor-result

So Agar aapka blog english language me hai to aapko koi problem hi nahi hai or agar aap hindi blogger hai to bhi aap hubspot ki btayi 4-5 post title me se kisi bhi topic ki hindi karke us par post likh sakte ho.

Ab aapko high quality topic mil gaye hai. Iska matlab ye nahi hai ki aap direct yaha se topic copy karke apne blog par use kar sakte ho. Ye ideas tools sirf aapko high quality cpost topic create karne me help karti hai. Or aap yaha se sirf top post title banane ka idea le sakte ho. Islie sidhe post topic ko copy na kare. Use samajh kar apni post ka high quality title bana sakte ho.


Top ranking keywords ready post topic milne ke bad agar aap apni post me ye soch ke 500-700 words use karoge ki ab to mujhe top ranking post ka topic to mili hi gaya hai. So meri post search engine me first ranking me hogi. Nahi, Bilkul Nahi aapko high quality post title ke sath post me bhi top keywords use karne hai or ek post me minimum 1000 words use karne hai.

I hope aapko is post me blogging SEO ki helpful jankari milegi. Or aapki blog par new post likhne ke liye topic search karne ki problem solve ho jayegi. Agar mai sahi hu to mai aapse ummid karti hu ki aap is post ko share jarur karoge or post ke bare me commnet me apne thoughts bhi share karoge. Blogging SEO guide ke lie humare blog ko abhi Subscribe kare.

YE BHI PADHYE :

Facebook like box widget blogger blog par kaise lagaye



Facebook like box widget for blogger facebook all world se no 1 social site hai Facebook par daily milion peoples login hote hain Facebook page like likes bhi badge gain Facebook like box widget se. website par traffic badhne ke lite Facebook bhut VIP zarya hai. Agar aap bhi Facebook use karte hain to Facebook par blog website ki promotion kar ke "blog ki traffic banaye"




How-to"add-facebook-like-box





Ham sab jante hai ki social media site Facebook ek aisi website hai jo bahut kam samay me popular ho gayi hai, Is par per day karodo user online rahte hai. Isiliye ham sab Bloggers ke liye bahut hi achha platform hai jis par ham free me apne blog ya website ka promotion kar sakte hai, jisse hame website ke liye achha traffic bhi milta hai. Facebook par apne blog ke liye ek page banate hai jisse hamare blog ki popularity badhti hai jo ki bilkul free banaya jata hai.



Facebook like box gadget blog website par kyu lagaye

Blog website par Facebook like box add karne se aap ko bhut benefit mile ge. Apne blog me facebook like box lagana bahut jaruri hai kyonki isse aapke facebook fan page ke likes and site ke subscriber increase hote hai, Ab aap soch rahe honge ki isse subscriber ka kya sambandh hai.

to me aapko batana chahunagi ki jab koi aapke Fb page ko like karta hai to vo aapke page ka subscriber ban jata hai matlab jab aap apne blog par koi new post publish karte hai aur use apne Facebook page par promotion share karte hai to vo post un subscriber tak automatically pahunch jati hai aur vo use padhne ke liye click karte hai to aapke blog par aa jate hai jisse aapke blog ka traffic increase hota hai.





Bloggerdsense demo fb fan page

Blog par Facebook like box kaise lagaye? Fb like box widget for blogger

Blog par Facebook like box add karne ke liye blog select kare jis par lagana hai blogger dashboard par aye.





  • How to add stylish coding box widget in blogger below every article.



    1. Blog layout par click kare,
    2. Side bar me add a gadget par press kare,
    3. New window me HTML jave script par press kare,
    4. Title : yahan fb fan page ka title enter kar,
    5. Niche se code copy kar ke khali space par past kar de,
    6. Save par click kar de.
    add-facebook-like-box-widget-in-blogger

    Friends ap ka Facebook like box add ho chuka hai enjoy plz don't forged to like my fb fan Page


    Sitemap: HTML Sitemap Page Kaise Banaye Blogger Blog Me



    Create-html-sitemap-in-blogger


    How to create HTML sitemap Page in blogger: blog ka HTML sitemap page kaise banaye kaise create Kare. Agar aapki koi website blog hai to aapne Google search console me apni usko add karke apni site ka .xml site map jarur add kiya hoga, agar nahi kiya to abhi kare ye bhut jaruri hai hamari site ko search me achi se index karne ke liye.. Ussi trha HTML SiteMap bhi hota hai jiske bare me ham aaj baat karongi.

    Start karne se phele aap ek bar mera HTML Site Map dekh lijiye aapko sab samaj aa jayega ki ye kya hai or iska kya use hai.

    Sitemap Page Kya Hai? What is HTML Sitemap.


    Html Site Map simple hamari puri Post ki list hoti hai, jiski help se Search Engine ko hamari site ko jaldi se index karke post ko search me dikhne me madad milti hai. Site Map ham 2 trha ke bana sakte hai –

    .xml Site Map: ye sirf search engine ke liye hota hai, jiski madad se hamari post ko search me aane me madad milti hai Google search engine index karta hai is ki help se.
    .html Site Map: is site map me bhi hamari all articles ki list hoti hai, par ye HTML format me hone ki baja se ham bhi usko pad sakte hai, jisse ek faida ye hai ki hamare visitor ko hamari puri post ki list ek page par mil jayegi or wo jiskopadna chahe pad sakte hai.




    HTML SiteMap Page kaise Banaye? Blogger Blog me.


    Post ki length ziyada long na karte huee simple me aapko batati hu kya karna hai, HTML SiteMap banane ke liye Blogger me.

    Step 1: Apne Blogger ke Dashboard me jae.

    1. Pages par click Kare.
    2. New pages par press Kare.

    Add-html-sitemap-page-in-blogger


    Step 2: Ab jo Page Editor me Title me jo aap chahe Daal sakte hai.. Example (All Post, SiteMap, Puri Post, Articles.)
    Page ki Body me ye niche wala copy kar ke dalna hai, Compose to HTML section me.



    HTML Page Widget For Blogger.
    <script type='text/javascript'>
    
    var postTitle = new Array();
    var postUrl = new Array();
    var postPublished = new Array();
    var postDate = new Array();
    var postLabels = new Array();
    var postRecent = new Array();
    var sortBy = "titleasc";
    var numberfeed = 0;
    
    function bloggersitemap(a) {
        function b() {
            if ("entry" in a.feed) {
                var d = a.feed.entry.length;
                numberfeed = d;
                ii = 0;
                for (var h = 0; h < d; h++) {
                    var n = a.feed.entry[h];
                    var e = n.title.$t;
                    var m = n.published.$t.substring(0, 10);
                    var j;
                    for (var g = 0; g < n.link.length; g++) {
                        if (n.link[g].rel == "alternate") {
                            j = n.link[g].href;
                            break
                        }
                    }
                    var o = "";
                    for (var g = 0; g < n.link.length; g++) {
                        if (n.link[g].rel == "enclosure") {
                            o = n.link[g].href;
                            break
                        }
                    }
                    var c = "";
                    if ("category" in n) {
                        for (var g = 0; g < n.category.length; g++) {
                            c = n.category[g].term;
                            var f = c.lastIndexOf(";");
                            if (f != -1) {
                                c = c.substring(0, f)
                            }
                            postLabels[ii] = c;
                            postTitle[ii] = e;
                            postDate[ii] = m;
                            postUrl[ii] = j;
                            postPublished[ii] = o;
                            if (h < 10) {
                                postRecent[ii] = true
                            } else {
                                postRecent[ii] = false
                            }
                            ii = ii + 1
                        }
                    }
                }
            }
        }
        b();
        sortBy = "titledesc";
        sortPosts(sortBy);
        sortlabel();
        displayToc();
    }
    
    function sortPosts(d) {
        function c(e, g) {
            var f = postTitle[e];
            postTitle[e] = postTitle[g];
            postTitle[g] = f;
            var f = postDate[e];
            postDate[e] = postDate[g];
            postDate[g] = f;
            var f = postUrl[e];
            postUrl[e] = postUrl[g];
            postUrl[g] = f;
            var f = postLabels[e];
            postLabels[e] = postLabels[g];
            postLabels[g] = f;
            var f = postPublished[e];
            postPublished[e] = postPublished[g];
            postPublished[g] = f;
            var f = postRecent[e];
            postRecent[e] = postRecent[g];
            postRecent[g] = f
        }
        for (var b = 0; b < postTitle.length - 1; b++) {
            for (var a = b + 1; a < postTitle.length; a++) {
                if (d == "titleasc") {
                    if (postTitle[b] > postTitle[a]) {
                        c(b, a)
                    }
                }
                if (d == "titledesc") {
                    if (postTitle[b] < postTitle[a]) {
                        c(b, a)
                    }
                }
                if (d == "dateoldest") {
                    if (postDate[b] > postDate[a]) {
                        c(b, a)
                    }
                }
                if (d == "datenewest") {
                    if (postDate[b] < postDate[a]) {
                        c(b, a)
                    }
                }
                if (d == "orderlabel") {
                    if (postLabels[b] > postLabels[a]) {
                        c(b, a)
                    }
                }
            }
        }
    }
    
    function sortlabel() {
        sortBy = "orderlabel";
        sortPosts(sortBy);
        var a = 0;
        var b = 0;
        while (b < postTitle.length) {
            temp1 = postLabels[b];
            firsti = a;
            do {
                a = a + 1
            } while (postLabels[a] == temp1);
            b = a;
            sortPosts2(firsti, a);
            if (b > postTitle.length) {
                break
            }
        }
    }
    
    function sortPosts2(d, c) {
        function e(f, h) {
            var g = postTitle[f];
            postTitle[f] = postTitle[h];
            postTitle[h] = g;
            var g = postDate[f];
            postDate[f] = postDate[h];
            postDate[h] = g;
            var g = postUrl[f];
            postUrl[f] = postUrl[h];
            postUrl[h] = g;
            var g = postLabels[f];
            postLabels[f] = postLabels[h];
            postLabels[h] = g;
            var g = postPublished[f];
            postPublished[f] = postPublished[h];
            postPublished[h] = g;
            var g = postRecent[f];
            postRecent[f] = postRecent[h];
            postRecent[h] = g
        }
        for (var b = d; b < c - 1; b++) {
            for (var a = b + 1; a < c; a++) {
                if (postTitle[b] > postTitle[a]) {
                    e(b, a)
                }
            }
        }
    }
    
    
    
    function displayToc() {
        var a = 0;
        var b = 0;
        while (b < postTitle.length) {
            temp1 = postLabels[b];
            document.write("");
            document.write('<div class="post-archive"><h4>' + temp1 + '</h4><div class="ct-columns">');
            firsti = a;
            do {
                document.write("<p>");
                document.write('<a " href="' + postUrl[a] + '">' + postTitle[a] + "");
                if (postRecent[a] == true) {
                    document.write(' - <strong><span>New!</span></strong>')
                }
                document.write("</a></p>");
                a = a + 1
            } while (postLabels[a] == temp1);
            b = a;
            document.write("</div></div>");
            sortPosts2(firsti, a);
            if (b > postTitle.length) {
                break
            }
        }
    }
    
    </script>
    
    <script src="http://Bloggeradsense.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>
    Blog URL: BloggerAdSense.Com
    Ki Jaga apne blog ka URL enter Kare.
    Step 3 . 
    Adding-html-sitemap-in-blogger



    1. Title enter Kare HTML sitemap Page ka.
    2. Compose to HTML select Kare
    3. Blogger HTML post body ki Java code past kare.
    4. Don't allow par press kare.
    5. Final Publish par click Kare.



    Don't miss:



    Happy Blogging!
    You have successfully added an HTML based sitemap page on your blog. Place your Site Map page link, wherever you would like to show your Site Map page. You can also apply different themes on this sitemap provided by BloggerAdSense. For any issues related to above Tutorial Please Comment Below. Stay Updated, Browse BloggerAdSense! :)



    5 Beautiful Email Widget Blogger Blog Me Subscribe Box Kaise Lagaye



    Email-subscribe-box-widgets-for-blogger


    5 Stylish Email Subscribe box widget for Blogger: blog me feedburner email subscription box Kaise lagaye Kaise Add kare blog me subscribe box Kaise Lagaye, blogger me beautiful email subscribe box widget kaise use kare "feedburner" ki help se unlimited Email subscribers se traffic drive ki ja Sakti hai, 5 Beautiful Stylish email. Subscribe box widget add kar ke subscribers se traffic drive kare. Blog me subscribe widget add karne ka simple tarika mai aapko meri pichli post Blog Me Email Subscribe Widget Kaise Add Kare me bta chukhi hu. aaj is post me aapko kuch stylies subscribe widget ki coding bta rahi hu. aapko jo pasand aaye wo widget add kar sakte ho.





    Blog me subscribe widget kyu jaruri hai. iske bare me to aap jan hi gaye honge. agar aapko nahi pata to upar di gayi post pad le. ab mai post ko lamba na karte huye direct subscribe widgets ke code bta rahi hu.



    Top 5 Beautiful Custom Email Subscription Box Widget for blogger.

    Ye 5 Subscribe code mai bta rahi hu. ye sab fast loading hai. jisse aapke blog ke loading speed time par koi fark nahi padega. ya fir aap ek bar sabko try karke dekh sakte ho. aapko jo acha lage wohi subscribe widget apne blog me add kare.

    Niche diye gaye sabhi code aap direct blog ke layout par ja kar widget me HTML jave script add kar sakte ho.


    1. Very Fast Loading Subscribe Widget

    mujhe ye subscribe widget sabse acha lagta hai. kyuki ye meri blog ki theme (template) se related hai or customized stylish beautiful fast loading widget hai.


    Stylish-email-subscription-box-widget-blogger

    <style type="text/css">
    .hbzsub {
        background-color: rgb(87, 98, 105);
        width: 100%;
        height: 100%;
        padding: 5px;
        box-shadow: 0px 0px 5px rgb(87, 98, 105);
    }
    
    .hbzform-inner {
        text-align: center;
        color: rgb(255, 255, 255);
        font: bold 16px "trebuchet MS","Tahoma";
    }
    
    .hbzemailform {
        width: 240px;
        margin: 10px auto;
    }
    
    #hbzemailbox {
        background-color: #798187;
        color: #FFF;
        width: 208px;
        border: 1px solid #697780;
        padding: 15px;
        text-align: center;
        height: 18px;
        box-sizing: content-box;
    }
    
    #hbzemailbutton {
        background-color: rgb(243, 93, 92);
        border: 1px solid rgb(215, 84, 83);
        color: rgb(255, 255, 255);
        width: 240px;
        font: bold 16px "trebuchet MS","Tahoma";
        padding: 15px;
        text-align: center;
        height: 50px;
        margin: 10px auto;
        cursor: pointer;
    }
    
    #hbzemailbutton:hover {
        background-color: #E64C4B;
        border: 1px solid #BF4A49;
    }
    
    .hbzsignup-form {
        margin-top: 15px;
    }
    
    .hbzsocial-icons {
        overflow: hidden;
        text-align: center;
        border-bottom: 1px solid rgb(133, 133, 133);
        width: 230px;
        display: block;
        margin: 20px auto;
    }
    
    .hbzsocial-icons ul {
        margin: 0px auto !important;
        text-align: center;
        padding: 0px !important;
        display: inline-block;
    }
    
    .hbzsocial-icons ul li {
        background: transparent none repeat scroll 0% 0% !important;
        border: medium none !important;
        float: left;
        list-style-type: none !important;
        padding: 0px !important;
        margin: 0px 2px !important;
    }
    
    .hbzsocial-icons ul li::before,
    .hbzsocial-icons ul li::after {
        display: none !important;
    }
    
    .hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover {
        background: url("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png") no-repeat scroll 0 0;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
        height: 34px;
        overflow: hidden;
        text-indent: -999px;
        transition: all 0.25s linear 0s;
        width: 34px;
    }
    
    .hbzsocial-icons ul li.social-facebook a {
        background-position: -62px 1px;
    }
    
    .hbzsocial-icons ul li.social-facebook a:hover {
        background-color: #3b5998; 
    }
    
    .hbzsocial-icons ul li.social-twitter a {
        background-position: -254px 1px;
    }
    
    .hbzsocial-icons ul li.social-twitter a:hover {
        background-color: #00aced; 
    }
    
    .hbzsocial-icons ul li.social-gplus a {
        background-position: -95px 0px;
    }
    
    .hbzsocial-icons ul li.social-gplus a:hover {
        background-color: #dd4b39; 
    }
    
    .hbzsocial-icons ul li.social-pinterest a {
        background-position: -159px 1px;
    }
    
    .hbzsocial-icons ul li.social-pinterest a:hover {
        background-color: #cb2027; 
    }
    
    .hbzsocial-icons ul li.social-rss a {
        background-position: -190px 0px;
    }
    
    .hbzsocial-icons ul li.social-rss a:hover {
        background-color: #F87E12; 
    }
    
    </style>
    
    <div class="hbzsub">
    
    <div class="hbzsocial-icons">
      <ul>
       <li class="social-facebook"><a href="https://m.facebook.com/bloggerdsense" target="_blank" title="Facebook">Facebook</a></li>
       <li class="social-twitter"><a href="https://www.twitter.com/bloggerdsense" target="_blank" title="Twitter">Twitter</a></li>
       <li class="social-gplus"><a href="https//www.BloggerAdSense.com" target="_blank" title="Google+">Google+</a></li>
       <li class="social-pinterest"><a href="https://www.Pinterest.com/BloggerAdSense" target="_blank" title="Pinterest">Pinterest</a></li>
       <li class="social-rss"><a href="http://feeds.feedburner.com/bloggeradsense/zEvv" target="_blank" title="RSS">RSS</a></li>
      </ul>
     </div>
    
     <div class='hbzsignup-form'>
      <div class='hbzform-inner'>
       <h4>bloggeradsense</h4>
      </div>
      <div class='hbzemailform'>
       <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=http://feeds.feedburner.com/bloggeradsense/zEvv&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
        <input name='uri' type='hidden' value='www.BloggerAdSense.com'/>
        <input name='loc' type='hidden' value='en_US'/>
        <input id='hbzemailbox' name='email' required='' type='text' placeholder='Your Email'/>
        <input id='hbzemailbutton' title='' type='submit' value='Subscribe'/>
       </form>
      </div>
     </div>
    </div>
    Customization:

    code #1 .

    1.    Social Facebook : ix red url ki jaga apne Facebook page ka link enter Kare .
    2. Tarah Jo Jo red colour ke URLs in ki jaga apne "social Sites" ke URL enter Kare.


    2Subscription-box-widget-for-blogger



    Code no #2 .


    <style type="text/css">
    .hbzsignup-form {
        background: transparent url("https://1.bp.blogspot.com/-Y_e_B9KzB-c/Vr6fNXna_BI/AAAAAAAAALo/dk3TFDW2-4I/s1600/Email-bg.jpg") no-repeat scroll center center / 250px 150px;
        height: 150px;
        width: 250px;
        margin: 10px auto 60px auto;
    }
    
    .hbzform-inner p {
        text-align: center;
        color: #fff;
        padding: 10px;
        font: bold 18px "trebuchet MS","Tahoma";
    }
    
    .hbzemailform {
        margin: 120px auto 5px;
        width: 215px;
    }
    
    #hbzemailbox {
        background: #FEFEFE none repeat scroll 0% 0%;
        border: medium none;
        font: 12px/12px "HelveticaNeue",Helvetica,Arial,sans-serif;
        margin-right: 5px;
        box-shadow: 0px 0px 4px rgb(207, 207, 207) inset, 1px 1px 1px rgb(186, 186, 186);
        padding: 7px;
        box-sizing: content-box;
        height: 12px;
        vertical-align: top;
        display: inline-block;
    }
    #hbzemailbutton {
        background: transparent linear-gradient(to bottom, rgb(202, 48, 40) 0%, rgb(235, 88, 78) 100%) repeat scroll 0% 0%;
        box-shadow: 0px 0px 2px rgb(182, 37, 32) inset;
        border: medium none;
        color: #FFF;
        cursor: pointer;
        font: 13px/13px "HelveticaNeue",Helvetica,Arial,sans-serif;
        padding: 6px;
        border-radius: 5px;
        height: 27px;
        display: inline-block;
    }
    
    #hbzemailbutton:hover {
        background: transparent linear-gradient(to bottom, #CA3028 0%, #B72420 100%) repeat scroll 0% 0%;
    }
    
    .hbzsocial-icons {
        margin: 20px 0 0;
        overflow: hidden;
        display: block;
        text-align: center;
    }
    
    .hbzsocial-icons ul {
        display: inline-block;
        margin: 0 auto !important;
        text-align: center;
        padding: 0px
    }
    
    .hbzsocial-icons ul li {
        background: transparent !important;
        border: none !important;
        float: left;
        list-style-type: none !important;
        margin: 0 4px 10px !important;
        padding: 0 !important;
    }
    
    .hbzsocial-icons ul li::before,
    .hbzsocial-icons ul li::after {
        display: none !important;
    }
    
    .hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover {
        background: url("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png") no-repeat scroll 0 0;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
        height: 38px;
        overflow: hidden;
        text-indent: -999px;
        transition: all 0.25s linear 0s; width: 38px;
    }
    
    .hbzsocial-icons ul li.social-facebook a {
        background-color: #3b5998;
        background-position: -60px 3px;
    }
    
    .hbzsocial-icons ul li.social-twitter a {
        background-color: #00aced;
        background-position: -253px 3px;
    }
    
    .hbzsocial-icons ul li.social-gplus a {
        background-color: #dd4b39;
        background-position: -93px 3px;
    }
    
    .hbzsocial-icons ul li.social-pinterest a {
        background-color: #cb2027;
        background-position: -157px 3px;
    }
    
    .hbzsocial-icons ul li.social-rss a {
        background-color: #F87E12;
        background-position: -189px 3px;
    }
    .hbzsocial-icons ul li a:hover {
        background-color: #333; 
    }
    
    .hbzsocial-like {
        display: block;
        text-align: center;
    }
    
    .hbzsocial-like tbody, .hbzsocial-like tbody tr {
        display: block;
    }
    
    .hbzfb-likes {
        display: inline-block;
        padding-bottom: 15px;
        margin-right: 5px;
    }
    
    .hbztw-follow {
        display: inline
    }
    
    </style>
    
    <div>
     <div class='hbzsignup-form'>
      <div class='hbzform-inner'>
       <p>Sign Up for Email Updates</p>
      </div>
      <div class='hbzemailform'>
       <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
        <input name='uri' type='hidden' value='[Your Blog uri]'/>
        <input name='loc' type='hidden' value='en_US'/>
        <input id='hbzemailbox' name='email' required='' type='text' placeholder='Enter your email...'/>
        <input id='hbzemailbutton' title='' type='submit' value='Sign up'/>
       </form>
      </div>
     </div>
    
     <div class="hbzsocial-icons">
      <ul>
       <li class="social-facebook"><a href="[Fb url]" target="_blank" title="Facebook">Facebook</a></li>
       <li class="social-twitter"><a href="[Twitter url]" target="_blank" title="Twitter">Twitter</a></li>
       <li class="social-gplus"><a href="[Google+ url]" target="_blank" title="Google+">Google+</a></li>
       <li class="social-pinterest"><a href="[Pinterest url]" target="_blank" title="Pinterest">Pinterest</a></li>
       <li class="social-rss"><a href="[RSS url]" target="_blank" title="RSS">RSS</a></li>
      </ul>
     </div>
    
     <table class='hbzsocial-like'>
      <tbody>
       <tr>
        <td class='hbzfb-likes'>
         <div id="fb-root">
         </div>
         <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
         </script>
         <div class="fb-like" data-href="[Fb url]" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false">
         </div>
        </td>
        <td class='hbztw-follow'>
         <a href="[Twitter url]" class="twitter-follow-button" data-show-count="true" data-show-screen-name="false" data-dnt="true">Follow @[Twitter Username]</a>
         <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
         </script>
        </td>
       </tr>
      <tbody>
     </table>
    </div> 


    Stylish Email newsletter subscription box widget with Social Buttons.


    ( #3) .  
    Email-subscribers-box-widget-for-blogger


    Code #3 .


    <style type="text/css">
    .hbzsub {
        background-color: #1E293B;
        width: 100%;
        height: 100%;
        box-shadow: 0px 0px 10px rgb(30, 41, 59);
    }
    
    .hbzemailform {
        width: 239px;
        margin: 10px auto;
    }
    
    .hbzform-inner h4 {
        color: rgb(255, 255, 255);
        text-align: center;
        padding: 10px;
        font: bold 18px/40px "trebuchet MS","Tahoma";
    }
    
    #hbzemailbox {
        background-color: #FFF;
        border: 1px solid #FFF;
        border-radius: 7px 0px 0px 7px;
        height: 20px;
        padding: 6px;
        box-sizing: content-box;
    }
    
    #hbzemailbutton {
        background-color: #F0553B;
        border: 1px solid #F0553B;
        color: #FFF;
        height: 34px;
        border-radius: 0px 7px 7px 0px;
        margin-left: -4px;
        font-weight: 600;
        cursor: pointer;
    }
    
    #hbzemailbutton:hover {
        background-color: #1E293B;
        border: 1px solid #FFF;
        box-shadow: 0 0 5px #ddd;
    }
    
    .hbzsocial-like {
        background: transparent url("https://3.bp.blogspot.com/-2hqsqwGQg2M/VsCLsiFb2sI/AAAAAAAAAMY/7jkBsN8tVIg/s1600/Facebook-twitter-rectangle.png") no-repeat scroll center center / 250px 157px;
        width: 250px;
        height: 120px;
        margin: 10px auto;
    }
    
    .hbzfb-likes {
        margin-top: 90px;
        margin-left: 20px;
        position: absolute;
        display: block;
        box-shadow: 0px 0px 10px rgba(9, 42, 87, 0.73);
    }
    
    .hbztw-follow {
        display: block;
        margin-left: 152px;
        position: absolute;
        margin-top: 89px;
        box-shadow: 0 0 10px rgba(2, 81, 173, 0.59);
        height: 20px;
    }
    </style>
    
    <div class="hbzsub">
     <div class='hbzsignup-form'>
      <div class='hbzform-inner'>
       <h4>Get Posts In Your Inbox</h4>
      </div>
      <div class='hbzemailform'>
       <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
        <input name='uri' type='hidden' value='[Your Blog uri]'/>
        <input name='loc' type='hidden' value='en_US'/>
        <input id='hbzemailbox' name='email' required='' type='text' placeholder='Enter Your Email Here...'/>
        <input id='hbzemailbutton' title='' type='submit' value='Subscribe'/>
       </form>
      </div>
     </div>
    <table class='hbzsocial-like'>
      <tbody>
       <tr>
        <td class='hbzfb-likes'>
         <div id="fb-root">
         </div>
         <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
         </script>
         <div class="fb-like" data-href="[Fb url]" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false">
         </div>
        </td>
        <td class='hbztw-follow'>
         <a href="[Twitter url]" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false" data-dnt="true">Follow @[Twitter Username]</a>
         <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
         </script>
        </td>
       </tr>
      </tbody>
     </table>
    </div> 



    Beautiful fast loading widget for blogger:

    ( #4 ) .  
    Faceboo-and-email-subscribe-box-widget


    Code #4. 
    <
    
    
    style type="text/css">
        .hbzsub {
            background-color: rgb(255, 255, 255);
            width: 100%;
            height: 100%;
            border: 1px dashed #ddd;
        }
        
        .hbzsube {
            color: rgb(255, 255, 255);
            background-color: rgb(11, 172, 227);
            padding: 10px 0;
            text-align: center;
            font: bold 15px "trebuchet MS", "Tahoma";
            width: 100%;
        }
        
        .hbzemailform {
            width: 235px;
            margin: 10px auto;
        }
        
        #hbzemailbox {
            background-color: #FFF;
            color: #747474;
            width: 130px;
            border: 1px solid #D8D8D8;
            padding: 7px;
            height: 18px;
            display: inline-block;
            vertical-align: top;
            box-shadow: inset 0px 0px 5px #c2c2c2;
            box-sizing: content-box;
            font-size: 13px;
        }
        
        #hbzemailbutton {
            background-color: rgb(243, 93, 92);
            border: 1px solid rgb(215, 84, 83);
            color: rgb(255, 255, 255);
            width: 85px;
            font: bold 13px "trebuchet MS", "Tahoma";
            padding: 7px;
            text-align: center;
            cursor: pointer;
            display: inline-block;
            height: 34px;
        }
        
        #hbzemailbutton:hover {
            background-color: #E64C4B;
            border: 1px solid #BF4A49;
        }
        
        .hbzsignup-form {
            margin-top: 15px;
        }
        
        .hbzsocial-icons {
            overflow: hidden;
            text-align: center;
            display: block;
            margin: 20px auto;
        }
        
        .hbzsocial-icons ul {
            margin: 0px auto !important;
            text-align: center;
            padding: 0px !important;
            display: inline-block;
        }
        
        .hbzsocial-icons ul li {
            background: transparent none repeat scroll 0% 0% !important;
            border: medium none !important;
            float: left;
            list-style-type: none !important;
            padding: 0px !important;
            margin: 0px 5px !important;
        }
        
        .hbzsocial-icons ul li::before,
        .hbzsocial-icons ul li::after {
            display: none !important;
        }
       
        .hbzsocial-icons ul li a {
            background: url("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png") no-repeat scroll 0 0;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            display: block;
            height: 34px;
            overflow: hidden;
            text-indent: -999px;
            transition: all 0.25s linear 0s;
            width: 34px;
        }
        
        .hbzsocial-icons ul li a:hover {
            background-color: #aeaeae !important;
        }
        
        .hbzsocial-icons ul li.social-facebook a {
            background-position: -62px 1px;
            background-color: #3b5998;
        }
        
        .hbzsocial-icons ul li.social-twitter a {
            background-position: -254px 1px;
            background-color: #00aced;
        }
        
        .hbzsocial-icons ul li.social-gplus a {
            background-position: -95px 0px;
            background-color: #dd4b39;
        }
        
        .hbzsocial-icons ul li.social-pinterest a {
            background-position: -159px 1px;
            background-color: #cb2027;
        }
        
        .hbzsocial-icons ul li.social-rss a {
            background-position: -190px 0px;
            background-color: #F87E12;
        }
    </style>
    <div class="hbzsub">
        <div class="hbzsube">Join Our Free Newsletter</div>
        <div class='hbzsignup-form'>
            <div class='hbzemailform'>
                <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value='[Your Blog uri]' /> <input name='loc' type='hidden' value='en_US' /> <input id='hbzemailbox' name='email' required='' type='text' placeholder='Your Email address' /> <input id='hbzemailbutton' title='' type='submit' value='Join Us' /> </form>
            </div>
            <div class="hbzsube">Sociliaze with Us</div>
            <div class="hbzsocial-icons">
                <ul>
                    <li class="social-facebook"><a href="[Fb url]" target="_blank" title="Facebook">Facebook</a></li>
                    <li class="social-twitter"><a href="[Twitter url]" target="_blank" title="Twitter">Twitter</a></li>
                    <li class="social-gplus"><a href="[Google+ url]" target="_blank" title="Google+">Google+</a></li>
                    <li class="social-pinterest"><a href="[Pinterest url]" target="_blank" title="Pinterest">Pinterest</a></li>
                    <li class="social-rss"><a href="[RSS url]" target="_blank" title="RSS">RSS</a></li>
                </ul>
            </div>
            <div style="width: 230px; margin: 0px auto;">
                <div id="fb-root"></div>
                <script>
                    (function(d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if (d.getElementById(id)) return;
                        js = d.createElement(s);
                        js.id = id;
                        js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.6";
                        fjs.parentNode.insertBefore(js, fjs);
                    }(document, 'script', 'facebook-jssdk'));
                </script>
                <div class="fb-page" data-href="[Fb url]" data-width="230" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-hide-cover="true" data-show-facepile="true">
                    <div class="fb-xfbml-parse-ignore">
                        <blockquote cite="[Fb url]"><a href="[Fb url]">[Fb Page Name]</a></blockquote>
                    </div>
    
    
    
                </div>
            </div>
        </div>
    <As;/div>




    Responsible Email newsletter subscription box widget for blogger :



    ( #5 ) . 
    Stylish-customized-email-subscribe-box-widgets



    Code #5 .

    <style>
    #ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;
    background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;
    text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
    margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
    padding: 5px;border: none;}#ig-subscription-optin input.name {
    background: white url(https://3.bp.blogspot.com/-Jl2lcnXe42Y/UOb49YMFH8I/AAAAAAAAAiA/hOnOANR83gc/s1600/subscribe-name.png) no-repeat center right;}
    #ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
    font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
    #ig-subscription-optin input.email {background: white url(https://2.bp.blogspot.com/-dcien5QLnB8/UOb4N7eNU1I/AAAAAAAAAhw/NxzO8UXjgG4/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
    font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;
    font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
    text-transform: none;text-decoration: none;
    text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
    border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
    background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;
    color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
    color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://2.bp.blogspot.com/-nmlWGnTX5y4/UOb44zqKGBI/AAAAAAAAAh4/Aaa-E2D0Umk/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
    padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
    #ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;} .credit p{ font-size: 10px;}
    </style>
    <center>
    <div align="center" id="BloggerdSense-Subscribe-wrapper">
    <div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 264px">
    <form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=bloggerdsense', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

    <input class="name" id="bloggerdsense_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Apka Naam" /><br />

    <input class="email" id="BloggerdSense_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Email Address" /><br />
    <div class="separator" style="clear: both; text-align: center;">
    </div>

    Stylish beautiful email newsletter subscribe box widget blogger blog me kaise lagaye?


    1. First go to blogger dashboard.
    2. Click on sidebar a layout option.
    3. Press on Add widgets
    4. Click on HTML JavaScript. 
    5. Chose and copy email subscribe box widget from BloggerAdSense .
    6. Enter title Subscribe Now then Past .
    7. Us ke bad save par click Kare aur save arrangement par press Kare. Done.


    Don't miss.