Showing posts with label blogger widgets. Show all posts
Showing posts with label blogger widgets. Show all posts

Saturday, 28 February 2015

How to Set up Error 404 Not Found Page in Blogger.

Setting up Error 404 web page in blogger is very important for each web developer.If you have beautiful template for your blogger and not have Error 404 web page then it's a dark spot in your beautiful Blogger Template.Today, i will tell you How to set up Error 404 Not found page in blogger.

Set up Error 404 Page:

Just Follow below instructions to set up error 404 web page.

1: Go to Setting/Search Preference.

As you are seeing below, Go to setting then search preference and look for Custom page not Found as indicated in below snap shot.

2: Now Copy the code below and past in Custom page not found Option.

Simple Codes for error 404:



<style type="text/css" >
body {background:white url('<span id="IL_AD3" class="IL_AD">https</span>://lh6.googleusercontent.com/ EfrkRXhuE08/UOgYzurf6nI/AAAAAAAABP8/FIc5IZ4ASDU/s720/404-page-design-3.jpg')  50% 0% no-repeat !important;z-index:10000000;}
.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>

You can also use your own written script in Error 404 not found page too.

Thursday, 5 February 2015

Post Title before Blog title for better SEO.

For Better SEO and Good results is search engines for your website you should set post title first.If have not well set your website post title that can damage your blog performance.In Default, Blogger hosting have some templates for bloggers.Some Templates have default setting.They show Blog Title first then Post title.If you want to increase your blog SEO, You have to fix this problem first.

Set Post Title before Blog Title:

You can set your Post title before post title by Following below method.
  • Copy Below Code.
<b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> | <data:blog.title/></title>  <b:else/> <title><data:blog.pageTitle/></title> </b:if>
  • Now Go to Your Blog HTML and search for Below code.
<title><data:blog.pageTitle/></title>
  • Remove searched code and replace with code given above in first step.
You have done.Your Post title placement have been changed Now.This is the quick method for replacing the location of your post title.


Tuesday, 13 May 2014

How to Redirect Your Blogger to Custom Domain Name - Convert Bolgspot to custom domain name


Blogger is a free webhosting service which empower common money less user to share his idea , thoughts , knowledge and talent to world.Usually a common blogger use google domain name such as www.example.blogspot.com. This domain name increase your blogger/site ranking gradually and slowly but you can replace google domain name to your paid domain name such as www.example.com with blogger free hosting.By adding domain name .com your blogger ranking will increase fastly and your pages will show in first page of Google search.
Buy a custom domain name from any company.
Be sure that your domain name is registered.
To apply that domain name follow the instructions below.

1: Go to blogger>setting>basics

2:click edit and enter a bought custom domain name below.

3:click on save button then note that codes that google will tell you important codes.


These are two Cnames given by google to submit these CNAMES to your domain hosting company DNS management.You find your DNS Manager in your domain hosting company profile after login to your domain name hosting company website.
Put these to CNAMES to DNS Manager and click to save.
After saving your CNAME go to your blogger after some hours and put again your domain name in Advanced setting in blogger and enter yourdomain name again.
click to save then your setting will be save and your blogger will redirect your blogger within 24 hour.


How to Create "Back to TOP" Floating Button for your Blogger.


I told you about how to create drop down Menu in last article.Now i will tell you about the creation of Back t Top Button widget. Its Very Useful for Bloggers to create a Back to Top or Go to Top Floating Button for their website.Yes You can do it with very easy steps given below from Emerging Bloggers . 

Just follow the instructions Below !

Go to Blogger Dashboard >Layout>Add gadget>Past below code to HTML saver.



<a href='http://www2.emerging-bloggers.com'><img alt='Bhakkartv' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg48o6zYPoxuCzDHgD82vcbeb8rP2kLsKtXRus8JoC7YtIvXX-HUoqkzvfBdsIg9BTfvej5Rl9nEF-2xsv8ZIXIhe4eAuH8Tk5OIQmzcR1uVh8KxdwtgW-RqYu07mQYBws0VzHMyAt2GhMe/s1600/best+blogger+tips.png'/></a><script type="text/JavaScript">
var topMargin = 300
var slideTime = 1200
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
window.setInterval("main()", 10)

function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}

function main() {
if (ns4) {
this.currentY = document.floatLayer.top;
this.scrollTop = window.pageYOffset;
mainTrigger();
} else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}

}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY
floatStart();
}
animator();
}


}
function floatStart() {
var now = new Date()
this.A = this.targetY - this.currentY
this.B = Math.PI / ( 2 * this.slideTime )
this.C = now.getTime()
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt
this.A = this.A > 0 ? this.findHt : -this.findHt
} else {
this.D = this.currentY
}
}
function animator() {
var now = new Date()
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D
newY = Math.round(newY)
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )floatLayer.style.pixelTop = newY
if ( ns4 )document.floatLayer.top = newY
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px"
}
}
//-->
</script>
<div id="floatLayer" style="position: absolute; height:20px; width:20; left:650px; top:300px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="Back to Top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh82tmC2s5AXio2HJWC4_XCYTVTWxKUxG5Z3w-o1KoOiwwO_94Hk-_2En-6nzmsz8_sjjEl7Nx_JI6RWpVAaVuE_7a7HWJaDO2XatQDNxBpRHqWniXJZt9a5qp4JjsphxeWwBQo6K_AeY5q/s1600/TOP+BUTTON.gif" title="Back To Top Of Page" /></a></div>

How To Apply External desire Blogger Template to Blogger.


Most of new Blogger just can apply Blogger Custom template.They not know they can upload external beautufil desire blogger template for their Blogger.Lot of Blogger Templates are available online.Lot of websites are working to create new up to date designs for bloggers.Thousends of blogger templates you can search as you
want.Different categories are available for you. Choose you template and Download it.Mostly you will receive an ZIP file, but you can get direct XML file by entering in ZIP file.
When you find XML file then follow below instructions to upload it to your blogger.

GO TO BLOGGER>TEMPLATE>CLICK YOUR RIGHT TOP SCREEN "BACKUP/RESTORE"
Emerging Bloggers
You will receive this page as seen above.Now choose your XML file you want to upload and upload it.Within few seconds it will be upload on your blogger/site.
If you have any problem , any suggestion kindly tell me below comment chat. 

Sunday, 11 May 2014

Easy Gif Animator Free Download | Best Banner making software

Its an big an intresting task for new Bloggers to make attractive animated banner adds for their new Blogs and Websites.They search different softwares and gadgets for This purpose But i am going to tell you a best Animating Banner adds software “Easy Gif Animator”.Its free to download.Easy to Use.You can make hundred of desire animated add banners of any size from easy gif animator.
When i was new , i tried different of software but this is the best software.You can make any type of animated banners even different types of Buttons an many things that you use in your banners and blogs, e.g Sign up Button or Download now button and e.t.c.Main feature is , Easy Gif Animator is very eary to use.
You can download easy gif animator from Emerging Bloggers.So, get ready for new and attractive addition in your website.Click Below to Download Easy Gif Animator.



How To Make Flying Tweet Bird for websites | Get Twitter flying Bird Widget

You Know that Twitter is the world,s Number one Social Network.Everyone who have twitter account wants to get maximum number of followers.Many companies are woorking for increasing followers but All are fake.If you Own a Website then its best way to increase your Twitter followers by introducing a tweet bird widget to your website or blogger.So it can cause of fast online marketing by introducing your product to maximim number of People in the world.
So Through Emerging Blogger Platform i am introducing a Great Flying Tweet Bird Widget for your websites.This Flying bird will fly all over your website pages with the view of visitor.Its softest way to catch the visitor attention without any trouble.You can see tweet Bird Flying on this page.Its an demo virsion.This tweet bird will have direct link to you twitter Profile.
I am introducing a Code , you just need to Customize you username from it.Go to you layout and Put This Code to your desire page.


<!– Twitter Bird Widget for Blogger by Emerging-Bloggers.com –>
<script type=”text/javascript” src=”http://btsnts.googlecode.com/files/btsnts-tripleflap.js”>
</script>
<script type=”text/javascript”>
var twitterAccount = “FawadC”;
var tweetThisText = ” <data:blog.pageTitle/> : <data:blog.url/> “;
tripleflapInit();
</script>
<span style=”font-size:11px;position:absolute;”><a title=’Blogger Widget by Emerging-Bloggers.com’ href=”Emerging-Bloggers.com” target=’_blank’></a></span>
<!– Twitter Bird Widget for Blogger by Emerging-Bloggers.com –>.


If You Have any Problem with using this widget tell us by comment below.If you have best idea regarding this topic please tell us as Emerging Bloggers is your platform.