Adding Football flash games to your website blog

Got bored and would like to play games while you're blogging?! Below is a good example of flash games for blogger you can add these games to your blogspot blogs or website and adding them to the desired location as a widget or on the post area.



<iframe width="500" height="420" src="http://www.freeonlinegames.com/embed.php?g_id=2804" frameborder="0" scrolling="no"></iframe> <noscript><span style="font-size: xx-small;">Football Flash games for your blog </span></noscript>

Remove border around image uploaded in blogger - blogspot

This is easy to change! You will look for the code that you wish to change, which is .post img code in the CSS style sheet. How to completely REMOVE the border that appears around a posted photo within a post on Blogger??

Look for code with post img  in your template code -

post img {
padding:4px;
border:0px solid $bordercolor;
}

OR

.post img {
margin: 5px;
padding: 5px;
background: $imagebgColor;
border: 1px solid $imageBorderColor;
}

Change this line to read:
.post img {
padding:4px;
border:none;
}

Publish new post to digg automatically use RSS Feed URL

If you already have a Digg account you can set your blog to Automatically Digg new post with in a matter of few seconds.You will need to verify yourself as the owner of your blog to automatically Digg your posts, below i will walk you through the steps.

Just lets follow the steps below:-

1. Login into your Digg account.
2. Click Settings at the right top of the page.
3. Click Import Feeds at the left task pane.
4. Enter your Website’s RSS Feed URL in the Text box.
5. Select your site’s niche from the dropdown box and click the Add Feed button.
6. After submitting the feed you need to verify your ownership of your Site, by following any one of the two methods provided by Digg.

See Image Below

New and improved related post widget blogger

Displaying related posts is a smart way for keeping your site visitors around and with thumbnails it is even smarter! Mike on More-tech-tips has created easy setup wizard for demos and code generation. Also, to have code copied to your Blogger blog!

New Features

1. Display related posts with/without thumbnails.
2. Since, images added to Blogger posts are uploaded to PicasaWeb, you can use many custom thumbnail sizes.
3. You can use one of 2 CSS styles to help you get started quickly.
4. Display posts with transition effects or as a fixed list.
5. Many transition options are available like opacity, width, height, font-size.
6. Optional timeout technique is used to finish widget loading when one or more feed requests were not completed successfully, instead of waiting indefinitely.
7. Thumbnails loading is delayed until widget has finished aggregating related posts to avoid loading extra images
8. You can customize it by placing optional parameters -like custom animation- in a HTML comment or HTML5 data attribute.
9. You can disable widget if current page is not a post page.
10. Widget was rewritten as a jQuery plugin, use a typical jQuery call to load it or auto-load any number of div elements with "related-posts-widget" class in the same page.

Demo1 || Demo2 || Demo3 || Demo4

Make your blogger blog compatible with mobile phones

How to make your blogger blog template compatible with mobile phone??
If you are using a Blogger Layout Template,this tutorial will helpful for you.But if your template is a blogger template,created by using Blogger Template Designer, usually this feature has already added to your template.This will really helpful to increase the number of mobile visitors of your blog.

Login to your blogger Dashboard--> Design- -> Edit HTML and search for

<b:include data='blog' name='all-head-content'/>

Now copy below code and paste it just before the above line.

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>

Now save your template and you are done.

How to submit add blog sitemap to new bing webmaster tools

The first thing is to create an account or use one you already have for the services of pages of Microsoft, like Hotmail

If this is the first time you access the service and never have sent your URL, you will see the option to "Add Site. You can have multiple websites / blogs in the same account.

Go to http://www.bing.com/webmaster/
Click the "Add Site" (1.)
To add the URL of your blog.

Enter the address of your blog where it says (2.)
And click on "Submit" to submit your request (3.)

 How to verify your blog in bing webmaster tools
Now comes the step of verification. They will display a window to ask for proof that you are the "owner" of the site / blog in question.You have two ways to prove it: "Option 1" is hosting a file of type XML in Host where is your blog (for the case of blogs on Wordpress.org, for example), whereas the "Option 2" is to add a goal -tag in the source code of your blog (recommended if blogs on Blogger / Blogspot)

verify your blog in bing webmaster tools

Follow the steps (no mystery).
 In the case of those who use Blogger (Blogspot), go to the panel, click on "Design" ~> "Edit HTML" and look for the line "" and immediately below it, paste the snippet of meta-tag.click the "Verify" for the system of Bing confirm your registration.The tracking and displaying data indexing can take several days to begin to appear.


Adding sitemap of your blog to bing webmaster tools
Until now only register your blog and most important step of all this is to send a sitemap for your blog to be crawled more quickly and help the algorithms to find and read its contents (you know your blog exists and everything that has it).
Within the service panel and Bing Webmaster Tools with your blog already checked, click on your URL. On the page that opens, click on "Crawl" (1.) And then on the "Sitemaps" (2.)

Adding sitemap of your blog to bing webmaster tools

To begin, click the "Add Sitemap". Nesse ponto você terá de adicionar o endereço do arquivo de sitemap do seu blog. At this point you have to add the address of the sitemap file to your blog.

Add your blog sitemap

For blogs on Blogger (Blogspot)

 This is pretty simple.Where you must enter the address of the sitemap, you will enter the default address of Feed Blogger, as in the example below:
URL- http://myfundoo-blog.blogspot.com/feeds/posts/default
And if you own a domain, something like:
URL -http://myfundoo-blog.com//feeds/posts/default

For wordpress.org blogs

You may have been using
Google (XML) Sitemaps Generator for WordPress
Simply create or have created an XML file of your sitemap,hosted on your host and add the link as explained above,clicking the "Submit".