How To setup crawling and indexing for a blogger

hello Guys! After the Long back i am going to share this article with you ,How to determine crawling and indexing portion of the blogger ! this is very sticky question for the newbie how to go through it.

To enable this feature go to Settings | Search Preferences, click Edit next to "Custom robots.txt" and select Yes. After this selection text box will be visible  as image below to give the crawler code for your site.

Now put the below code in your Text-Area :)

User-agent: Mediapartners-Google
Disallow: 

User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.yourblogname.com/feeds/posts/default?orderby=updated

User-agent: Mediapartners-Google Is A Robot From Google Adsense, Leave It As Is Because If You Mistakenly Change That Than Ads Served by It Will Not Fit With Your Content.

Now You just have to write down above line of code for enabling this superb feature, After Enabling this feature you will find the Search Description and Custom Robots tags in writing New post section as dedicated in Below Image.

Now the other thing is for the
Custom robots header tags.

Just change it as described in the below image and please do it i did it whenever you may be got defeated by google to Get more bucks of visitor .

Ok now you are sites or blogs going to Crawl by google and many other Bots in somewhat of maximum 15 days 

---

if you are getting anything wrong from your blog do feel free to contact me on facebook-www.fb.com/smartvmp

---

 
 

HOW TO ADD FACEBOOK SLIDER SIDEBAR FOR WEBSITE OR BLOGGER

hOW TO ADD FACEBOOK SLIDER IN BLOG OR WEBSITE

Hi guys,i am going to post some excited stuff, you surely like it ,and its usual very simple one, add facebook side  bar as you always show in my site so here i past the code for facebook slider just copy and past in you blog.

step:1 got to blogger dashbaord ----> page element ---->add widget --->select HTML/javaScript from many option. past this script and click on save that it..



<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ_pSGsMvgVozaFhAodLfKB6Ul-oel-1hhpIsXpzonCd0he2Kudqg0C6hE1PpKSRGbM-kDR2kt-sBKk-mXLJDx_kpVIdJjBWdioQwXfQ_3q6iXS1xcqD6-PIZ09Qj_g6S9I3-aKiSTYf8/s1600/vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = "medium"; // Duration of Animation
            w2b("#fbplikebox").css({right: -250, "top" : 100 })
            w2b("#fbplikebox").hover(function () {
                w2b(this).stop().animate({
                    right: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    right: -250
                }, $dur);
            });
            w2b("#fbplikebox").show();
        });
    })(jQuery);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
    <div class="fbplbadge"></div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/crackers.hacker&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#FFFFFF;" allowtransparency="true"></iframe>
</div>

 

step: 2 just change aqua colored text with you URL prefix . if you have own website then simply past this code before </head> section.

---

hey !!!! if any compliment then never hesitate ,feel free to ask me in comment section.

---

HOW TO MAKE GOOGLE SEARCH BAR WITH JAVAsCIPT VALIDATION

YES,NOW YOU ALSO MAKE DR.GOOGLE WITH JavaScript VALIDATION

here i am presenting to you make google custom search with JavaScript and yes its looking awesome with css code,so now you can learn also css very well if any prob then feel free ask me.


required ingredients are:

1. little HTML gyan (knowledge).
2. some more css knowledge.
3. and just cheap java scripting. 

step 1: so here first i past the combination of css 2 and css 3 code for making search bar romantic. past this css after </title> tag. if you are using blogger then make new widget and first past step 3 JavaScript and then css and later step 2 HTML.

<style type="text/css">
<!--start css code-->
.searchform {
 display: inline-block;
 zoom: 1; /* ie7 hack for display:inline-block */
 *display: inline;
 border: solid 1px #d2d2d2;
 padding: 3px 5px;

 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius: 2em;

 -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
 -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
 box-shadow: 0 1px 0px rgba(0,0,0,.1);

 background: #f1f;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
 background: -moz-linear-gradient(top,  #fff,  #ededed);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
 -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
 font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
 background: #fff;
 padding: 6px 6px 6px 8px;
 width: 202px;
 border: solid 1px #bcbbbb;
 outline: none;

 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius: 2em;

 -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
 box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
 color: #fff;
 border: solid 1px #494949;
 font-size: 11px;
 height: 27px;
 width: 27px;
 text-shadow: 0 1px 1px rgba(0,0,0,.6);

 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius: 2em;

 background: #5f5;
 background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
 background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
 -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}
<!----end css code--->
</style>


step 2: ok all set for css now i just type the main part of our search engine Google form.

<form class="searchform" name="search" method="get" action="http://www.google.com/search" onsubmit="return vicky()" target="_blank">
<input type="hidden" name="ie" value="UTF-8"/>
<input type="hidden" name="oe" value="UTF-8"/>
<table border="0">
<img border="0" alt="Google" align="absMiddle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbMPBPLiH9v2FVHVKDYYXQkjouJwLtHUhGrNzUHzafKR467CY2lPMRMZHqsZockWTKCG1OGMHYwQ3v2_lZ4dDMcI1eJ4nSAa6DfPSukpRlZWDr8sedAi2Ey68tkF48dzEW9OpWg84lAjI/s320/google-new-logo.png"/>&#160;
<input  size="35" maxlength="255" style="width:150px;" name="q" size="70" type="text" class="searchfield" value="google search..." onfocus="if (this.value == 'google search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'google search...';}" />&#160;
<input type="submit"  class="searchbutton" name="btnG" value="Go"/>
</table>
</form>

yellow text suggest that you can use placeholder="Google search"( but its worst part because its remain unchanged when you clicked on text filed of search box you have to erase that already holder) instead of me.

step 3: now the main validation portion let begun. past this code on before </head>.

<script type="text/javascript">
function vicky()
{
if (document.search.q.value=="Google search...")
{
alert ("Enter search criteria.")
return false
}
}
</script>

i dont thing so I've to write in deep for this script because its very basic if you aren't  know this script then you havent do anything just copy and past i as said and read this all above step very carefully and make attension on where you have to past this text.

 summery:

• past step 1 css code first if you are user of blogger widget or WordPress,tumbl etc.. if you have you own data site then  past it after</title>.
• past step 2 in which part you wanna to put Google search bar in your HTML page.
• past step 3 before your </head> tag end.....//
• demo is in my blog already .you should  change color and shadow by the implementing in css code(already change code for you become look diff from my site ).

my dear reader if you have any query related to this romantic gadget then feel duty to ask me !!!!!  i will help you 100%. HTML form and JavaScript created by me but 100% css code i founded from via surfing internet and 50% implemented by me.

FLYING TWITTER BIRD FOR BLOGGER AND WEBSITE

FLYING TWITTER BIRD FOR BLOGGER AND WEBSITE

in this Day twitter flaying birds are more favorite in blogger or website layout because its leave good impact on the site viewer hmmm ask to themselves  do you like this bird or not ,yes i like ,i am right??  

ok then dont wasting any moment wait this twitter love bird to your account 

step: 1 copy this code and past it in HTML/JavaScript widget from page element section of your blogger dashboard  or simply past it in any entire editable widget or directly to template editot ..way is yours..

tweeter bird

HOW TO ADD FACEBOOK LIKE POP UP BOX IN BLOGGER AND WEBSITE

HOW TO ADD FACEBOOK LIKE POP UP BOX IN BLOGGER AND WEBSITE

today i tell you how to add Facebook popup like button in your blog or even in website ..

lets get free ride on the process you merely like to add this kind of intrusting stuff in your blog because when some one is visiting your home page one pop up menu came in and say please like us to receive daily new stuff from our blog  and its either take 2 or 5 second hahahaha...

i just combined facebook like button with facebook popup menu which is actually powered by blogger .


here i past the code and make bold text which you have to change for your own privacy.

step 1:copy this code and past into blogger HTML/JavaScript widget file.  

Facebook pop-up box for blogger and website

small like button

HOW TO DRAG GADGET IN HEADER SECTION OF BLOG

HOW TO DRAG GADGET IN HEADER SECTION OF BLOG.

hello guys today i am going to post about this simple tweak that make your blog more friendly but always remember you are going make change in your template and it considering as disadvantage(i am heard that but not sure).

step 1: go to edit HTML click on process then uncheck the expand template.

• please first select all and save template in your computer for no repentance.

step 2: now search press cntr+F   for

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>


change this with 

<b:section class='header' id='header' maxwidgets='5'showaddelement='yes'> 

• 5 instead of 1 and yes instead of no  this will allow you to place maximum 5 gadget on above header section.

step 3: please go with preview first its shall boots your confidence.
            

step 3: now save the template.

all set !! now you are able to drag gadget on the header section actually above the blog title.


this is very simple trick but make more impact on your blog design just try it out i already but i just like as go with my way there no any harm associate with this geek.  

if any attention regarding with this change then please inform me...i will be make possible