FREE ORIGINAL HOVER EFFECTS WITH CSS3

Here is power of CSS3 which is really excellent and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS3 transitions. On hover over a thumbnail, we will reveal some description of the thumbnail, using a different style in each example. we will be thankful to you for visiting this website. below is demo and downloading link. 

Read more »

Free jQuery Slideshow Tip Cards, Hover effect with css

Read more »

How to add contact form in blogger blogs easily

you have to only follow these steps to add contact form.
1. Go to Blogger.com → Blog Title → Layout → Add Widget
2.  From the tabs menu click on More Gadgets.
3. Now click on Contact Form and finally Give your desired heading to it
4. Save the widget and lastly save the Template

Thats it. Now whenever a visitor wants to contact you he can do the same by just press a single button moreover you can see the messages in your email box. Now there would be no need of 123forms and Foxyforms. This contact form is in its initial stage and we may see further development on it.
I think you found this post useful , if it is then please keep looking in our website www.bloggingtrainings.blogspot.com.

Read more »

block Adblocker users in your Blogger blog easily

Do you know you to use Ad blocker? What is Ad blocker?Ad-blocker is an extension available on major browsers which blocks the advertisements which appear on Facebook / Google / Youtube and all small and big website/blogs. Ad-blocker currently has millions and millions of users. Bloggers work hard to provide services to their visitors and in return they too should get something and this extension is actually the road block in the path.

Due to Ad-blocker the ads don't reach some of the visitors and thus there would be no money no matter how much large user base you have. So in order to block Ad-blocker users, you just have to add a small piece of code. When any Ad-blocker user visits to your blog he will be redirected to a page which will instruct him/her to disable the extension and visit the page again.

There are many pros and cons of this plugins.

Pros -  

1. You will have more income as ads are visible to all.
2. After adding Ad-blocker the UI of the website changes to an extent. After adding this plugin all can see the actual page.

Cons- 

1. Bounce rate is going to be much higher
2. You may loose visitors.

A bloggers main job is helping others and not making money so I would personally recommend not to use this plugin. But if you think that you are not getting anything for the things you have been providing to your visitors you may add this plugins.

Adding the Ad-blocker Blocker

First go to Blog Title → Template → Edit HTML. Press Ctrl + F and search for</body> and paste the given code just above </body>.

<div id="abt-adblock-container">
<script type='text/javascript'>
//<![CDATA[
document.write('<\/SCR'+'IPT>');
//]]>
</script>
</div>
<script type='text/javascript'>
//<![CDATA[
if (document.getElementById("abt-adblock-container").clientHeight < 11 || document.getElementById("abt-adblock-container").style.position == "absolue") {window.location = "http://www.techigeek.com/abt-adblocker-blocker.html";}
//]]>
</script>

After adding the code save the template.

You are done now. Now whenever any Ad-blocker users come to your block he would be forced to disable the extension to see the contents of your blog.We are very thankful to you for visiting our website www.bloggingtrainings.blogspot.com.

Read more »

How to Backup of your Blogger blogs easily

To day i will tell you about taking backup of your important and all posts from blogger blog. you can read it step by step.

First of all Happy Diwali to all the readers of All Blogger Tricks. May this Diwali bring lot of brightness and happiness in your life.

Today I am going to tell you how you can easily backup your blogger blogs in 3 different ways. Backing a blog is a thing which must be practiced by every blogger. Though Blogger is owned by Google and is one of the most secured platform and can't be hacked easily still we never know if our password gets stolen or we by mistake delete a post.

A blogger must backup his blog periodically and to make this task easier I am going to tell you how you can do this by 3 different methods. So here they are - 

Method 1 : The Traditional Way

This is certainly the most common method and many of you out here may know it. In this method we Import the blog posts and download the blog's template from Blogger.com itself. A detailed post on the same can be find on the below link which I have wrote earlier.

Read : How to make a Full backup of your Blogger blog

Method 2 : Downloading Data from Google Dashboard

This is probably the easiest method to backup all your blog's template and posts with just few clicks. So to make backup from this method follow the steps below -

1. First of all go to Google Dashboard. You would be asked to login there.

2. After logging in, click "Download Your Data" link which will be on the left sidebar.

3. Click on Create an Archive Button.

4. A list of many Google Products will come, from the list select Blogger. After Selecting click on the button "Create Archive" which will be at the top of the list.

 5. After clicking a Progress Bar will show the status of your archive being created. After few seconds a download button will appear. Clicking that you will again be prompted to Sign in for security reasons.

6. One you sign in again, you can download the backup of all the blog you have in your blogger account with their template and posts. The backup is now saved in your local disk.

Method 3 : Backup via Software

The third method is also quite easy. In this method we will use a third party software which is Blogger Backup Utility. This software helps you download the posts of your blogger blog (no template backup) easily with the help of the blog's feed. You get various options to workout with the software. To make a backup from Blogger Backup Utility follow the below steps - 

1. Download Blogger Backup Utility from HERE. Extract and Install the Software.

2. From the available blogs dropdown select Add/Update/Remove Blogs option.

3. Enter your Blogger ID and password and wait for the blogs list to be fetched. 

4. Once the process is completed select the desired blog from the dropdown and get a look at the below options such as as save post in individual or single file etc.

5.  Lastly click on Backup Posts button and the backup will be saved in the folder selected. Thats it. Your posts are now backed up and saved in your local disk.

We are working hard to provide you your desired instructions and techniques.I hope these methods will help you in making your blog more secure. We are thankful to you for visiting our blog www.bloggingtrainings.blogspot.com.

Read more »

How to add floating , animated facebook like widget

How to add floating , animated facebook widget in blogger.so this new work is all about social share scrolling buttons widget to your blogger blog. Its very easy to use while adding it to blogger it also more easy just follow the setups the i tell it to you, you will easily get the scrolling social buttons to your blog.

You know that social points to any of the blog is much importance to get better look at natural level its also good for search engine and counted as a positive vote. Search engine bring positive visibility of the page URL which has more social votes to it. So now i am sharing this nice gadget to you that how to add it to blogger. You can also read the post how to add social share icons to blogger in a blogger side column its also useful.

This gadgets look like these.

So here it is how to install it.

• Go to your blogger dashboard
• Select your blogger blog
• Click on Layout from Drop Down menu (shown in picture)

• A new Window appear
• Click on Add gadget
• And select HTML/JavaScript
• Next Box of HTML/JavaScript will appear (shown in picture)

    

• Now the box of HTML/JavaScript will appear when you click on the box.

• Now you have to paste the following code to install the gadget to your blog.
• Its not so difficult to add just copy it and paste it in the box like shown above.

Adding the code social buttons looks like this 

                Add This Code

                            

       

Adding the code social buttons looks like this

                                                                                 Add This Code

                                   

I personally added 8 total social network in this gadget you can easily edit them here it is

• Just remove the line in the code 
• Like if you want to remove MySpace.com button remove this line from the code

                                <a class="addthis_button_myspace"></a>

These 8 social networks are here

Facebook.com                        Twitter.com
Delicious.com                         Pinterest.com
Digg.com                                Orkut.com
Googleplus.com                      Myspace.com

Adding the code social buttons looks like this

                                                                               Add This Code

                                   

You can also remove or edit the code and here is also 8 networks added just see the above method how to remove the 1 network you just have to remove the line in the code that's it.

So these are the 3 top gadgets for social share buttons they are the most useful gadget for every blogger blog should add it on their page.

While adding this gadget is not so difficult its scrolled when the page is scrolled down or up, its bring more social share to the webpage.

Thanks for watching this, Keep watching our website , www.bloggingtranings.blogspot.com, contact me 0323-7591466.

Read more »

Facebook Popup like box widgets for blogger and for website

To day i am going to provide you some beautiful facebook popup like box widgets for blogger and for your website. you can easily embed this code in your html page.Well here i am making a Facebook like popup box for blogger which is also nice to install.When you install it it and when someone visit you any blog page it will display on the front which ask you to like the page and its very simple and clean.

Here is screenshot of this widget

1

So you have to do these steps to install it on your blogger blog


          1.  Go to blogger dashboard  >  Layout
          2.  Now click on  >  Add a gadget
          3.  A box will appear select  >  HTML/Java Script box by scrolling until you find it
          4.  Now paste this code into the box and click on  >  Save

Remember, At end of this code you will find mbgadget  words replace it with your own fb like page username.

2

So this new gadget looks like this

So you have to remember in this code you have to find mbgadget and replace it with your Facebook username. 

So here is the more info about this box:

• Easy to install
• Beautiful style
• Attract more attention to like
• Best way to increase FB likes

So now i am explaining the every part of this widget which is only for blogger blog. so here it is,

• Easy to install

If we look that this box is very easy to install on any kind of blogger blogs, you just have to copy the code and paste it into the HTML gadget to the inside section of blog.

Its not very difficult to do so, You don't need to edit any type of template code to add this gadget it very easy to install.

• Style

Well while looking at the structure of the box then this box is more better then ever. Its very simple and clean you can easily understand that what type of this box is, Its normal display the like button of your facebook page it bring more likes.

• Attract Attention

This widget bring attention to your facebook fan page to like it and get updates from the fan page, if your blog is better and bring much better results and traffic then its good for you to add it up.

• Best way to increase likes

As i think this is one of the most powerful way to increase your fan page likes, if you have a little blog on blogger then you have to add this on your blog, its really boost your likes of fan page. Its simple work that, a visitor come to your website because of your brilliant content and if he really impress then he like your page.

Please keep watching our website and keep downloading and getting instructions from my website if you have any problem you may contact me. 0323-7591466, keep visiting my website www.bloggingtrainings.blogspot.com.

Read more »

Increase traffic in your blogger blog or in your website very fast

Today I will show you how to Increase traffic in your blogger blog or in your website very fast.The main aim for making the blog on blogger is to getting traffic on the blog and there are many ways to get the traffic on your site. Its very easy you have to keep updating your blog and do some work onsocial media and linking and you will get your traffic after the time passed. 

Here i am showing you some major techniques which allows you get maximum traffic to your blogger blog. You just have to do some little work on it.

There are many sources that you can increase the visitors to your site but here i am showing you the ways that not only enhance your traffic but also cause to increase your site visibility on search engines. here they are,

•  Facebook page and group posting
• Yahoo answers and groups
• Tumblr, twitter and other social media post
• Guest post on your related niche sites
• Google adword traffic
• High traffic blog comments
• forum posting on high PR
• Google plus traffic
• Press releases, news and classified submit

 Now just in final case your are qualify for all of that ways i mentions above you will not only get traffic from it but also increase your site ranking overall in search engines.

Facebook Page and Group Post:                                                     

As everybody know the importance of like on Facebook and its traffic, You must make an official page of your site on facebook, Add it on your site to like your website page, Go and search facebook groups join the groups which has more then 20,000 members and post your website on it. This way you will get many visitors to your site for free.

(If you direct post your facbook fan page url, you will get maximum likes to your site)

Yahoo Answers and Groups:                                                          

Yahoo answers and groups are also best place to get traffic to your website you can enhance your site links and visitors by using this method, You must post your site where its relevant to it. Like if your site is all about fashion then you have to link it to fashion topic question or groups in  yahoo, It will also increase site performance.

Twitter Tumblr and other social network:                                    

You should also make some profiles on twitter, tumblr and other social networks like Xanga, Linkedin. Delicious, Pintrest and many more. On that point you will also get little but traffic but its increase your site ranking in Google search engine and you will got many powerful visitors to your site. If the social points not bring the visitors then it really cause to make you better in search eyes.

Guest Post on Related Websites:                                                    

That's the most powerful way to get instant traffic to your website if you find some related to your niche sites simple contact them and ask that you have some good articles and want to publish on there website, If you article is good and enough you got approved, Now simple in article foot add little description about your site and article writer, That's it when someone read's it they surely get involved in your site while clicking on the link that you leave on the footer of article.

Suppose your site is all about seo tips then the big site which accept the guest post is moz.com/blogyou just have to signup on it and provide the valuable content on it, Remember your article not only should be unique but also provide the unique idea on it. At this time of posting its Alexa rank is 256

Google Adword Traffic:                                                                 

There is also another way to get the target traffic to your website, you just have to add a campaign toGoogle adword which is pay method to do, you have to pay per click on your site to get traffic, this is fully target traffic, you need to put the keywords and some description to add the profile, minimum you can get 0.02$ per click to your aid.

Blog comments:                                                                              

At this time even blog comments comes into the spam category in google eyes, but still you can get better traffic from it, Some high pr blogs and high level alexa traffic rank sites you can get better traffic for you. Sites like moz.com/blog, techchrunch, mashable, and other major sites still bring some better visitors to your website. Just try to get it. Must leave relevant comment to get faster approval.

Forum Posting:                                                                               

Forums are also better way to get targated traffic to your site, if you are good internet searcher you can try to find top alexa rank forums where the traffic should be huge, can also incrase your site traffic. I would like to show some sites like skyscrapercity.com, forums.seochat.com, forums.digitalpoint.comare most common and well know websites. you can try to get post your site link in thread reply.

Press Release News Classifieds:                                                   

You should try to get post on press release sites like prlog.com, pr.com, and sbwire.com these are the most powerful sites or you have to search in google for top press release websites and then post you information on it.

You can also bring some serious visitors from classifieds websites, you should post some classifieds on ebuyclassifieds.com craiglist.org and gumtree.com and some other high traffic websites. With this way you can also get the better traffic to your website.

If you want your traffic in your website or blog very fast then contact me +92323-7591466.

Keep looking my website bloggingtrainings.blogspot.com

Read more »