BloggerZine

How To Make Blogger Search Preferences SEO Friendly

noreply@blogger.com (Anonymous) — Wed, 20 Nov 2013 12:28:00 +0000

In this post i will show you how to setup blogger search preferences to make your blogger blog more SEO Friendly. We all know that the search engines prefers the blogs/websites that are good optimized and SEO Friendly.

What Search Preferences Means

With this setting you can tell to the robots witch and how to crawl pages from your blog. Now we have and we can modify this options in the New Blogger Interface Dashboard. By default, the robots crawl every single page of the blog, including labels pages, search pages and external pages. I will show you how to setup this to get a more SEO Friendly blog.

How To Set Up Search Preferences In Blogger

Step#1 :

Go to Blogger Dashboard:
Click on Search Preferences:
Click on Custom Robots header tags
Click on Edit > Enable Custom Robots header tags (click Yes)
Make the changes like in next image:

Step#2 :

Go To Search Preferences
Enable Custom Robot.txt
Past the below given code in the Custom Robot.txt

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /

Sitemap: http://itrickb.blogspot.com/feeds/posts/default?orderby=updated

Replace itrickb.blogspot.com with your own blog
Click Save Changes
It must look like in below image :

This is it. Now your blogeer blog will be more SEO Friendly and the benefites of this will be comming soon.

How To Add Google+ Badge In Blogger

noreply@blogger.com (Anonymous) — Tue, 19 Nov 2013 11:50:00 +0000

Adding a Google+ Badge on your blog, helps you to drive more visitors to your Google+ profile and to get more followers. There is a very simple method to add a Google+ badge on your blogger blog. You need to have a profile created on Google+ and then you can simply generate a badge for your blog. Google Plus has just updated their Badges, making them more flexible, feature-rich, and easy to implement. In this tutorial i will show you the step by step method to do this. So let`s get started...

How To Create a Google+ Badge

To create a Google+ Badge with this simple method, follow the next steps :

Go to Google+ Badge creation page
Enter or select the URL or your user name of the profile, page or community you want to create the badge for (look at the image below)

At Features option, select Badge
At Layout select how do you want your badge to look (see image below)

Select the Width of your badge (standard badges are 300 width)
Choose Collor Theme that matches with your blog template colors (light or dark)
And now if you are done customizing your badge, copy the given code, and paste it to an HTML/JavaScript widget in your blog.

This is it. I hope you like this tutorial. Please comment if you have any problems. Happy Blogging !

Show Author Image In Google Search Results

noreply@blogger.com (Anonymous) — Sat, 16 Nov 2013 12:04:00 +0000

Hello again my friends, today we will learn how to show Author Image in Google search results. This is an improvement made by Google and it`s named Google Authorship. Manny internet users give credit to sites or blogs that have Author Image shown in result, because it inspire trust. If you've verified your Google Authorship then whenever you'll search for any keyword and if your webpage appears in the search results then it will be having a profile picture or it will appear like thumbnails.

So let`s get started to learn How To Show Author Image in Google Search Results.

Display Author Profile Picture In Google Search

To be eligible to show your author image in Google search results you must have an Google+ account, because you need to connect your G+ account with your Blogger account. This operation is needed because the profile picture from your G+ account will be shown in Google search results. There are two methods to do this...so let`s see which is more simple and suitable for you.

Method #1 : Verifying The Domain Email

Verifying the Google authorship with domain web email is the most easiest way. Here you will need to have an email address created in your domain hosting panel or control panel. If you've bought the hosting of your domain then you can easily create that email or you might have already created. It will look like yourname@yourdomain.com

Sign in to your Google+ account.
Go to Google authorship markup.
There in the right side, you will see an input box for domain email address. Simply fill the email address created in your domain yourname@yourdomain.com

Click on "Sign Up For Authorship" buttom.
You will receive a confirmation link in your email. You will need to confirm you email adress.
After confirming your email adress, a message will appear that you've verified the email address.

Method #2 : Manually Verify Google Authorship With rel='author'

This method is for those bloggers that don`t have a paid domain for their blogs.

Step#1 : Add Google+ Badge Widget In Your Blog

Firstly you must add the Google+ badges or widgets in your blog. This will help you to link your blog with Google+ profile.

Step#2 : Using rel='author' Attribute In About Us Page

Go to pages in Blogger and edit the About Us page.
Enter into the HTML Tab and add the following link code anywhere you want to add.

<a href="https://plus.google.com/GOOGLE+ ID/" rel='author' target=' _blank' >Your Name</a>

Replace Google+ ID with the ID of your Google+ profile.
Replace Your Name With Your Name.
Now Save and Publish the About Us page.

Step#3 : Adding your blog link in Google+ profile

In this last step you must insert your blog link in your G+ profile. And this will prove to Google that you're the actual owner of blog.

Login to your G+ account.
Go to the About page.
Scroll down and Links section will appear.
Click Edit button and a popup will appear. Add the link of your blog there.

Top 10 Most Wanted Games On Xbox One And PS4

noreply@blogger.com (Anonymous) — Fri, 15 Nov 2013 17:48:00 +0000

Here is the Top 10 Most Wanted Next-Gen Games for Xbox One and Playstation 4 in 2014

10. Metal Gear Solid V: The Phantom Pain

Platforms: Xbox One, Xbox 360, PS4, PS3 Release Date: TBD

Past Metal Gear Solid games (excluding the spinoff titles) have come to define their respective console generations, and The Phantom Pain looks prepared to do the same. While other titles in the series have focused on tightly structured pathways, the new game is set on the wide open plains of Soviet-era Afghanistan with gameplay that resembles a stealthier Red Dead Redemption. With a more realistic environment, gamers will rely on everything from various weather conditions to the constant day-to-night cycle to keep themselves hidden from enemies. As always, game director Hideo Kojima's cinematic flair and elaborate plot lines will drive the story forward.
The Metal Gear Solid series has a reputation for consistently breaking new ground in terms of gameplay and visual style, so gamers can likely expect the same when this latest entry is released.

9. Quantum Break

Platform: Xbox One Release Date: 2014

Microsoft has featured Quantum Break at two presentations now, and yet we still know very little about this time-bending shooter. One thing we do know however is that it will ship with a companion TV show that will directly reflect the player's in-game choices. As players progress through the story, they'll unlock episodes of the show, but only those that fit with the actions they've taken. Developer Remedy Entertainment has tinkered with inserting other media into games before with Alan Wake and Max Payne, so this seems like a logical progression. Previous titles, such as Defiance, have also bridged TV and video games similarly in the past, but those have typically been based on an online community's actions rather than an individual's.
Between this and Ubisoft's interactive TV show, Rabbids Invasion, it looks like the lines between video games and television are going to be blurred even further in the future.

8. Final Fantasy XV

Platforms: Xbox One, PS4 Release Date: TBD

Square Enix has a history of pushing consoles to their graphical limit with the Final Fantasy series, and the next one looks like it will demonstrate exactly what the Xbox One and Playstation 4 are capable of visually. This time around, the gameplay will be much heavier on the action with fast-paced sword and gunplay that hasn't been seen in the franchise before. The game will take place in a fantasy-infused version of modern times, replete with the aesthetic style fans of the series have come to expect.
Originally titled Final Fantasy Versus XIII, the game was held back until consoles could produce the graphics the developers wanted. From what we've seen so far, Square Enix has polished the visuals to where they resemble the stunning tech demo the developer showed at last year's E3, making Final Fantasy XV one of the flashiest-looking games coming out only on the new systems.

7. The Crew

Platforms: Xbox One, PS4, PC Release Date: Early 2014

On the surface, The Crew looks like a typical racing game, but there's never been a track as large as the one Ubisoft has planned. Rather than focus on disconnected roadways, the game takes place in a persistent online world that spans the entirety of the continental US, complete with major roads and highways. Players can even venture off-road in certain areas, and almost anything spotted in the distance in open areas can be reached by vehicle.
The basic premise has a lot in common with online games like World of Warcraft, but with cars as the avatars. The entire game environment is filled with missions and challenges for players to either tackle alone or with a group of friends. Ultimately, this seamless integration of multiplayer and single player into one game makes it stand apart from long-respected racing franchises like Forza Motorsport and Gran Turismo.

6. Destiny

Platforms: Xbox One, Xbox 360, PS4, PS3 Release Date: 2014

Destiny is the first original IP from Bungie since it released Halo back in 2001, which went on to become one of the most successful game franchises in history. If there was any doubt over whether the high-profile developer could repeat that success, it was silenced after people got a look at Destiny's gameplay. This new title looks like a first-person shooter fused with a massively multiplayer online game. Players will dispatch enemies with some inventive weapons and abilities, while at the same time collect loot drops, manage skill trees, and meet up with other gamers within a persistent world. Best of all, Bungie's signature style appears to permeate the post-apocalyptic landscape, which is filled with bizarre creatures and intricate environments. If the designers can pull this off, we may be looking at the beginnings of a new genre so far as consoles are concerned.

5. Knack

Platform: PS4 Release Date: November 2014

The game market tends to feel flooded with grim shooters most of the time, which is why Knack is such a welcome standout among the other next-gen titles. This action platformer features anime-inspired visuals, colorful environments, and gameplay reminiscent of Katamari Damacy. Players will take control of the titular creature, who can absorb thousands of objects to grow to the size of a building and then drop them all to shrink down again. He'll even be able to take on different forms and gain new abilities, depending on the objects he picks up. It's the sort of concept that could only be pulled off by a beefier console, which is why the game will launch exclusively on the PS4. It probably also helped having the lead architect of the PS4, Mark Cerny, as the game's director.

4. Titanfall

Platforms: Xbox One, Xbox 360, PC Release: Spring 2014

As the inaugural title from Respawn Entertainment, a game studio founded by key staff behind the original Call of Duty, Titanfall carries some understandably high expectations. Luckily, given the gameplay shown off at Microsoft's press conference, it looks fully prepared to meet them. Set in a sci-fi universe, players will take on the role of a soldier with access to an armory of futuristic weapons and gadgets. This will include jet packs and invisibility cloaks, but the main draw is the titans, giant armored mechs that players can call down to the battlefield and pilot.
The developers presented a demo of the game's multiplayer that bore a striking similarity to Call of Duty's, but with more frenetic action and variety. Based on what's been shown so far and the talented pedigree behind it, Titanfall is practically guaranteed to become a favorite among online players.

3. Watch Dogs

Platforms: Xbox One, Xbox 360, PS4, PS3, PC Release Date: Nov. 19, 2013

Ubisoft's Watch_Dogs has come to represent the next generation of games ever since it stole the show at E3 2012, and even a year later that reputation has remained. As a hacker in a sprawling city where almost every device is online, players are handed an amazing amount of freedom to tap into any gadget to gather intel, cover their tracks, and locate targets. A demo at Sony's press conference showed the main character, Aiden Pearce, guiding an accomplice to safety through security cameras and triggering a blackout to evade police, proving we still have plenty of surprises left to see from this jaw-dropping game.
Add in some multiplayer elements that will allow players to jump into each other's cities to help or hinder their efforts, and you've got the makings of some truly unique gameplay when Watch_Dogs is released near the end of this year.

2. Project Spark

Platforms: Xbox One, Xbox 360, Windows 8 Release Date: TBD

Essentially the Xbox's answer to LittleBigPlanet, Project Spark hands players the tools to craft their own game with an incredible level of customization. As Microsoft Studios demonstrated, gamers will be able to use voice commands, Kinect motion controls, and even SmartGlass on a tablet to create an environment from the ground up and fill it with enemies, power-ups, landmarks, and anything else they want. More importantly, you can even modify the AI of almost any object. At Microsoft's press event, the developers demonstrated this by having a rock follow a character around like a pet.
Even those are just basic features though. With a little more time and ingenuity, it's possible to build any type of game you can conceive of, from a fantasy RPG to a simple card game. And if you don't want to bother with designing anything, you can always download the countless creations made by other players instead.

1. Tom Clancy's The Division

Platforms: Xbox One, PS4 Release Date: 2014

Ubisoft knows how to end its presentations on a high note, so it saved its ambitious online title for the end of its press conference. The Division casts players as members of an advanced military force trying to maintain order in a pandemic-stricken New York City. But that's not even the most intriguing part. Along with the usual AI enemies and NPCs you might expect, other squads of players will populate the open-world environment, who you can join or attack for supplies.
Ubisoft's preview also demonstrated how other players can offer assistance by guiding an in-game UAV with a tablet to locate enemies and supply equipment to teammates. This idea of contributing to a game at any time through a smart device, even if you're not in front of a console, is a trend that seems to be taking hold in the gaming industry.

Meet The EZ Robot. Perfect Gift For Him

noreply@blogger.com (Anonymous) — Fri, 15 Nov 2013 16:34:00 +0000

EZ-Robot

This could be the perfect gift. A futuristic robot that you can customize just for you.
Visit EZ-Robot, the place where you can buy easy cutomizable robots. Depending on your model of choice, you can customize your robot's movements, abilities and even its aesthetic. You can add features, strip it down or find the combination that works best for you. They also come with complete assembly instructions.
The price of this ez robots is between $250 to $450, depending on customization.

How To Add CommentLuv In Blogger

noreply@blogger.com (Anonymous) — Wed, 13 Nov 2013 15:57:00 +0000

Getting comments for your blog is like getting compliments and clients for your work and helps to connect with your loyal readers. Getting comments for your blog isn’t easy, visitors coming to your blog comment only when they feel that they are convinced with the post and want to compliment via comments section or have some queries, which they think they can solve for them.

First of all let`s see what is commentLuv and how this addon can help our blogs.

What Is CommentLuv

Commentluv is basically a way for bloggers to reward their commenters. What it does, is to place the title of a recent blog posts of their commenter under a comment. This can be especially useful in gaining more comments. Shortly this allow a commenter to put a backlink on your blog.

What Are The Benefits Of Using CommentLuv On Your Blog

Manny bloggers try to promote their blogs by inserting backlinks on blogs with high PR and with CommentLuv addon. There are many online tools that helps to find blogs with CommentLuv addon. CommentLuv can generate you some extra traffic and your content will get more comments. I already posted a tutorial on How to get high PR Backlinks.

How To Add CommentLuv In Blogger

1. Go to intensedebate.com and create an account.
2. On the top menu click on the arrow next to "Sites" and select "add blog/site".

3. Insert your blog's url in to the input box in the following form: http://yourblogname.blogspot.com then click "next step"

4. On the screen that follows you will be given the following options:

Display IntenseDebate comments on:

Select "all new posts" if you wish to keep past comments on previous blog posts
Select "on all blog posts" if you wish for the IntenseDebate platform to override the default commenting system.

5. Keep the IntenseDebate window from the step above open since we will come back to it. Click this link -> Blogger, it will open a new tab and take you to Blogger.
6. Click on the arrow next to the "post list" and click on "template".

7. Click the "Backup/Restore" button located at the top right.

8. The following pop up will open:

9. Save the file on your desktop and keep the Blogger tab/window open. Now go back to the IntenseDebate screen you left open without closing Blogger.

10. We are now on step number 5 in the IntenseDebate platform, click "browse" and find the file you just saved from Blogger on your desktop. Click "upload file and continue". You will be taken to the following screen:

11. Copy and paste the text in the box on step 2 in the green box. Now go back to the following screen on Blogger and click template:

12. Click "edit html"

13. A pop up window will open, paste the code that you copied from step 10 (the green box) replacing all the template code. Click "save template" and you are done.

This excellent step by step tutorial was made by Karla Campos for SocialMediaSass.

Learn How To Get High PR Backlinks

noreply@blogger.com (Anonymous) — Mon, 11 Nov 2013 13:51:00 +0000

Hello bloggers, today we will talk about how High Page Rank backlinks give us more organic traffic. All of us tried different methods to get backlinks from high page rank blogs which are also shared on many blogs and some of them also give a long list of high page rank blogs by which we can generate good backlinks.

What Are High PR Backlinks ?

Backlinks are known as incoming links to your blog/site from other webpages or those links which a user (visitor) can land from one blog/site to another blog/site.
Page Rank is the Google ranking algorithm used to set up an hierarchy for sites in search engine. Google gives a total of 10 points in page rank and it depends on the backlinks (incoming links from other sites) which your blog have. Now, High PR Backlinks means, those backlinks which your blogs have from high page rank websites.

High PR Backlinks Helps Us To Increase Search Traffic?

Yes High PR Backlinks helps our blogs. If you will go to any high PR blog and you will generate a backlink to your blog through commenting or guest posting you wil see that once the link is live on that blog or site the search engine's robots will come to crawl the new content then in the process, it will reach to your backlink and will think that the high PR blog is pointing backlink to another small blog. And after that, it will note your backlink which will help you to get good rank in search engine

How To Get High PR Backlinks?

So, in order to be able to get backlinks from high PR sites or blogs, the first step we need to make is to find these High PR blogs. So let`s find out how to find these blogs or sites.

Firstly you need to download and install the SEOquake plugin. This tool will help you to find hi-pr blogs.

Step#1 : After installing the SEOquake plugin, we are ready to do research. We will also need the DropMyLink tool to find the relevant niche or related niche blogs.

Go To Drop My Link
Type any keyword which should be relevant to the niche.
Select any option in the Find field.
Press Search button.

Now, a new tab will open in which Google search will open automatically. In the search results, you will see that kind of webpages which will be related with the keyword that you typed in DropMyLink. Now, in order to identify the high PR webpages, you will see the SEOquake bar below every result. It will show you the PR of each website or blog making our work easy from now.

Step#2 : Now we need to make backlinks from the websites/blogs that we founded in Step#1.

Open some webpages or blog posts which may have high page rank.
Scroll down to the bottom at comment system.
If the system is having CommentLuv form, then post a comment there.

Type name, email, URL (Paste blog URL) and make sure that you write a long and good comment to avoid being considered a spamer and to get your comment approved.

Guest Post : If you don't want to do commenting for high pr backlinks then you can also do guest posting in order to get quality backlinks. Simply, search for "Write For Us" page there in that high page rank blog and read the guidelines given there. After that write a good guest post which should be suitable for that blog and submit it. If the guest post is approved then you can get dofollow backlink from there which is more powerful then comment backlink.

Blogger Widget For Recent Comments

noreply@blogger.com (Anonymous) — Mon, 11 Nov 2013 13:49:00 +0000

In this post i will show you how to install the Recent Comments Widget in Blogger Blogs. This widget is the perfect way to display on your blog the latest comment from your posts. This is the latest version (v3) of the Recent Comments Widget, is very fast and have a great design and animation.

How To Install Recent Comments Widget In Blogger

To add this awesome widget you need to follow a few steps :
Step#1 : Add The Widget

Go to Blogger
Layout > Add widget > HTML/JavaScript
Copy the below given code :

<style type="text/css" scoped>
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;}
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}

</style>
<script type="text/javascript">
//<![CDATA[
var
numComments = 5,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=50,
adminBlog='Your Name';
//]]>
</script>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-recent-commentsv3.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=allbloggertricks_recent&&max-results=50">
</script>

Step#2 : Customize The Widget
After adding the code check the configuration of the widget.

numComments - Shows the maximum number of comments to show in the widget.
showAvatar - Change to false if you want to hide avatar in the widgets.
avatarSize - The size of the avatars in the widget measured in pixels.
roundAvatar - Change to false if you do not want the avatar to be round in shape.
characters - No. of characters to show in the comment.
defaultAvatar - The picture to be used when a comment has no avatar.
adminBlog - Replace Your Name with the admin's name so his comments can be hidden.

Save the HTML/JavaScript widget and place it wherever you want the recent comments to appear on your blog.

Awesome Social Icons Widget

noreply@blogger.com (Anonymous) — Mon, 11 Nov 2013 13:47:00 +0000

Today i will learn you how to install these awesome Social Icons with Tooltip Hover Effect, created purely by CSS, without any picture or javascript in it. This widget is perfect designed and simply to customize and install.

So let`s see how to add this awesome widget to our Blogger Blogs.

How To Add The Social Icons With Tooltip Hover Effect in Blogger

Step#1 : First you need to add the widget, so let`s go.

Go to Blogger
Layout > Add widget > HTML/JavaScript
Copy the below given code :

<div class="container">
<ul class="action-bar clearfix">
<li>
<a href="http://twitter.com/TWITTERHANDLE" class="like">
<span class="zocial-twitter"></span>
<span class="tooltip">Follow</span>
</a>
</li>
<li>
<a href="https://plus.google.com/GOOGLEPLUSID" class="favourite">
<span class="zocial-googleplus"></span>
<span class="tooltip">Circle us</span>
</a>
</li>
<li>
<a href="https://www.facebook.com/FBID" class="comment">
<span class="zocial-facebook"></span>
<span class="tooltip">Like us</span>
</a>
</li>
<li>
<a href="http://YOURBLOG.blogspot.com/feeds/posts/default" class="share">
<span class="zocial-rss"></span>
<span class="tooltip">Subscribe</span>
</a>
</li>
</ul>
</div>
<style>
@charset "utf-8";
@import url(http://weloveiconfonts.com/api/?family=zocial);
/* zocial */
[class*="zocial-"]:before {
font-family: 'zocial', sans-serif;
}
/* ---------- GENERAL ---------- */

a { text-decoration: none; }
ul {
list-style: none;
margin: 0;
padding: 0;
}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after {
content: "";
display: table; }
.clearfix:after { clear: both; }
.container {
display: block;
height: 64px;
position: relative;
width: 256px;
}
/* ---------- Action Bar ---------- */
.action-bar li {
float: left;
}
.action-bar a {
-webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
box-shadow: inset 0 -2px rgba(0, 0, 0, .5);
color: #e7e7e7;
display: block;
font-size: 32px;
height: 64px;
line-height: 64px;
position: relative;
text-align: center;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-ms-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
width: 64px;
}
.action-bar a:hover .tooltip {
margin-top: 16px;
opacity: 1;
}
.tooltip {
border-radius: 3px;
font-size: 14px;
height: 28px;
left: 50%;
line-height: 28px;
margin: 0 0 0 -50px;
opacity: 0;
position: absolute;
top: 100%;
-webkit-transition: margin-top .3s, opacity .3s;
-moz-transition: margin-top .3s, opacity .3s;
-ms-transition: margin-top .3s, opacity .3s;
-o-transition: margin-top .3s, opacity .3s;
transition: margin-top .3s, opacity .3s;
width: 100px;
}
.tooltip:before {
content: "";
height: 8px;
left: 50%;
margin: -4px 0 0 -4px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
}
.like,
.like .tooltip,
.like .tooltip:before { background: #65B1F8; }
.like:hover { background: #65B1F8; }
.favourite,
.favourite .tooltip,
.favourite .tooltip:before { background: #c93037; }
.favourite:hover { background: #b02b32; }
.comment,
.comment .tooltip,
.comment .tooltip:before { background: #43438e; }
.comment:hover { background: #393978; }
.share,
.share .tooltip,
.share .tooltip:before { background: #FF8000; }
.share:hover { background: #FF8000; }
</style>

Step#2 : Customize the widget.
Change the text in RED with your desired URLs. Once you have added the code and made the changes save the respective widget and finally the template.

You are done now. Now you and your visitors can see these awesome and Cool Social Icons with Tooltip Hover Effect in your blogger blog.

Full CSS Notification Bar For Blogger

noreply@blogger.com (Anonymous) — Mon, 11 Nov 2013 13:46:00 +0000

Hello bloggers, today i present to you a modern widget for Blogger Blogs : CSS Notification Bar with option for visitors to close or show. With this bar you can highlight a few posts or show to your visitors what`s hot on your blog. You can add text and links and it`s simple to install and customize. This bar is created purely from CSS and it`s very fast.

How To Add The CSS Notification Bar To Blogger

You can see this Notification Bar installed on my blog. So if you want to add this awesome notification bar to your blog, follow the next steps :

Step#1 : Add The Widget

Go to Blogger
Layout > Add widget > HTML/JavaScript
Add the below given code :

<style type="text/css">
/* Notification Bar For Blogger */
#abt-hotsmain{height:100px;left:0;position:fixed;top:0;width:100%}
#abt-hots{background-color:#242729;border-bottom:1px solid #349ecb;height:30px;left:0;position:fixed;top:0;width:100%;box-shadow:2px 2px 2px 2px;z-index:10000;color:#349ecb;}
#abt-hotsdata{color:#349ecb;font-family:serif;font-size:15px;padding:5px}
#abt-hotshide{cursor:pointer;height:20px;position:absolute;right:12px;top:4px;width:20px}
#abt-hotsshow{background-color:#242729;border-bottom:3px solid #349ecb;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-left:3px solid #349ecb;border-right:3px solid #349ecb;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:5px;top:0;width:30px}
.abt-hotsdownarrow{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #349ecb;height:0;width:0}
.abt-hotsblock{background-color:#349ecb;height:10px;width:8px}
.abt-hotsuparrow{border-bottom:10px solid #349ecb;border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:0}
</style>
<div id="abt-hotsmain" >
<center id="abt-hotsshow" onmouseup="document.getElementById('abt-hots').style.display='block'"><div class="abt-hotsblock"></div><div class="abt-hotsdownarrow"></div></center>
<div id="abt-hots" >
<center id="abt-hotshide" onmouseup="document.getElementById('abt-hots').style.display='none'"><div class="abt-hotsuparrow"></div><div class="abt-hotsblock"></div></center>
<center id="abt-hotsdata" >
<a href="add your link"> add Text </a>
</center>
</div>
</div>

Step#2 : Customize Widget

Change BLUE TEXT with your own link
Change PURPLE TEXT with a name for the link you add

So i`m waiting your comments about this widget. Do you like it or not??

Sliding Social Icons With Hover Effect Widget

noreply@blogger.com (Anonymous) — Mon, 11 Nov 2013 13:44:00 +0000

I present to you another Social Icons Widget for your Blogger blogs fully made with CSS3, withou using any JavaScript code. So if you want to add this Sliding Social Icons With Hover Effect widget to your blogs, follow next steps.

How To Add Sliding Social Icons With Hover Effect In Blogger

Step#1 : First you need to add the widget, so let`s go.

Go to Blogger
Layout > Add widget > HTML/JavaScript
Copy the below given code :

<div class="abt-social-slide">
<ul>
<li><a class="facebook" href="#" target="_blank">Facebook</a></li>
<li><a class="twitter" href="#" target="_blank">Twitter</a></li>
<li><a class="google-p" href="#" target="_blank">Google plus</a></li>
<li><a class="rss" href="#" target="_blank">Rss</a></li>
</ul>
</div>
<style>
.abt-social-slide ul li{list-style:none;border-bottom:none;padding:0}
.abt-social-slide li a{width:59px;height:59px;float:left;text-indent:-99999px;border:solid 1px #222121;border-radius:5px;-webkit-transition:All .3s ease-out;-moz-transition:All .3s ease-out;-o-transition:All .3s ease-out;margin:5px 5px 10px;padding:0}
.abt-social-slide li a.facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm7_qx2sfSWFE7k5yC-XJysMFTg5Twk3d5rXoGNJVz08XpJDgMjp88m8AW7xNPYgrjJJ0oKp41QEIaa-hZDcDWzMaw3_Krq4LX-aS6Rs-lQQou0EoHKEWUrhjQbo_H0L7BSfULYGsTLw/s1600/facebook.png) no-repeat 0 -88px}
.abt-social-slide li a.facebook:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm7_qx2sfSWFE7k5yC-XJysMFTg5Twk3d5rXoGNJVz08XpJDgMjp88m8AW7xNPYgrjJJ0oKp41QEIaa-hZDcDWzMaw3_Krq4LX-aS6Rs-lQQou0EoHKEWUrhjQbo_H0L7BSfULYGsTLw/s1600/facebook.png) no-repeat 0 0}
.abt-social-slide li a.twitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdan7LWvssyvqfNuqoli8oF9TGRjLhr7BCQx9lfeNtT0FIobxoLtJ9HBQz2nQUPEWjWYyp338vAjukuGXVDMxr8bPyQOxGNhv-6S4e26R0WuU0fd8so2UoKFMmoTX5VW0Kag3V_IsWuw/s1600/twitter-1.png) no-repeat 0 -88px}
.abt-social-slide li a.twitter:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdan7LWvssyvqfNuqoli8oF9TGRjLhr7BCQx9lfeNtT0FIobxoLtJ9HBQz2nQUPEWjWYyp338vAjukuGXVDMxr8bPyQOxGNhv-6S4e26R0WuU0fd8so2UoKFMmoTX5VW0Kag3V_IsWuw/s1600/twitter-1.png) no-repeat 0 0}
.abt-social-slide li a.google-p{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrtE0B4FSwuQrybn92nRod4SwUTkLVGIcGsDxTFMAums_I5aKlR7d9kGzfzDDYLpUs71iZfaw4qktF57gfFER7m8n6T0dxmxQr3_tVAfc1IR-GcM9Wzqpdz9gmf8pJ_dUBPRtO-i4aGA/s1600/google.png) no-repeat 0 -88px}
.abt-social-slide li a.google-p:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrtE0B4FSwuQrybn92nRod4SwUTkLVGIcGsDxTFMAums_I5aKlR7d9kGzfzDDYLpUs71iZfaw4qktF57gfFER7m8n6T0dxmxQr3_tVAfc1IR-GcM9Wzqpdz9gmf8pJ_dUBPRtO-i4aGA/s1600/google.png) no-repeat 0 0}
.abt-social-slide li a.rss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBIiWjuE-amB1wNwdm2ggS_yFKiJaMwSDQF-7hunV1GcsZjha7gec4kSCt1UvBckvnEE1bRmc8Mgyh0hbAJJ-Mtz8qVAIvV2qBXW1o8Cs4UD6K6p-I_kluakbvSZx7y0mNkX7CAg-Y9w/s1600/twitter.png) no-repeat 0 -88px}
.abt-social-slide li a.rss:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBIiWjuE-amB1wNwdm2ggS_yFKiJaMwSDQF-7hunV1GcsZjha7gec4kSCt1UvBckvnEE1bRmc8Mgyh0hbAJJ-Mtz8qVAIvV2qBXW1o8Cs4UD6K6p-I_kluakbvSZx7y0mNkX7CAg-Y9w/s1600/twitter.png) no-repeat 0 0}
</style>

Step#2 : Customize the widget.
After adding the code change # to your desired URL and save the widget. Place the widget wherever you want this icons to appear.

Free Blogger Templates Like Mashable

noreply@blogger.com (Anonymous) — Mon, 11 Nov 2013 13:39:00 +0000

Probabely all of you bloggers know what is Mashable. They make part from the Top 5 Google Adsense Earners from the world, is a top American blog updates on daily basis. This blog covers random niches it focuses on social medias, technology, Android applications, business and Tech news. Mashable is one of the leading website it Alexa rank is 284K and billions of page views per month. So today I selected from the internet the top 3 Mashable lookalike blogger templates.

New Mashable free blogger Template

New Mashable is clean smooth and high professionalism blogger template developed by btemplates. This is free and SEO optimized blogspot template adopted from wordpress to blogspot theme with great effort. A fastest loading and classic design template for blogspot user. To download this theme click the below link.

Download-Demo

Mashable Classic Template

Mashable classic is yet another more similar blogger template which is totally converted from WordPress theme to blogger template. We have personally checked this template in one of previous blog. SEO friendly Clean premium blogger template. If you have blog about technology niches then this template would be the best choice.

Download

Mashable Blogger Template

This one is the splendid and Similar look like Mashable template. A slick top navbar menu and professional wordpress like subscription box. It also holded a nice collection of social bookmarking websites buttons at the top of each post where you can easily publish your posts on different social sharing websites. A perfect designable and fastest loading template adopted form WP theme.

Download

TOP 10 SEO Settings For Blogger

noreply@blogger.com (Anonymous) — Fri, 08 Nov 2013 11:22:00 +0000

Learning SEO has become a very important factor for every blogger/webmaster. Why ? Because it don`t matter how good is your content if it doesn`t appear in search engine results. Without applying SEO tactics your content will be invisible for the extern readers.

1. Choose The Topic Carefully

Choosing the post topic is the most important part for creating content. The choosen topic must match with what your readers want : important tips or something of value for your users. It must be unique and original.

2. Check Out Your Competition

You must always check what your competition offers new for the readers, to see what is hot on their blogs/websites, to analyse their strategies and much more...You don`t need to copy their content, but you can make an idea for your future posts.

3. Check The Latest Trends

Make sure that you are up to date with the latest trends and news from the media and social networks, and write about what`s hot. Offer the latest news from your niche to your visitors and update your content regularly to become a dynamic website for search engines and to gain more traffic.

4. Research The Keywords Before Posting

If you know the topic about what you want to write, analyse the keywords before, to use them in different post title, search description, tags...

5. Recommended Words Limit

It doesn`t exist an ideal words limit, but the pro bloggers recommend a range of 500 to 700 words for an average post. You must not write to short and ignore some important details, and not too long for it to get boring.

6. The Title Is Very Important

The title is the most important part of a post, because it will appear in search engine results, and a good title will increase the click rate to your link. So you must choose your post title carefully and you must include the most relevant keywords about the post topic, in it.

7. Permalink Optimization

Use always short pemalinks of around 4 words in it, and separate them with a hyphen "-". Make sure you capture your most important keyword in the permalink (your focus keyword).

8. Keyword In Intro

Use important keywords that you have in mind for your post, in introduction paragraph.

9. Typography

Typography refers to the styling of your content. It is almost as important as the content itself. Try to use different colored headings and use italic and bold text to emphasise your keywords.

10. Meta Description

The Meta description is the second-most important part of your post after post title, and it is what users will see on a search engine result below your post title. Write a very short description of at most 170-180 characters, and make sure to include all the important keywords in it which you came up with before writing the actual post.

Cool Popular Posts Widget

noreply@blogger.com (Anonymous) — Thu, 07 Nov 2013 16:16:00 +0000

Popular Posts are important for your you because it helps visitors to find easyer the most viewed posts from your blog. Today i wil show you how to add this Blogger widget to your blog.

How To Add Popular Posts Widget in Blogger

For adding this widget you must follow the next installation steps :
Step#1 : Add widget

Go to Blogger
Layout > Add widget
Select Popuar Posts Widget

Step#2 :

Go to Blogger
Template > Edit HTML
Search ]]></b:skin> tag
Paste the below given code before ]]></b:skin> tag :

.popular-posts li,.popular-posts .item-content{float:left;display:inline;list-style:none;}
.popular-posts .item-snippet,.popular-posts .item-title,.feed-links{display:none;}p.description,aside li{font-size:12px;}.popular-posts ul li,.item-content,.item-thumbnail{margin:0!important;padding:0!important;}.sixcol,.left-main,.right-sidebar{width:50%;}
#PopularPosts1 img {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;border-radius: 110px 110px 110px 110px;padding: 4px;}

Save Template

Step#3 :

Template > Edit HTML
Search below given code (like you see, or expanded)

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>⋯</b:widget>

Replace the upper given code, with the next one :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == "false"'>
          <b:if cond='data:showSnippets == "false"'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == "false"'>
            
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Save Template

And you are done adding Popular Post Widget to your Blogger Blog.

Badge With CSS3 Effect For Blogger

noreply@blogger.com (Anonymous) — Thu, 07 Nov 2013 13:45:00 +0000

In this post i will show you how to add a cool Badge With CSS Effect in your Blogger Blog. This widget is very easy to install and customize. So let`s see how to add this in our blogs.

Your Blog

How To Add Badge With Cool Css Effect Widget in Blogger

Go to Blogger
Layout > Add a widget > HTML/Javascript
Paste the below given code :

<style>
.circle{background:#fff;border-radius:100%;cursor:pointer;position:relative;width:15em;height:15em;overflow:hidden;transform:translateZ(0);margin:0 auto}
.circle h1{color:rgba(189,185,199,0);font-family:Lato, sans-serif;font-weight:900;font-size:1.6em;line-height:8.2em;text-align:center;text-transform:uppercase;-webkit-font-smoothing:antialiased;user-select:none;transition:color .8s ease-in-out}
.circle h1 a{color:rgba(189,185,199,0);text-decoration:none}
.circle:before,.circle:after{border-radius:100%;content:"";position:absolute;top:0;left:0;width:inherit;height:inherit;box-shadow:inset 10.6em 0 0 rgba(30,140,209,0.2), inset 0 10.6em 0 rgba(30,140,209,0.2), inset -10.6em 0 0 rgba(30,140,209,0.2), inset 0 -10.6em 0 rgba(30,140,209,0.2);transition:box-shadow .75s}
.circle:after{transform:rotate(45deg)}
.circle:hover:before,.circle:hover:after{box-shadow:inset .86em 0 0 rgba(255,0,0,0.5), inset 0 .86em 0 rgba(252,150,0,0.5), inset -.86em 0 0 rgba(0,255,0,0.5), inset 0 -.86em 0 rgba(0,150,255,0.5)}
.circle:hover > h1 a,.circle:hover > h1{color:rgba(185,185,185,1)}
</style>
<div class="circle">
<h1><a href="http://itrickb.blogspot.ro">Your Blog</a></h1>
</div>

Replace the Red Text with your own blog link and name
Save the widget and place it wherever you want

Now you are done, you and your visitors could see this awesome Badge With Css Effect.

Top 3 Online SEO Checker Tools

noreply@blogger.com (Anonymous) — Wed, 06 Nov 2013 18:20:00 +0000

You must check your website/blog health all the time and to do this i searched on the web the top 3 most used SEO online checker tools of 2013.

This tools will help you to find your blogs internal errors and gives you tips on how to repair the errors and to improve your Blog SEO.

Moz

Woorank

SEO Centro

These 3 tools are most used by pro bloggers and webmasters. I hope it will help you and your blog.

How To Create Transparent Background Images

noreply@blogger.com (Anonymous) — Wed, 06 Nov 2013 14:05:00 +0000

The Transparent Background images are very populare for us (bloggers) because we can create cool logos for our blogs and websites. We can use them on different background colors. Today i will show you how to create Transparent Background Images using the iPiccy.com Free Online Tool.

Go to Ippicy website
Click on Start Editing

Click on Create New Blend if you want to create a Logo, or on Upload Photo if you want to edit your own image

Set your logo width and height and click Create!

Click on Background icon to activate the transparent background

Add text and customize it how you want

You have more tools for editing your image/logo in left pannel. To save image click on Save button

You must select PNG file format and Click Save

Beautifull White Blogger Templates

noreply@blogger.com (Anonymous) — Wed, 06 Nov 2013 11:13:00 +0000

Today i present to you 4 white templates for Blogger (Blogspot) blogs. This 4 templates are selected from the internet, and are free to download and use. Support the designers of this themes by maintaining the credits active.

JpStation Blogger template

A professional white fresh template with ads slot in header, beautifull design, changeable content area, and open/close footer zone button.

Demo-Download

Yaminth Blogger template

Another white professional template, adapted from wordpress, with fresh and clean design, ads ready. The top of the theme contain a beautifull slider and the footer has 3 column. This template is suitable for news blogs.

Demo-Download

Super SEO Blogger template

This is a very popular theme around bloggers, is ads and seo ready, very easy to modify, has a nice dropdown menu and awesome social icons.

Demo-Download

Extra News Blogger template

A very responsive template, suitable for tech blogs, perfect optimized for all mobile devices (smartphone, tablets)

Demo-Download

Facebook Like Button To Each Post

noreply@blogger.com (Anonymous) — Mon, 04 Nov 2013 18:10:00 +0000

In this tutorial i will show you how to add the Facebook Like button under every post in Blogger Blog. This will give to your readers the ocasion to like a post from your blog. So let`s see how to add the Facebook Like button.

How To Add Facebook Like Button To Each Post

Go to Blogger
Template > Edit HTML
Search <body> tag and under it, paste the below given code :

<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Search <data:post.body/> tag (you might find it more than 3 times, stop to the 2nd one (or 3rd one in case it wont show up after applying the code) and add the below given code under <data:post.body/> tag

<div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false">
</div>

The upper given code can be added in a widget and placed wherever you want.

Facebook Fan Box Popup For Blogger

noreply@blogger.com (Anonymous) — Sun, 03 Nov 2013 15:48:00 +0000

A very simple mode to grow your facebook fans with a cool popup with facebook like button. This widget is very easy to install and customize. So let`s see how to add the Facebook Fan Box Popup widget to blogger.

How To Add Facebook Fan Box Popup To Blogger

Go to Blogger
Template > Edit HTML
Search </body> tag and copy the below given code above </body> tag :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDX3HZu9P56IEkXm8C5BclnALHx0QmXzqJItIsSP0rVKQhbeqe0WAJgbq-fDLhYTxWJm_Yc6t31IM5jMt1llicgDcZ7fd7r9gj_MMcVPC-8olARzoo8VeTZlA8_VITzBqMr6ZQI8zOLlv_/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>

<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(30000).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='fanbox'>
<div id='fanclose'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/itrickb&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
<span id="linkit"><a href="http://www.theblogwidgets.com/2013/08/facebook-popup-widget-with-lightbox.html">Facebook Popup Widget</a></span></center>
</div>
</div>

Replace http://www.facebook.com/itrickb with your own facebook link.
Save template

If you want to change how long the popup remains visible, change the 30000 with your desired ammount of time:
1 second = 1000 ; 10 seconds = 10000 ; 60 seconds = 60000

This popup will appear only the first time a visitor come to your blog and again after 7 days. If you want the popup appear on every page load (not recommended) then delete the below given line from the above code :

$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

How To Write SEO Friendly Blogger Posts

noreply@blogger.com (Anonymous) — Sat, 02 Nov 2013 19:56:00 +0000

As you already know that is important for every blogger that he must have knowledge about search engine optimization to drive handsome traffic from search engines. The content of your blog is also very important, and today we will learn some tips about making or writing search engine friendly posts.

Choosing The Perfect Post Title

Choosing perfect post title for your posts is very important. In order to write a perfect post title, your title have less than 66 characters because Google only shows first 66 characters in search results. Before writing your post title you must use Google Keywords Tool. That tool will help you to find out which keywords are using mostly around the world. And one important thing that your post title must having h2 tag otherwise you can make h2 tag for your post title by reading below post.

Add alt='KEYWORD' Attribute In Images

Another important tip is that you should add alt='keyword' attribute in your post images. This will tell the search engine's crawler that which keyword is having that image. The minimum characters for keywords are 50 so make sure that your keyword is not crossing the limit. This will also help you in getting traffic from image search engines. If you don't know how to insert that keyword in image code then look at the below code.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHJQHQU5sYjUvJUXfwkzGLALd_WN0yeIAgqW6ZDDLlwwn56ygFfEoMV4KfYeRRjZbPJAoxFRDPSrMe0Pa0seBQP8TRYQuY_F55Fo4c6vNUv_-FyCShtsVwG_RaKq09uLoAs8sf0j0wimC/s1600/SEO+Friendly+Content.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt='SEO Friendly Content' border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHJQHQU5sYjUvJUXfwkzGLALd_WN0yeIAgqW6ZDDLlwwn56ygFfEoMV4KfYeRRjZbPJAoxFRDPSrMe0Pa0seBQP8TRYQuY_F55Fo4c6vNUv_-FyCShtsVwG_RaKq09uLoAs8sf0j0wimC/s1600/SEO+Friendly+Content.jpg" /></a>

Add Search Description

Adding search description or meta description in your posts can help you in getting higher ranks in search results. But your description must be properly written and have 150 characters because Google shows only 150 characters in search results otherwise it will look broken description. If you don't know how to enable meta description in your blog then read following the below post.

How to add separately meta description in Every Post and in Home Page

Avoid Keyword Stuffing

Using the main keyword repeatedly in the whole article is known as keyword stuffing. In other words, If I'm writing an article of 1000 words in which I've used the main keyword 50 times then it is said to be as keyword stuffing. How to avoid ? To avoid keyword stuffing you should use main keywords in whole article only 3%. It means if you are writing the article of 1000 words then you should use the main keyword only 20 times. If you do keyword stuffing then your posts may loose the ranking after Google penguin updates.

Keywords Density

Most of bloggers/webmasters used to write the main keywords more than two times in post title, permalinks and in search description. Adding repeatedly keywords in post title, permalinks and search description is known as keyword density. You have to use the main keyword only one time in all these mentioned things.

Link Old Posts in New Posts

This is an amazing trick done by every blogger is that they use to mention or link their old posts in their new posts by which they don't loose the ranking of old posts and it also helps to get posts indexed fast in search engines. You just need to add the link of any post in your newer posts. But remember that both posts must be related to each other so that visitor may like to land on old post.

How To Make Money Online With Your Blog

noreply@blogger.com (Anonymous) — Sat, 02 Nov 2013 18:18:00 +0000

The blogging career is being common in the world. Everybody is trying to earn good revenue from a blog. But due to low visitors some people can't earn from it. They should remember one thing that if you want to earn money offline or online, you'll need to work hard and to earn from a blog, you need to work hard to build the traffic and content because only traffic can be converted into money and content can bring the traffic.

Required Things To Earn Money From a Blog

The first important thing is to have good number of traffic. You'll need to work hard in building the traffic of your blog. Because that traffic will be converted into revenue by serving ads on your blog. The second important thing is that your blog must have original and unique content; this will help you in getting approval from any advertising network. Third important thing is that you should join the good advertising networks that can help in making money (Google AdSense, BuySellAds and Yahoo Ads).

Pay Per Click (PPC) Network

This is the first way to make money from a blog. In this way, you'll need to join the pay per click network. The most popular PPC network is Google AdSense. If you get the approval from Google AdSense then you will be given ad codes which you have to implement on your blog. After that the ads will be live on your blog. Now when someone click on that ad then you will be paid.

Affiliate Advertisement Network

This is second way which is also popular and however, you can use both ways on your blog but your blog must contain a good space for placing ads. So in this way, You will need to join any affiliate network. On that network people use to buy and sell advertisements. After getting approval from any network, You will have to create ad space slots and you will have to setup those slots on sell with required time and money. Now when someone will be interested in advertising on your blog then he will submit his ad on any slot of you. Another thing, You can also get advertisers from that network.

In Text Advertising Network

So this is the third way and in this method you will need to join the in text advertising network. InfoLinks is the best in this kind of advertising. After joining the InfoLinks, You will need to get the ad code from your account and then add that code in your blog. But before joining that network make sure that you've text content on your blog because this will convert the target keyword words into ad links. So your content will be mixed with ads and on each click you'll be paid,

Offer Services On Your Blog

This is another interesting way to make handsome revenue from your blog. But this method is suitable for those blogs which can do related service with their blog. I mean if your blog is based of web development then you can offer HTML Templates, PHP Themes and many more related stuff. By this you can earn good revenue through your blog but traffic is important and also add some samples as demo of your work.

Multi Column Footer Widget For Blogger

noreply@blogger.com (Anonymous) — Fri, 01 Nov 2013 16:03:00 +0000

Today we will learn how to add an awesome multi column footer widget in our blogger blogs. More and more bloggers use this widget because it gives a professional look to your blog and extra space for your widgets.

How To Add Multi Column Footer Widget To Blogger

Go to Blogger > Template > Edit HTML

Search ]]></b:skin> tagand above it, past the below given code :

/*----- MBT MULTI COLUMN FOOTER WIDGET -----*/
#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#333333;
}
#lower-wrapper {
background:#333333;
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px;
border:0;
}
#lowerbar-wrapper {
background:#333333;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 23%;
text-align: justify;
color:#ddd;
font: bold 12px Arial, Tahoma, Verdana;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
border:0;
color:#ddd;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
}
.lowerbar ul {
color:#fff;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
.lowerbar li {
display:block;
color:#fff;
line-height: 1.6em;
margin-left: 0 !important;
padding: 6px;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
list-style-type: none;
}
.lowerbar li a {
text-decoration:none; color: #DBDBDB;
}
.lowerbar li a:hover {
text-decoration:underline;
}
.lowerbar li:hover {
display:block;
background: #222;
}

Now search </body> tag and above it, paste the below given code :

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar4' preferred='yes'> </b:section> </div><div style='clear: both;'/></div></div>

Save template

Go to Blogger > Layout and start adding some widgets in your fresh created Multi Column Footer.
Your footer gadgets zone must be like in the next image :

How To Customize This Widget

To make the widget smaller or larger, simply change width: 960px;
If you want to remove a column from your footer, simply remove the below given code from the original code :

<div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar4' preferred='yes'> </b:section> </div>

Or if you want to add another column, paste the below given code above <div style='clear: both;'/> tag :

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar#' preferred='yes'>
</b:section>
</div>

Keep in mind that lowerbar# it refers to column number, so if you add the column number 5, then replace lowerbar# with lowerbar5.
After you added the number 5 column you should change width: 23%; with width: 17%;

Awesome Label Widget Design

noreply@blogger.com (Anonymous) — Wed, 30 Oct 2013 15:17:00 +0000

Customize Label Widget brings more beauty in blogger blog. It will make our blog more attractive and designable. We know that by default blogger cloud label widget looked ugly and unprofessional however, if we add some piece of code to style sheet then it could become an eye-catcher for readers & make our blog design lovely.

How To Add This Label Widget To Blogger

Go to Blogger
Template > Edit HTML
Search ]]></b:skin> tag
Add the below given code above ]]></b:skin> tag

.label-size{
margin:0;
padding:0;
position:relative;
}
.label-size a{
float:left;
height:24px;
line-height:24px;
position:relative;
font-size:12px;
margin-bottom: 9px;
margin-left:20px;
padding:0 10px 0 12px;
background:#0089e0;
color:#fff;
text-decoration:none;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
}
.label-size a:before{
content:"";
float:left;
position:absolute;
top:0;
left:-12px;
width:0;
height:0;
border-color:transparent #0089e0 transparent transparent;
border-style:solid;
border-width:12px 12px 12px 0;
}
.label-size a:after{
content:"";
position:absolute;
top:10px;
left:0;
float:left;
width:4px;
height:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
-moz-box-shadow:-1px -1px 2px #004977;
-webkit-box-shadow:-1px -1px 2px #004977;
box-shadow:-1px -1px 2px #004977;
}
.label-size a:hover{background:#555;}
.label-size a:hover:before{border-color:transparent #555
transparent transparent;}

Save template
Go to layout > Add widget > Add Labels Widget
Configure the widget > Select the Cloud option
Save widget

SEO : Add Post Title Before Blog Title

noreply@blogger.com (Anonymous) — Wed, 30 Oct 2013 13:36:00 +0000

Post titles and blog title plays a vital role for better ranking in search results. This is the first thing which is checked by visitors to either they should click on this link or not. That means your traffic depends on this thing. Keyword rich titles can bring you more traffic and increase your blog page views. Google shows only first 66 characters of the title in search results. That’s why we should use them effectively.
By default, in blogger, our blog title shows before post title. This reduces the SEO benefits because our post titles which have the main keywords got chopped because of the characters limit in search results. So today we will learn how to add Post Title before Blog Title in search engine results.

How To Show Post Title Before Blog Title In Blogger

Go to Blogger
Template > Edit HTML
Search the below given line :

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

And replace it with the below given 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>

Save template

Good and bad example in the next image :

Now wait for the update in search results. Once search results got updated you will see the changes. But you can see these changes in your browser also.