Blogger Tricky Tricks

Add Share this floating bar to Blogger

2012-09-12T20:03:00.002+05:00

Today i will explain you how to add Share This floating bar to blogger.com blogs.It is also important for SEO. You can add this floating bar next to your blogger every posts in left sidebar easily for people to get touch with social networking for share your posts to Facebook, Twitter, Pinterest and +1 you post.Most of people ask for How to install this Share This floating bar to Blogger.SO, See how to add Share this floating bar to Blogger.

Installing Share This Floating Bar To Blogger

Step 1: Go to Blogger Dashboard.

Step 2: Click on Template and Edit HTML.

Step 3: Check Expand Widget Template box.

Step 4: Find the following code...(If you don't know how to find codes in blogger template Click Here.)

<b:includable id='post' var='post'>

Step 5: Immediately paste the following codes below above code:

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
.mbt_social_floating{
    position:fixed; bottom:10%; margin-left:-60px; float:left;     width:60px;
    background-color:#f7f7f7;     padding: 5px 0 0px 0px;
     border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
z-index:9999px !important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.mbt_social_floating .mbt_side_social_button{
    margin-bottom:5px;
    float:none;
    height:auto;
    width:60px;
}
.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{
    margin-left:5px;
}
.mbt_social_floating .st_fblike_vcount{
    margin-left:5px;
}
.mbt_social_floating .stButton_gradient{
    background:none !important;
    height:21px !important;
    padding-left:0 !important;
}
.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqxwPEakrpbinlm9BOC8DVZyw3-8nduwk8TSCMvnSu029_FCiOQ2hIiveU4OdmXttYY5zfR0npUO7ZTwgZinK5lNccGmqduRq-Ids4CEBOF5IfMc0Yifj9bQBLAy_6PV20UwbH5sv16YEt/s400/gc_social_sprite.gif') no-repeat !important;
    height:19px !important;
    width:45px !important;
    padding:0 !important;
}
.st_email .chicklets{
    background-position:0 -77px !important;
    background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqxwPEakrpbinlm9BOC8DVZyw3-8nduwk8TSCMvnSu029_FCiOQ2hIiveU4OdmXttYY5zfR0npUO7ZTwgZinK5lNccGmqduRq-Ids4CEBOF5IfMc0Yifj9bQBLAy_6PV20UwbH5sv16YEt/s400/gc_social_sprite.gif') !important;
}
.mbt_social_floating .st_twitter_vcount .st-twitter-counter{
    background-position:0 -58px !important;
}
.mbt_social_floating .stButton_gradient{
    border:none !important;
}
.mbt_social_floating .stBubble_count{
    width:44px !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding-top:7px !important;
    height:23px !important;
    background:none !important;
}
.mbt_social_floating .st_twitter_vcount .stBubble_count{
    color:#00a6df;
    background-color:#f8fbfc !important;
}

.st_fblike_vcount{
    margin-bottom: 0px;
    display: block;
}
.st_twitter_vcount{
    margin-bottom: 3px;
    display: block;
}

.st_email{
    margin-bottom: 5px; margin-top: 3px;
    display: block;
}
.mbt_social_floating .stBubble{
    background-position: 21px 31px !important;
    height:35px !important;
}
</style>

<div class='mbt_social_floating'>
    <script type='text/javascript'>var switchTo5x=true;</script>
    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
    <script type='text/javascript'>stLight.options({onhover:false});</script>
    <span class='st_fblike_vcount' displaytext=''/>
    <span class='st_twitter_vcount' displaytext='' st_via='Blogger Tricky Tricks'/>
<div style='margin:5px 0 0px 0;'>
<center><a class='pin-it-button' count-layout='vertical' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script> </center>
</div>
<div style='margin:0px 0 0 5px;'>
    <span class='st_plusone_vcount' displaytext=''/>
</div>

<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: "MY BLOGGER TRICKS",
ui_header_color: "#ffffff",
     ui_header_background: "#0080FF"
}
</script>
<span class='st_email' displaytext=''/>
</div>
</b:if></b:if>

Replace Blogger Tricky Tricks with your Twitter username and you have done.

Hope you Enjoyed!

How to Earn money with your Blog or a Website

2012-09-12T18:44:00.005+05:00

Hi. You may very happy to learn that you can earn money online with your website or a blog.You are so exited to know that you can earn hundreds of dollars with your site at home.Google Adsense pay much by advertising.Read more about Google Adsense below:

Google Adsense:

We know about Google Adsense that it is giant advertising program then other advertising companies. Owners of the websites earn a lot of money with Google Adsense per month. Google pay much when it approved our application. Before you are sending application to Google Adsense Please read more about Google Adsense Terms and Conditions. I also write some important terms and condition you should be followed if you want Adsense fully Approved.

The following conditions must be fulfilled:

1. Content must be Genuine.
2. Your website must be decent and good looking.
2. Content must not be copied.
3. Your site is fully completed not pending.
4. You site is better optimized and

How to Apply to Google Adsense with Blogger:

It is very easy to apply for adsense in blogger nut you have fulfilled conditions mentioned above after apply adsense.Try some following steps below:

Step 1: Go to Blogger Dashboard.

Step 2: Click on the Earnings tab and you can see Sign up for Google Adsense click on the Get started button and fill the form carefully with your real address and payee name must be matched with your bank name.

After 12 or 24 hours you will got an E-mail from adsense. In E-mail it will let you whether your site is approved or not. If you followed upper conditions you will get Adsense Approved.

Thanks for Reading ! Hope you get lot of Information with this article.

Changing the order of post title and blog title for better SEO

2012-09-11T11:52:00.001+05:00

In this tutorial i will show you How can you change the order of Post title to Blog Title to improve your blogs SEO.It is very important part of Blogger SEO.
So, Follow my these simple steps:

Step 1: Login to you blogger and go to Dashboard.
Step 2: Go to Template > Edit HTML.
Step 3: Check the Expand Widget Templates box.
Step 4: Find the Following Code. Note: (If you don't know how to find code easily then click here to read how to find code easily.)

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

Step 5: Replace the Above code with the following codes:

<b:if cond='data:blog.pageType == "item"'>

<title><data:blog.pageName/> | <data:blog.title/></title>

<b:else/>

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

</b:if>

Step 6: Click on save template and you have done!

Check this on Google Search Engine does it works properly or not.
If you have any problem then leave comments below.

Adding Meta Tags to Blogger Blogs for Better SEO

2012-09-10T18:49:00.004+05:00

In this tutorial i will show you how to add meta tags to blogger blogs for better SEO.So, just follow my simple steps:

1.Go to Dashboard > Template > Edit HTML.
2. Check the Expand Widget Template.
3. Find these lines. (If you don't know how to find code read this post.)

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

4. Paste the following code below <title><data:blog.pageTitle/></title>:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='INSERT DESCRIPTION HERE' name='description'/>
<meta content='INSERT KEYBOARD HERE(separated by commas)'
name='keywords'/>
</b:if>

5. Change Insert Description Here with your blog description and change Insert Keyboard Here with your blog Keyboards.

6. Click on Save Template and you have Done.

You can also use Meta Tag Generator Tool.

Submit your site to major search engines

2012-09-10T18:35:00.001+05:00

Everyone wants that its website shows on these Major Search Engines.If you also want so you are found good place.If you want that your website is show on first on Google Search Engine so Read my this article of about blogger SEO tips and tricks.Submitting your site to major search engine will crawl your site and can help your site get into an index faster.

Submitting your site to Google Search Engine

For submit your site to Google Search Engine all you have to go to Google Webmaster Tools.Just go to Google webmaster tools and log in with your G-mail id. After Logged in you can see Add a site Button at the top right of the page like this:

Just click on the Add a Site button and a new box will pop-up enter your site included http:// with your site and click on the continue button.

Note:(sometime it will not ask you for verify.)

If it will ask you to verify Click on Alternate Methods tab on the top and check HTML Tag Radio button.Copy the meta tag and insert it into your blogger template like this:

Go to Template > Edit HTML.

and after the title link paste the code.

You have Done!

Submitting your site to Yahoo/Bing Search Engine

At this time the Yahoo is connecting with Bing search engine if we submit our site to Bing the Yahoo can accept it.So, how to submit a site to Bing search Engine.

Go To Bing webmaster Tools.

And type your url including http:// and click on Submit and you have Done!

Thanks for Reading!

Hope you enjoy!

If you have any problem please comment below.

How to Find Text/Code Easily from any Web Page

2012-09-08T19:12:00.000+05:00

Hi, today i am here to explain you how to find code or text easily in the website pages or any posts...This is very easy just follow these 2 easy steps:

Step 1: Press CTRL+F or F3 and you will see a box at the top right on the page.

Step 2: Just Type the text you want to Find . Expample is given below:

That i want to find "continue reading" text so i will just type it on the search box above and the text which i type will be highlighted with orange or yellow colours like this (Click on image for zoom):

Hope you enjoy this post! Please Share this post Thanks.

2 ways to Customize Read More Option in Blogger Blogs

2012-09-08T18:46:00.001+05:00

Today i will show you how to style Read More option in Blogger Blogs and How to Add Buttons instead of Read More text.

Download Read More Button Collections Here Some buttons example are given above in the image .

Just Follow my these 2 easy ways to Customize...

Change the Read More Text in Blogger

If you want to change read more text to another like continue reading etc.

Just Follow:

First of all found this code:(If you not know how to find code easily then Click Here to Read about how to find text.code easily)

<b:if cond='data:post.hasJumpLink'>

Then Below you can see Read More:
Example:

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url' expr:title='data:post.title'>Read More</a>

</div>

</b:if>

Just Replace with your own text like Continue Reading! etc.

Add Image instead of Read More Text

If you want to display image instead of any text so just follow these easy step:

First of all again find:

<b:if cond='data:post.hasJumpLink'>

Replace Read More text with your image link like:

From This

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url' expr:title='data:post.title'>Read More</a>

</div>

</b:if>

To This

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url' expr:title='data:post.title'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnJLlLLPa2D19uyiXOKBFS78fJkFSGrVCQvU-jDOI8gK9YE5jLuEoaE7SkugEEdE_8esL_5VVqlCD5Sracug18Qu-Xa4w5HaSXdVE4JoevzwrAzjfG9JqWkT6zGUicoepvR0pgSnCmXEZi/s1600/readmore.png'/></a>

</div>

</b:if>

Now you have Done!. If you got any problem so please leave comment below...

How to Add Sitemap on Google Webmaster for Better SEO

2012-09-08T17:38:00.000+05:00

In this post i will show you How You can Add Sitemap to Google Webmaster Tools.Sitemap is very important for SEO. If we add Sitemap to Google then it will directly catch our new Posts from our website and show it on Google.com Search Engine.
So, Lets Started!
Just Follow These Simple Steps:

Step 1: Go to Google Webmaster Tools and Log-in.
Step 2: Click on your site and in the left sidebar go to Optimization > Sitemap.
Step 3: After that click on Add/Test Sitemap at the right top of the page.

After click you can see a box like this:

Step 4: In the text box above in the picture you can see paste the following code on this box...

/atom.xml?redirect=false&start-index=1&max-results=500

You have Done!

How to Add Custom Template in Blogger Blog

2012-09-08T10:47:00.002+05:00

Welcome this is my post about how do you add your own custom template in Blogger Blogs. So, Just follow my these simple step:

1. Download Any Template You like. If you want to get free professional template then just go to that site and download free blogger Templates:

Deluxe Templates Blogger Templates Blogger Styles

2. After Download You will get and .xml Document.
3. Login to your Blogger.com account.
4. Go to Dashboard > Templates > and at the top right you will see Backup/ Restore Click on them.

5. After Click You can see a Box like this below:

6. Click on the Choose File as you can see above and chose your .xml sile and then click on upload.

Hurrah we install custom template successfully. If you have any problem leave a comment below...

If you like this post plz share it. Thanks!