Add Facebook Like Box To Blogger/Website

Addng Facebook Like box is a very important step to promote your blog or website. Today social media plays a big role in generating traffic. Today I will be showing you how to add Facebook Like box on our blog or website

Steps to add Facebook like box to Blogger: 

1. You need to go to Facebook Developer Page
2. Copy URL from your Facebook fan page.
3. Paste the fan page url in Facebook Page url box like screen shoot below.

4. You can set parameters like as width, height and stream. You can look at preview instantly.
5. Click Get Code button and copy code from iframe.
6. Go to Layout and click a Add-A-Gadget link in Blogger. Add HTML/Javascript gadget and paste the code there.

You are done now.

Stop or bringback sent email in Gmail

Enable Gmail’s Undo Feature:

I will show you today how undo feature for sent emails works in Gmail :

  • Log in to your Gmail account.
  • Go to “Settings.” tabs in Gmail account.
  • On this page you will find “Undo Send” section.
  • Check the check box to Enable Undo Send.
  • Click the drop-box to set the Send cancellation period, meaning the number of seconds you have to prevent the email from being sent.
  • There are options of Time interval 5 Sec to 30 Secs there.
  • Now just click on Save settings button.

Steps to stop sent emails in Gmail:

  • When you send a message, you’ll see a message that says: “Your message has been sent. Undo. View Message.”
  • Click the Undo link.
  • That's it.

Set Godaddy domain with Blogger

Blogger Custom Domain on GoDaddy

  1. Choose a domain name that best suits your bussinessor need and search that on Godaddy.com, if it iS available buy that domain name from GoDaddy.com. Domain names may cost around $10 to $20 per year. 
  2. Make sure you only buy Domain name from GoDaddy, every thing required to set up custom domain in blogger come with it (Free DNS).
  3. Once you have bought the domain name of your choice, login to your GoDaddy account and go to the domains section as shown in the below screenshot
     
  4. Go to the "DNS Zone File" Section of you domain and click on "Add Record"
  5. "Add Another"  CNAME record 
    CNAME details to used are :
    Host : www
    Points to : ghs.google.com
    TTL : 1 hour
  6. You also need to create 4 A Records as follows(but it is optional):
    Sr no #Record TypeHostPoints toTTL
    1A@216.239.32.211 Hour
    2A@216.239.34.211 Hour
    3A@216.239.36.211 Hour
    4A@216.239.38.211 Hour
    Delete any other A record shown under the A Host section.
  7. Now click on "Save Changes (On red strip)

  8. You are now Done with GoDaddy settings. lets move to blogger to set up this domain

Point Blogspot blog to Custom Domain

Now we will configure the Blogger to point to the new Domain name.
  1. Login to your Blogger Dashboard and Navigate to Settings > Basic and click on the Setup a 3rd party URL for your blog link
  2. Type your Custom Domain URL(with www) and click the Save Button

    When you click save, you might get an error copy the Cnames from the error and add it in godaddy like we have done earlier.
    This means that Blogger wants us to create another CNAME record on GoDaddy to verify that you are the owner of the domain. The values for Host and Points To should match what’s shown on the Blogger error. Once done go forward.
    Click Finish and Save Changes once again. Now go back to Blogger and click on the "Save" button once again. This time the verification error should go away. 
  3. Now click on the "Edit" link next to the Blog Address
    Now select the redirection Option and save the settings Once again 

  4. Now your blog should be visible at your new domain.
The DNS changes might take up to 48 hours. So please wait till that time before contacting Godaddy.

Heart Shape with Text(name) Generator.html

Text to Heart Generator:

Show your creativity to someone you love or care.
Type your lovely text(his or her name) and click on the Create button.
Once the text is created you can copy that and paste any where you want(Facebook, Whatsapp, Twiter).






How to Add Load More Posts OR Infinite Scrolling to Blogger

Today I will explain you how to create WordPress kind infinite post loading (scrolling) effect on Blogger. This script is originally created by Simplex Design. Infinite scrolling for blog posts in very charming effect with lite loading effect. I’d first saw this effect on my WordPress.com blog from that time I am desiring this effect for Blogger. If you are not able to understand this effect then you should go to you Facebook wall then scroll down page. There you’ll see the auto loading of old wall entries, this effect is called infinite scrolling until it gets your very first post. In my article I am just changing Blogger pageType tag to make your blog faster and responsive against this script. The main benefit using my version will be you’ll able to load infinite scrolling on home page, archive page and search page while this script will not load on your item page and static pages i.e. blog posts and pages. This means your blog will be more responsive and fast.
If you want to understand this infinite scrolling effect on Blogger. You can see the picture below below. In this picture first page show the default page navigation and second one shows the loading of more post on home and archive page when someone scroll down on your blog this means he or she should not require to navigate by click on page numbers or next post – previous post.
Please Note that, This script will work only on default Blogger templates or less customized templates.

Installing infinite post loading script for Blogger

1. Go to Blogger Dashboard › Select Blog › Template tab › Edit HTML
2. Now search for </head> in your template
3. And paste following code on just above </head>
<b:if cond='data:blog.pageType == "index"'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script src='' type='text/javascript'></script>
<script type='text/javascript'>
jQuery.ias({
    container : '.blog-posts',
    item: '.post-outer',
    pagination: '#blog-pager',
    next: '#blog-pager-older-link a',
    loader: ''
});
</script>
</b:if>
4. If you’re using latest jQuery script you can remove the jQuery code from above code highlighted in red. You should download and upload these files in your own Dropbox or Google Project or Code which are highlighted in green and orange color.
5. Now Save this script (code) in your template
6. Go to your blog’s home page and see the script in action.
If script does not work please reload the complete page.