Showing posts with label widget. Show all posts
Showing posts with label widget. Show all posts

simple trick blog ke liye contact us page kaise banate hai blogger ya blogspot blog ke liye

hello frnds
aaj ham baat karenge ki apne blog me contact page kaise banate hai or iski kya jarurat hoti hai or hamre liye ye kitna help full hota hai or bhi bahut se jankari hai jinko apko jarur janana chahiye ham apko in sabhi sawalo ke jawab apko denge to chaliye start karte hai,


blog me contact us page kyo banate hai?
apke is question ke sabhi answer yeha pe dene ki koshis ki gayi hai 
  1. sabse badi baat jab hamre blog pe contact us,privecy&policy about us jaise kuch page nahi honge tab tak apka google account prove nhi hoga 
  2. google adsence bahut hi jaldi approve ho jata hai 
  3. apke readers apko direct personal mail kar dete hai 
  4. isase apke visitors ap pe vishwas karte hai 
  5. apke blog ko ek profeshional look bhi mil jata hai jo bahut hi jaruri hota hai
  6. ham contact forum ko sidebar me nhi use kar sakte hai hamara blog bhadda ho jata hai 
or bhi bahut se karan hai jo apko apne blog me contact us page banane ke liye kahte hai 
ab jante hai ki apne blog me contact us page kaise lagate hhai janiye 

blog me contact us page kaise banate hai?
 hamne ye to samjh hi liya h ab ham apko batate hai ki apne blog me contact us page kaise add karte hai 
  1. sabse pahle apko apne blog ke dash bord me jana hai waha pe apko PAGES pe click karna hai 
  2. ab apko new page ka option dikhai dega apko uspe click karna hai 
                                                       screen shot dekhe 


jab apke samne page editor open ho jaye to apko ye step follow karne hai 


  1. sabse pahle apko tittle box me CONTACT US likhna hai yeha pe aap apne man pasand tittle de sakte hai jaise CONTACT US,CONTACT ME etc 
  2. ab apko HTML wale section me jana hai or waha pe apko niche diya gaya code pest karna hai 
  3. ab apko right side me OPTION dikh raha hoga uspe click karke READER COMMENT don't allow kar de
  4. ab apko apne page ko preview karna hao or dekhna hai ki sab kuch sahi hai ya nhi
  5. agr sab sahi hai to direct apne page ko publish kar de
 

code for you

<script>
var blogId = '2065520097349933214';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Sending...';
var contactFormMessageSentMsg = 'Your message has been sent.';
var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';
var contactFormEmptyMessageMsg ='Message field cannot be empty.';
var contactFormInvalidEmailMsg = 'A valid email is required.'

var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' onclick="sendEmailMsg()"/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
take care>>aap jo digit red colour me dekh rahe hai o mere blog ki id hai apko bhi ye id add karni hai mere id ko delete karke 

mere blog ki id kaha hai ?
apka blog id apko apke brower me milega SCEEN SHOT DEKHE



in short>>go to blogger dashbord>>click on page section>>now click on new page>>fill tittle in ittle box>>then click HTML section>>pest the code hare>>go OPTION section and click don't allow reader comment>>click on preview>>now this is last step click on publish button 

NOTE=jab aap apne blog me contact us page add kar le to isko pahle aap khud apne aap sms karke try kar le 

frnds aap hamse apne sawal comment karke ya forum me post karke ya fir aap direct live chat widget ka use kar sakte hai ham apki sabhi tariko se help karenge,agar apko ye post pasand aayi hai to share jarur kare

thankxx for read this

top 2 ways you tube Subscribe Button blogspot blog me kaise lagaya jata hai janiye yeha pe


hello frnds
aaj ham baat karnge ki apne blog me youtube subscribe button kaise lagate hai,frnds is tricks se aap kewal 2 mint me hi apne blog me you tube subscribe button add kar askte hai to chaliye jante hai ki kaise kare isko apne blog me add or isko add karne se kya fayada hota hai 
Banner, Header, Button, Finger, You Tube

blog me youtube subscribe button kyo lagate hai?

ham apko bata batate hai ki you tube button apne blog me kyo lagate hai?
  • visitors apke chanal ko asani se subscribe kar lete hai 
  • visitors apke chanal ko asani se find kar lete hai 
  • visitors apke pe sirf apke chanal ke liye aa sakte hai qki youtube me serah karte huye problem hoti hai 
  • or bhi baht se karan hote hai apke blog me youtube subscribe button lagane ke jante hai ki youtube subscribe button blog me kaise lagaye


    blog me you tube subscribe button kaise lagate hai?

    blog me subscribe button lagane ke liye sabse pahle apko is CLICK HARE button pe click karna  hoga ya fir is site ko apne browser me open 
    kare https://developers.google.com/youtube/youtube_subscribe_button
    click hare



    jab aap waha pe click karnge to apke samne ek page open hoga jaisa SCREEN SHOT me hai wha pe apko ye detail deni hai 
    1. Channel Name or ID:apne chanel ki id dalna hai
    2. Layout:apko layout select karni hai 
    3. Theme:apko theme select karna hai
    4. Subscriber count:aap apne subscriber ki sankhya dikhana chahte hai ki nhi select kare
    5. My application listens for button events:isko aise hi rahne de 



    6. ab apko niche ek box show ho raha hoga usme html code hoga usko usko waha se copy kare or apne blog me LAYOUT section me jaker ADD A GADGET pe click kare fir HTML widget pe or 2nd box me code o pest kare or save button pe hit kare


      in short>>go to dashbord>>hit on layout>>choose a place where you want add this and hit on add a gadget>>choose the  html widget>>pest the code in 2nd box>>and hit the save>>now finaly hit the save aggriment button 

      bahut hi simple hai aa bhi try karo or maje karo 

      frnds agar apko kuch puchna hia to aap comment kar sakte hai ham apki help jarur karnge

      request:

      1. ham is post ko likhne me bahut hard work karte hai to apse ek request hai ki aap hamare is post ko share jarur kare social media pe apki ye help hamare liye apka diya preseant hoga 

      thankxxx for read this






    top 5 stylish labels widget for blogger/ blog me stylish labels widget kaise lagaye janiye hindi me 2

    #style 4:)




    .label-size a {
        display: inline-block;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
        padding: 4px 7px;
        font-family: 'Helvetica Neue', helvetica, sans-serif;
        font-size: 12px;
        line-height: 14px;
        height: 14px;
        vertical-align: middle;
        margin-bottom: 6px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
        -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
    }


    .label-size a {
        color: #996633;
        border: 1px solid #DDA13C;
         
        background: rgb(238,177,75);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlYjE0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzkxMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(238,177,75,1) 0%, rgba(204,145,45,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,177,75,1)), color-stop(100%,rgba(204,145,45,1)));
        background: -webkit-linear-gradient(top,  rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
        background: -o-linear-gradient(top,  rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
        background: -ms-linear-gradient(top,  rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
        background: linear-gradient(top,  rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeb14b', endColorstr='#cc912d',GradientType=0 );
    }

    .label-size a:before  {
        content: '\2022';
        color: #FFFFFF;
        margin-right: 4px;
        font-size: 15px;
        line-height: 13px;
        height: 13px;
        vertical-align: text-top;
         
        text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2);
    }

    .label-size a:hover {
        text-decoration: none;
         
        background: rgb(240,183,86);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwYjc1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmEwNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(240,183,86,1) 0%, rgba(214,160,68,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,183,86,1)), color-stop(100%,rgba(214,160,68,1)));
        background: -webkit-linear-gradient(top,  rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
        background: -o-linear-gradient(top,  rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
        background: -ms-linear-gradient(top,  rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
        background: linear-gradient(top,  rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b756', endColorstr='#d6a044',GradientType=0 );






     #style 5:)






    .Label a:hover
    {
    text-shadow:5px 5px 5px #dcdcdc;
    background:orange;
    border:1px solid orange;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    }
    .Label li {
        border: 1px solid;
        border-radius: 6px 6px 6px 6px;
        color: #000000 !important;
        float: left;
        font-size: 116%;
        list-style: none outside none;
        margin: 2px;
        padding: 4px;
        transition: all 0.3s ease 0s;
    }
    .Label a {
        color: #000;
        text-decoration: none;
    }
    .Label li:hover {
        transform: rotate(5deg);
    }







    frnds ye widget apke blog ko ek bahut hi badhiya look denge aap koi bhi try karo agar apko kuch puchna hai ya kuch suggest karna hai to plzzz aap hame comment kare 


    thankxxxx every body

    top 5 stylish labels widget for blogger/ blog me stylish labels widget kaise lagaye janiye hindi me

    hello frnds 
    aaj ham apko kuch aise labels widgets ke baare me batayenge jo apke blog ko bahut hi beautifull bana denge jaisa ki apne apne blog ke liye badhiya se template laga liya hai lekin apko usko labels style nhi pasand aa rahe hai to apko baar baar template badlne ki jarurt nhi hai apko bas apne blog ki labels style me kuch change karne hai or apke blog ko milega ek bahut h badhiya look  chaliye dekhte hai un sabhi stylish widgets ko apko jo bhi badhiya lage aap apne blog pe us widgets ka use kar sakte hai 


    sabse pahle jante hai stylish labels widgets add kaise karte hai?

    1. aap sabse pahle apne blogger dashboard me jaye 
    2. uske baad apko TEMPLATE pe click karna hai
    3. uske baad apko EDIT HTML pe click krna hai
    4. ab apko apne blog ka back up lena hai 
    5. uske baad apke samne jab html box open ho jaye to usme kahi pe bhi click karo 
    6. ab aap CTRL+F press karo ab apko search box milega right hand me uper
    7. ab apko search box me  ]]></b:skin> type karna hai or press karna hai 
    8. aapko janha pe bhi ye code mile uske uper apko niche diye gaye me se koi bhi code peste karna hai 
    9. uske baad apko SAVE TEMPLATE pe click karke apne template ko save kar lena hai 


    ab apko stylish labels widgets ke kuch badhiya style dikhate hai apko jabhi acha lage use kar sakte hai bilkul free hai  :)
    #style 1:)


    .Label a {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #7FBF4D;
     background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
     border-bottom-right-radius: 30px;
     border-color: #63A62F #63A62F #5B992B;
     border-image: none;
     border-style: solid;
     border-top-left-radius: 30px;
     border-width: 1px;
     box-shadow: 0px 1px 0px 0px #96CA6D inset;
     color: #FFFFFF;
     float: left;
     font: 14px verdana;
     height: 18px;
     margin-bottom: 9px;
     margin-left: 10px;
     padding: 10px;
     position: relative;
     text-decoration: none;
     transition: all 0.5s ease-in-out 0s;
     }

     .Label a:hover {
     background: none repeat scroll 0% 0% orange;
     border-radius: 0px 30px 0px 30px;
     border: 1px solid orange;
     text-shadow: 5px 5px 5px #DCDCDC;
     }

     .Label {
     margin: 0px;
     padding: 0px;
     position: relative;
     }
     .Label li:hover {
     transform: rotate(5deg);
     }
     .Label li {
     float: left;
     font-size: 116%;
     list-style: none outside none;
     transition: all 0.3s ease 0s;
     }




    #style 2:)




    .Label li {
            background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
            border: 1px solid;
            border-radius: 6px 6px 6px 6px;
            float: left;
            font-size: 116%;
            list-style: none outside none;
            margin: 2px;
            padding: 4px;
            transition: all 0.3s ease 0s;
        }
    .Label li:hover {
        transform: rotate(351deg) scale(1.7);
    }
    .Label a {
        color: #fff;
        text-decoration: none;
    }




    #style 3:)






       .Label li:before {

            background-image: -moz-linear-gradient(center top , #1E5799 0%, #207CCA 100%);

            border-bottom: 1px solid #145091;

            border-left: 1px solid #145091;

            content: "";

            height: 1.39em;

            left: -0.69em;

            position: absolute;

            top: 0.2em;

            transform: rotate(45deg);

            width: 1.3em;

            z-index: 1;

        }

        .Label li:after {

            background: none repeat scroll 0 0 #FFFFFF;

            border: 1px solid #3F6893;

            border-radius: 4.167em 4.167em 4.167em 4.167em;

            box-shadow: 0 1px 0 #B5D8FF;

            content: "";

            height: 0.5em;

            left: -0.083em;

            position: absolute;

            top: 0.667em;

            width: 0.5em;

            z-index: 9999;

        }

        .Label li {

            background-image: -moz-linear-gradient(center top , #1E5799, #207CCA);

            border-bottom: 1px solid #145091;

            border-radius: 0 0.25em 0.25em 0;

            border-right: 1px solid #145091;

            border-top: 1px solid #145091;

            box-shadow: 0 1px 0 #CCE4FF inset, 0 1px 1px rgba(0, 0, 0, 0.1);

            color: #996633;

            float: left;

            font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;

            font-size: 0.75em;

            font-weight: bold;

            list-style: none outside none;

            margin: 0 0 7px 20px;

            padding: 0.417em 0.417em 0.417em 0.917em;

            position: relative;

            text-decoration: none;

            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

            z-index: 1;

        }




    alexa rank widget apne blog me kaise lagaye janiy poori jankari 2

    alexa rank widget apne blog me kaise lagaye janiy poori jankari 2

    #4.alexa rank widget with out link size 468*60

    <center><a href="http://www.alexa.com/siteinfo/apke blog ka naam "> <script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/c?url=apke blog ka naam'></script></a></center> 

    #5.alexa rank widget with out link



    <a href="http://www.alexa.com/siteinfo/apke blog ka naam"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=apke blog ka naam"></script></a>

    note:=apko ye widget lagane se pahle isme kuch change karna hoga janha pe bhi  apke blog ka naam  likha hua hai waha pe apko apne blog ka url add karna hai

    exa:)<a href="http://www.alexa.com/siteinfo/anytimehelp7.blogspot.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=anytimehelp7.blogspot.com"></script></a>


    is tarike se ab jante hai ki alexa rank widget ko blog me kaise add karte hai
    1. apne blog ke layout me jaye
    2. waha pe add a gadget pe click kare
    3. uske baad HTML wale widget pe click kare 
    4. usme 2nd box me code peste kare 
    5. ab PREVIEW pe click kare dekhe apka widget sahi jagah pe laga hai ki nhi
    6. uske baad apko SAVE AGGRIMENT  pe click karna hai 
    lo ji apka alexa rank widget add ho gaya hai apne blog ka rank logo ko dikhaye 

    agar apko koi dought hai to hame comment kare or apke sujhaw ka bhi ham welcome karte hai

    alexa rank widget apne blog me kaise add kare janiy poori jankari

    alexa rank widget apne blog me kaise add  kare janiy poori jankari
    hello frnds
    aaj ham apko batayenge ki apko apne blog ki rank show karne ke liye alexa rank widget apne blog me kaise jogte hai?waise to hame apne blog ki rank pata karne ke liye bahut se site milenge lekin afar alexa ki baat ati hai to baat hi kuch or  ho jati hai qki alexa apko apke blog ya websites ki globel rank bilkul correct deta hai

    pahle alexa ke widget jo alag alag size me unko dekhte hai uske baad apko jo bhi pasand aaye usko apne blog me laga le


    #1.alexa rank widget size 120*95


     <a href="http://www.alexa.com/siteinfo/http://apke blog ka naam/"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=http://apke blog ka naam/'></script></a>

    #2.alexa rank widget size 120*240

    <a href="http://www.alexa.com/siteinfo/http://apke blog ka naam/"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/b?url=http://apke blog ka naam/'></script></a>

    #3.alexa rank widget size 468*60


    <a href="http://www.alexa.com/siteinfo/http://apke blog ka naam/"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/c?url=http://apke blog ka naam/'></script></a>

    Ads Inside Post