Saturday, 11 August 2012

How To Use Picture as Blog Background ?

Now has a new feature which allows users to upload their own photos as background easily.

To do so, go to Dashboard > Design > Template Designer > Background.

blogger upload image

Click on the "Background image" and you'll be able to see the "Upload image" feature. Click it and you'll be able to select the preferred picture as your blog's background.

According to Blogger in Draft blog, for images that fill the entire background, a resolution of 1800px wide and 1600px high is recommended and image size less than 200KB to minimize loading time of the blog. It support JPEG, GIF, and PNG format images.

At the end, additional background settings are available by using the Alignment, Repeat and Scroll options. 

Thursday, 9 August 2012

How to Add Official Tweet Button to Blog

You want to add the official Tweet Button at the end (or at the top) of each of your blog post, here's how.


Firstly, go to Dashboard > Design > Edit HTML. Then click Expand Widget Templates.

Search for this code:

<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->

Then, here's the code to add the Tweet Button.

<div style='align:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-via='simpleblogrtips' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if>
</div>

Take note that the code is different from the code generated on Twitter Tweet Button page because it is modified for better performance.

---

Where to add Tweet Button?

To add it above each blog post, add the code before <data:post.body/>.

To add it after each blog post, add the code after <div style='clear: both;'/> <!-- clear for photos floats -->.

To distance the button away from the blog post, add <br/> before or after the Tweet Button code depending on where to put it.

Click "Save Template" and you're done.

---

How to customize Tweet Button?

1) To change button style, change "horizontal" to "vertical" or "none".

twitter button vertical
vertical

twitter button horizontal
horizontal

twitter button
none

2) To change via Twitter account, change "simpleblogrtips" to your preferred Twitter account.

That's all for now!

Sunday, 5 August 2012

Auto SEO Script for Blogspot Blogs

Blogger Or Blogspot, could be a free blogging service in hand by Google has created several rumors that it's not well optimized for search engines. There area unit several blogspot tutorial blogsites on web teaching thanks to get high rank on search engines. however it's going to be frustrating for several folks that at blogspot no choice or no any Script out there that area unit able to push up blogs at high on search engines ranking.



I had tried quite twenty Scripts (Auto Title Swap, motorcar Meta Description, motorcar Meta Keywords, Meta automaton etc) for over four months however finally found most of them useless except motorcar Title Swap Code. This Code will assist you bit to induce some higher rank over SERP. thus I set to develop my very own script for obtaining free to the present downside. when disbursement few weeks finally I developed my very own motorcar SEO Script for blogspot users. which might assist you to induce senior status over SERPs. The Script terribly|is extremely|is incredibly} straightforward and additionally very straightforward to put in. No any skilled data needed.

The Auto SEO Script has following features:-
  • Auto change Blog Page Titles for every post.
  • Auto insert Meta Description for every post.
  • Auto insert Meta Keywords For every Post.
  • Work for Monthly, Weekly and Daily Archives.
  • Work for each blog label.
  • Auto Meta Robot Tag
  • Author Meta Tag.
You only have to insert a Simple Code to your blog template.
Follow Steps below to apply this script:-
Go to Blogspot account.
  1. Select to Layout Button of your desired blog.(at Dashboard)
  2. Now go to Edit HTML Section.
  3. In Template Box, find the code below. ( This may be little bit different if you are using Title Swap code)
<title><data:blog.pageTitle/></title>
Change above code with the code showing below (Select code and press Ctrl + C buttons to copy code)
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "label"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta expr:content='data:blog.pageTitle + &quot; - Discription Here &quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, Keywords Here &quot;' name='keywords'/>
<meta content='Author Name Here' name='author'/>
<meta content='index,follow' name='robots'/>
now change description, keywords, and author name as you like. See image below, change only code in red boxes.


  1.  Description: Write description for your diary of regarding two hundred characters as well as areas.
  2. Keywords: Write five Keywords for your diary. do not repeat any word.
  3.  Author Name: modification diary Author name to your name.

You have done all the items currently save your templet and Check meta Details of your diary. you'll use SEO Centro for this. it'll take up to fifteen days to envision updated meta information on Google moreover as alternative search engines. The motorcar SEO Script can assist you diary to develop and obtaining higher ranking on all Search Engines. For any facilitate or quarry you'll leave a comment. i'll feel happy to unravel your issue.

Wednesday, 1 August 2012

How To Remove Showing post with label...(show all posts)

How to remove "Showing post with label...show all posts" on Blogger blog?

Here's how:


blogger remove this

Log in to your Blogger account, Back-up your template, then go to:

Dashboard > Layout > Edit HTML > check Expand Widget Templates box

Find the following part of code:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Then REPLACE it with:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Save.

Now open your blog and view any label.