How to Embed Youtube Video in Blogger Post

Blogger is the one of the major blogging platform on the internet. Blogger platform is the choice of many top bloggers. Today some  famous blogs are running on blogger platform. Blogger provides a totally free and easy to use blogging platform. It is the best choice to start a blogging career for newbies. They can learn basics of blogging without spending any money.

Recently, YouTube has gained much popularity. YouTube provides videos to watch online pertaining to different categories. Users can enjoy these videos without downloading them to computer. So YouTube serves as a good source of informative videos.

Sometime, You are writing a blog post on your blog about a topic which needs to insert any youtube video in it. which is necessary  for providing essential information to readers.  So we will discuss here different and easy ways to add youtube videos in blogger blog posts in simple steps as given below.

Add Youtube Video in Blogger

• Go to Blogger > New Post
• Now Click on Video Button 

• Now insert video for your computer OR directly insert from youtube.

• That's All Done
• Now check the preview of blog post. You will see youtube video has been inserted in blog post. So enjoy to share YouTube videos in blogger blog posts with your blog readers.

If Any Problem Comes, Ask in Comments

Read More

How Many of Us Use Google's Disavow Link Tool

As we know that Google Officially launched their Disavow Link Tool and by using it we can easily remove the bad links from our site and this tool is very helpful for webmasters and also for bloggers like us, either they are Pro Bloggers OR Part time Bloggers this tool is very helpful in the sense of the links security and remove the unwanted links from own website/blog.

What is Google's Disavow Tool

Disavow Link Tool is basically a kind of Webmasters Tool which is helpful to remove the strongest spams in the website (like which is impossible to remove) and that spams is harmful for your blog/website. Disavow Link Tool is able to remove that spams from your blog/website.

Polling Results

        According to a poll about using the Disavow Tool and these pool is not officially start by Google OR by any big company, this poll is simply create by Seroundtable.Com and the per day thousands of visitors and many webmasters poll on that and the conclusion comes out which is below you can see.

Many peoples participated in the poll and results comes out as.... 

• 48% said they did not use the disavow tool yet
• 43% said they did use the disavow tool
• 8% said they will use the disavow tool soon

 Source: http://www.seroundtable.com

If Any Problem Comes, Ask in Comments

Read More

Add a Simple 3D Button in Blogger

3D basic button for Blogger you can easily use it for any kind of purpose like for some special notification in your post OR for live demo OR for new kind of special text OR also can use it for intention. It's simply made by using the HTML codes. 

Importance....!

• This is specially made by the HTML codes.
• It can give a very good effect on the appearance of your blog.
• It seems like a 3D Button.
• Very Important for the look wise.

Add 3D Button

• Login to Blogger > Dashboard
• Go to Posting > Edit HTML
• Paste below codes in Edit HTML area where you write your post.

<center>
<br/>
<span style="border-color: rgb(11, 83, 148) rgb(72, 161, 250); border-style: solid; border-width: 10px; padding: 6px;"><b><span style="color: #289728; font-family: Verdana,sans-serif;"><span style="font-size: large;"><span style="color: blue;"><span style="font-size: small;">Write Your Text Here</b></div>
</center>

Make Changes....!

• Replace Write Your Text Here it with your own text.

This is Live Demo 

If Any Problem Comes, Ask in Comments

Read More

How to Improve Your Search in Google by Blog Title

We all want to optimize our blog's searching in search engines like Google, Bing, Yahoo etc. there are several many tricks to get the top searching results and some peoples or companies buy the services in many dollars which is given by web designing companies but as i'm a student and can't buy the services for blog, so we are given a very easy and free way to optimize your blog's searching on the top of the search engines via your blog title.

Like Below (Blog Title After Post Title)

What are we doing?

            We are making your post titles appear ahead of your blog title in search results, as people will be searching for keywords and phrases in your posts rather than on your home page this is almost a Must change.

Let's do it now....

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML > Proceed > Expand Widget Templates
• Press Ctrl + F and search the code shown below.

<title><data:blog.pagetitle/></title>

•  Now replace this code with below code.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

• Now Save Your Template and You are done.

If Any Problem Comes, Ask in Comments

Read More

Blank Blogger Template OR Blank HTML Page

When we install any template in the blogger so many times we thinks that is it possible to have a blogger template like a blank html page, if it is possible then we can easily make own templates according to us and also can publish the static pages like we do in html, so that would be free of cost totally, and which will be helpful to us and also helpful to our bloggers. I know this post was already posted by Mohammad but we also tried this one with own efforts and after some little kind problems we done it successfully.

Live Demo

Install Blank Blogger Template

• Login to Blogger > Dashboard
• Create a New Blog > Select Simple Blogger Template
• Click on Drop Down Menu and select Template
• Now Click on Edit HTML > Proceed.
• Delete all codes and paste below codes of Blank Blogger Templates

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*
-----------------------------------------------
Blank Blogger Template by Rose 91481
Name:        Blank Blogger Template
Designer:        Rose
URL:        http://widgetgenerators.blogspot.com
Get This:     http://widgetgenerators.blogspot.com/2012/11/blank-blogger-template-or-blank-html.html
----------------------------------------------- */



]]></b:skin>

  
  </head>

  <body>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>


<div style='margin-top:700px; '>
<br/>
<center><b><font color='#ffffff'>&#169; All Rights Resrved by <a href='http://www.widgetgenerators.blogspot.com' style="color: #ffffff">Widget Generators</a> 2012.</font></b></center>
</div>
  
</body>

</html>

• Now click  on Save Template and this kind of error will show (see below)
• then, Click on delete button.

Warning: Your new template does not include the following widgets:

BlogArchive1 Profile1 Attribution1 Header1 Blog1

When You See the Layout of this template, It will be Blank and only it will show only the Favicon

Customize Your Template in Own Style

• Add your Meta tags/JavaScripts/ links etc. in between <head> ... </head>
• Add your CSS codes to style your page in between <b:skin><![CDATA[ ... ]]></b:skin>
• Add your showing content which will show in your page in between <body> ... </body>

You can also download this template

Download

What is this all?

BlogSpot templates are codded using the XHTML 1.0 Strict Document Type. It was developed by world wide web consortium on 26 January 2000. Unlike PHP or ASP.net the rules of XML are strict and unforgiving. A slight mistake in code results in terrifying error messages that you often see while editing your blog template. In order to understand how these templates are designed and programmed. You need to start from scratch. The entire blogger template consists of widgets that are operated and managed using classes and IDs. The blog posts section itself is a giant widget that can be styled in different ways.

Enjoy This Post

If Any Problem Comes, Ask in Comments

Read More

How to Remove Date Ribbon From Blogger Dynamic Views

As we all know that Blogger Dynamic Views has many things in bloggers but as we can customize the blogger template according to us and any thing can easily hide or show, similarly we can easily now customize the Dynamic Views of Blogger and today we starts from the How to Remove Date From Blogger Dynamic Views. As Blogger Dynamic Views like by some body and also not be'coz some thing is limited in it but many kinds of new features also available, but anyone can also customize it.

Live Demo

Remove Date From Blogger Dynamic Views

• Login to Blogger > Dashboard
• Click on Drop Down Menu and select Template
• Now Click on Customize > Advanced > Add CSS
• Paste below code in it.

.ribbon{
display: none !important;
}

• Click on Apply Button.

If Any Problem Comes, Ask in Comments

Read More

Blogger VS Wordpress

As we all know that many companies provide free blogging services like Tumbler, Blogger, Wordpress etc. but as we all know that Blogger and Wordpress is most top blogging service provider but when a newbie decide to start a blog and when she/he thinks about the Blogger and Wordpress the she/he would be confuse   in between them so we are here to make difference in Blogger and Wordpress.

Difference in Blogger and Wordpress

Which is better according to us?

• Blogger and Wordpress has their own limitations.
• We can't say which is better but if you can spend money first then you can go with wordpress
• If you want to learn first then we highly recommend Blogger.

If Any Problem Comes, Ask in Comments

Read More

How to Remove Subscribe to Posts Atom from Blogger

Some times when we create a blog and post anything then we saw a text at bottom of the post Subscribe to Posts Atom from Blogger and many blog owners wants to remove it OR hide it from blogger. As we know many bloggers have been published this tutorial but we also post because visitors can easily solve their problem. It's very easy you just have to remove a single line from your blogger template.

Follow the Steps....!

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML > Proceed > Expand Widget Templates
• Press Ctrl + F and search the code shown below.

<b:include data='feedLinks' name='feedLinksBody'/>

•  Now, Delete this line.
• Save your template and you are done.

If Any Problem Comes, Ask in Comments

Read More

Add Borders to the Images in Blogger Post

When we upload OR add any image in blogger, shows a very simple without and borders but when we add the borders in our images then our team also think that we should also give a post about the borders for the images and then we create a new border style for images in blogger. This border style includes the bottom standing shadow below of image and little round corner as you can see in live demo.

Live Demo

Add Border in Images

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML > Proceed > Expand Widget Templates
• Press Ctrl + F and search the code shown below. 

]]></b:skin>

•  Paste below code just above it.

.post-body img {
padding: 4px;
border: 1px solid #AAA;
background-color: #F0F0F0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 15px 10px -12px black;
-moz-box-shadow: 0 15px 10px -12px black;
box-shadow: 0 15px 10px -12px black;
}

• Save your template and you are done.

If any Problem Comes,  Ask in Comments

Read More

How to Remove No Post from Bloggger

When you don't post anything in your blog then blogger shows a message that No Post and many bloggers designed their blog as they don't want to show posts in home page so they don't post anything but blogger shows a message   No Post and they want to disable it OR remove it. So, you can do it very easily by adding some 3 line codes of CSS.

Remove No Post from Blogger

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML > Proceed > Expand Widget Templates
• Press Ctrl + F and search the code shown below.   

]]></b:skin>

• Paste below code before ]]></b:skin>

/*---Remove No Post by widgetgenerators.blogspot.com----*/
      .status-msg-wrap
      {
      display: none;
      }
/*---Remove No Post by widgetgenerators.blogspot.com----*/

•  Save Your Template

If Any Problem Comes, Ask In Comments

Read More

Customize Background of Post Title

My one of the friend ask that how to customize the background of post title like you. Customization is very important in blogger and anyone can easily customize  their blog and today we are discussing that how can we customize the background of post title. 

To customize it like us it's easy and it looks cool and looks very professional and very simple and simplest form is the very important and it gives a professional look to the visitor.

  

Live Demo

Customize Background of Post Title 

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML > Proceed > Expand Widget Templates
• Press Ctrl + F and search the code shown below. 

.post h3 {

• Now paste below code after above code.

        background:#434343;
        color: #ffffff;
        font-size: 20px;
        font-family: Verdana;
        padding:8px 10px 8px 10px;
        text-transform:uppercase;
        line-height:1.2em;

• Now Save your template and you are done.

If Any Problem Comes, Ask In Comments

Read More

Google Launched the Disavow Links Tool for Webmasters

After such a long time finally Google Launched their killing Disavow Link for webmasters. Google’s Distinguished Engineer Matt Cutts announced the new Google Webmaster Tools feature today during his PubCon keynote, urging all SEOs and webmasters to proceed with extreme caution. Bing search engine already has launched their Disavow Link Tool in July and heart that Google will also launch their tool soon and finally that comes here.

What is Disavow Link Tool

                 Disavow Link Tool is basically a kind of Webmasters Tool which is helpful to remove the strongest spams in the website (like which is impossible to remove) and that spams is harmful for your blog/website. Disavow Link Tool is able to remove that spams from your blog/website.

Google’s Distinguished Engineer Matt Cutts Said...

            "The goal with the launch is to keep the tool simple. To disavow links, all you have to do is upload a text file, with one URL per line (full domain or specific page), of links you want Google to ignore. These are the links pointing at your site that you’re telling Google that you don’t trust"

Basically He said

         If you have a bad page which does not have too much importance on your site, and you are better to off removing it and returning a 404 when the URL of that page has been accessed.But you cannot exactly do that if the page with bad links is your homepage, in this caste this tool will help to redirect on 404 error page OR to remove it.

How to Use it....?

• Go to Google Webmaster Tools.
• Select your blog/website.

 

• Google will prompt you to upload a plain text file with the links you want to disavow.

Example File is Here....

# Contacted owner of yoursite.com on 18/10/2012 to
# ask for link removal but got no response domain:yoursite.com
# Owner of yoursite2.com removed most links, but missed these

http://www.yoursite2.com/indexA.html
http://www.yoursite2.com/indexB.html
http://www.yoursite2.com/indexC.html

Note:- This is an advanced feature and should only be used with caution. If used incorrectly, this feature can potentially harm your site's performance in Google's search results. We recommend that you use only Disavow Link Tool if you believe that you have a considerable number of spammy, artificial, or low-quality links pointing to your site, and if you are confident that the links are causing issues for you.

Cutts in the Video Tutorial, telling about it....!

Enjoy the New Webmaster Tool of Google

 

Read More

Add Facebook Rainbow Emoticons Generator

Frnds.... last time we provide a very awesome generator tool for facebook chat which generates the Rainbow Emoticons Generator for facebook which is very simple and very unique generator for websites and blogs and many our readers and visitors ask many time about that generator and they want it. So, there is change to get it, in Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free Free


Live Demo

Add Rainbow Emoticons Generator in Blogger

• Login to Blogger > Dashborad
• Click on Drop Down Menu and Select Post
• In the post click in HTML button
• Paste given code in that area
• and publish your post.

Note:- You have to subscribe us and write your e-mail in comments then we will send you this generator. be'coz we can't publish codes publicly.

Note:- Write Your e-mail id in Comment after Subscription.

Read More

How to Create a Blog in Blogger

Blogging is a very common thing in today's time but many of us don't know that how to create a blog and blogging is very good thing because it's very easy and totally free and we can share our knowledge at a platform and also can gather fan from blogging, it's depend on us that which topic we use for our blog and which platform we use for blogging, Face Blog use Blogger platform, but you can also choose Wordpress, Digg etc, You can also earn money from blog, using Google adsense service of Google, but for Google Ads your accounts should be 2 months old and your content should not be copy that will be self written by admin and blog URL should be custom like www.fblatest.in

 

Note:- You Should have a Google Account for it. Only a GMail ID

Follow all Steps:

• If you have a Google Account then Go to the www.blogger.com and login with your Google Account.
• Then you have to Sign UP for Blogger Account, fill the simple form (LIKE BELOW)

• After Complete that Step, You have completely Signed-UP  for Blogger Account, Now in this step you have to create your blog, So, Click on New Blog (LIKE BELOW)

•  Now in this step, you have to Enter Tittle (Name of Blog), Address (which will be the link of your blog). Note:- Blog Address should be available and after it choose any one template. (LIKE BELOW)

"Your Blog Has Been Created" 

Remember:- This Image Tutorials based on the New Interface of BLOGGER. If you Face any problem ask in comments freely.

Read More

How to Install a Blogger Template

How to Upload / Install Blogger Template

Step 1:

• Login to Blogger > Dashboard
• Click on the Drop-Down Menu and Select Template.

Step 2:

• Click Backup/Restore Button.

Step 3:

• Click on Browse button to Choose Your Template.

Step 4:

• Click Upload Button and your Done.

•  Wait for a minute and You are done

Read More