Free Backlinks for Blog and Website

Free Backlinks for Blog and Website

Do you want to know Where to get free backlinks? This is a free, fast, and simple immediate automatic backlinks for optimizing your blog or web page on search engines result.Everyone knows how important backlinks are to getting a good rank.Here, we offer a backlink for free and very fast for your sites. Copy the html code first (no change needed), and then paste to your website or blog.To view your backlink you can click the image link from your website or blog. And well... your website url done and will be displaying in first references.If any visitors click this banner from your website or blog, your url backlink will be creating automatically in this website.You can build backlink as many as you want, no limitation and restriction, but no spam ! Wish your website's ranking quickly on Top Google, Yahoo and Alexa!

Free Automatic Backlink for Blog and Website

If our Tutorials have helped you a little, then kindly spread our voice using the badge below:-

Copy this html code to your website >>

<!-- Dont edit this code or it will not work --><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img alt="Blogger Tips And Tricks" border="0" height="15" src="https://bitly.com/bl24tricks1" width="80" /></a><!-- End http://24work.blogspot.com-->

Optionally use this Widget installer to add this link to your blogger blog.

How to add Automatic Backlink for Blog and Website

Blogger

Now let's start adding it...

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.

Step 2. After click on Add a Gadget link A pop-up box will open now

with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

Step 3. Select 'HTML/Javascript' and add the one of code given below.

Step 4. Now Click On Save 'JavaScript' You are done. ..............

 WordPress

1. Login to your Admin panel > Presentation tab > Widgets tab

2. Paste the code into the Text Widget. If there’s no Text Widget available, add one.

3. Add a title. Ex: My Favourite Site (Optional)

4. Save.

 Joomla site

1.       Login to your Admin panel > Modules – Site Modules > click New

2. Paste the code into the Custom Output content box

3. Adjust module details and menu item links if necessary

4. Click Apply or Save.

* Please note:- After you paste the code into the website, please click on the button to create backlinks to your website.

- If you remove the code from your website where your backlink will be deleted automatically.

- if you know any free backlink info, please submit here, Let's share the free backlink list to everyone.

By: Blogging Tips On 7:59 AM

Continue Reading

How to manage easier to making pages on your blogs

Adding pages to your blog can be a great way to organize content - like ‘About me’ or ‘Advertise’ sections. To make managing pages easier, we redesigned the ‘Pages’ tab in the Blogger dashboard to make it look and feel more like something you’re already familiar with: managing posts.

With the new design, you can:

View important details about your pages like view count and comments

Manage multiple pages at once with new selection tools

Easily see whether pages are in draft, imported, or published states

Linking to your PagesManaging the Pages Widgets for your blog is now done through the Layout UI. Multiple Pages Widgets can be added, if you want different pages linked to from different areas of the layout.

For a Horizontal list, add a Pages Widget under the Header (e.g. "Navigation Pages" below)

For a Vertical list, add a Pages Widget to a side column (e.g. "External Pages" below)

Adding external links

To add a link to a URL which is not one of your pages, when editing or adding the Pages Widget, click '+ Add external link' at the top of the 'Pages to Show' list.

This will show a dialog where you can set the title and URL to add to the list.

Happy blogging!

By: Blogging Tips On 7:53 AM

Continue Reading

Add Dynamic and cool rotate effect in Blog or Website

Add Dynamic and cool rotate effect in Blog or Website

Monday, 9 December 2013

Friends on mobile or Tablets menu you may have seen Rotate 

Menu effect it’s look nice when you  select menu all mobile 

Display change in Rotate effect that Rotate you may seen on 

this page when you get in on this page (If you are using Mozilla 

Firefox or Google Chrome Browser).

This Classic 360 Degree Rotate effect makes your blog or webpage cool and stylish effective.

Add Rotated Effect in you blog or website. For add in your blog you need add a small script in your blog it’s 

very easy to add in blogger Just follow below Step for create Rotate effect in blog.

Follow Below steps

Sign in –  in your blogger account

Select your Blog in which blog you want to Add Widget.

Go to Layout Option.

 In Layout option  there is a Add Gadget Option Select this (see below demo image)

After select Add Gadget a popup window will be open  ( Add Gadget window )

 Now select “HTML/JavaScript” Gadget .(See below demo image)

Now add below HTML Script in Content Box.(See below demo image) 

Html Script (copy and paste) in HTML/JavaScript Content box

<style> @-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -moz-animation-name: roll; -moz-animation-duration: 4s; -moz-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 4s; -o-animation-iteration-count: 1; -webkit-animation-name: roll; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; } </style>

Now press Save Arrangement Button Now you blog is ready for Rotate Effect.

Note:- This Rotate Effect work in Mozilla firefox or Google chrome Browser only.

Thanks I Hope you like this post

By: Blogging Tips On 7:53 AM

Continue Reading

Add Dynamic and cool rotate effect in Blog or Website

Add Dynamic and cool rotate effect in Blog or Website

Friends on mobile or Tablets menu you may have seen Rotate Menu effect it’s look nice when you  select menu all mobile Display change in Rotate effect that Rotate you may seen on this page when you get in on this page (If you are using Mozilla Firefox or Google Chrome Browser).

This Classic 360 Degree Rotate effect makes your blog or webpage cool and stylish effective.

Add Rotated Effect in you blog or website. For add in your blog you need add a small script in your blog it’s very easy to add in blogger Just follow below Step for create Rotate effect in blog.

Follow Below steps

Sign in –  in your blogger account

Select your Blog in which blog you want to Add Widget.

Go to Layout Option.

 In Layout option  there is a Add Gadget Option Select this (see below demo image)

After select Add Gadget a popup window will be open  ( Add Gadget window )

 Now select “HTML/JavaScript” Gadget .(See below demo image)

Now add below HTML Script in Content Box.(See below demo image

Html Script (copy and paste) in HTML/JavaScript Content box

<style> @-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -moz-animation-name: roll; -moz-animation-duration: 4s; -moz-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 4s; -o-animation-iteration-count: 1; -webkit-animation-name: roll; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; } </style>

Now press Save Arrangement Button Now you blog is ready for Rotate Effect.

Note:- This Rotate Effect work in Mozilla firefox or Google chrome Browser only.

Thanks I Hope you like this post

By: Blogging Tips On 7:03 AM

Continue Reading

How to Install Animated Recent posts for blogger with thumbnails and Simple Spy

Animated recent post is a fantastic way to present headlines updates to your readers.The effect of smooth scrolling attract readers and generate more clicks to your site.This gadget displays your most recent posts and includes a small thumbnail, but has the added bonus of using an animated effect that moves smoothly through the posts.There are a lot of great tutorials discussing on how to add Animated Recent posts for blogger with thumbnails and Simple Spy, but most of the tutorials I've found are not really suitable for a beginner.

Read More: 
1. Recent Posts Widget for Blogger Text CSS Hover Effect with jQuery

Now let's start adding it... 

Step 1. 

Login to Your Blogger Account.Go to your Blogger Dashboard.Click on 

Layout tab from left pane and click on Add a Gadget link. 

By: Blogging Tips On 6:38 PM

Continue Reading

How to Add Google Web Fonts to Blogger

If you are looking for Add Google Web Fonts to your Blogger blog to better design than Google Web fonts better solution for this. Blogger is using web fonts for better design of your blogger blog fonts. You can find Google web fonts by clicking on the customize button in blogger templates.

How to Add Google Web Fonts to Blogger

Please follow below steps to Add Google Web Fonts to your Blogger blog:

Step 1

Go to Google Web Fonts and select your font which you like to add on your blog as shown in below picture.

Step 2

After select your font click on use button as shown in below picture.

Step 3

Now select html and css code as shown in below picture.

Step 4

Now Go to Blogger Dashboard.

Step 5

Go to Blogger Templates and click on Edit HTML button as shown in below picture.

By: Blogging Tips On 6:20 PM

Continue Reading

Add Cute Custom Facebook Like Box To Blogger

Facebook Like Box is very useful widget to show visitors the authority and love of the people for his blog. Facebook offers a simple Like Box plugin that you can easily integrate into your website But the default Facebook like box is not having good look at ugly all. This tutorial will show you How To Add Cute Custom Facebook Like Box using CSS To Blogger. Facebook Like Box is the best way to get more fans on Facebook. A Fan Box allows great attract your Blog more visitors or readers to like your Facebook fan page not leaving the like go here. you don't need to do any think you only need to copy and paste the code. Im Sure that this Cool Customize Facebook Like Box With CSS widget attracts your facebook fans increase the count of Likes.

How To Add a Custom Facebook Like Box to Your Site

Now let's start adding it... 

Step-1

Login to Your Blogger Account.Go to your Blogger Dashboard.

Click on Layout tab from left pane and click on Add a Gadget link. 

Step-2

After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. 

Step-3 

Select 'HTML/Javascript' and add the one of code given below. 

Step 4. Now Click On Save 'JavaScript' You are done.

Note:- Replace pages%2Fgsmwebresolution%2F446757815429744 With your Facebook User name

Style-1

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnMUPH1-4cjLkJdzgp444zGUibtzGtJdu3nZ4_tOdIYDF7wM1cKEsVZTyYUKJGv3k3PFUB9fMDCNUyvszTn1u1R8UrVnpDAB9jEy1Ei26Ca6-qsIIjURwRFdcFTnAbDTlyPSImgbV2Yiuq/s1600/fan-02-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://bloggercontrols.blogspot.in/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="http://bloggercontrols.blogspot.in/" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://bloggercontrols.blogspot.in/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="http://bloggercontrols.blogspot.in/" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://bloggercontrols.blogspot.in/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="http://bloggercontrols.blogspot.in/" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fgsmwebresolution%2F446757815429744&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

By: Blogging Tips On 3:55 PM

Continue Reading

smooth scrolling back to top button for blogger

Soft smooth back to top button for blogger add below given code in your blog for show Scroll back to top button in bottom of right side by pressing this button page will be reach top in the page. You can replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisTk4LtWsV57D7GC-izEzqus5h5IOql5CtXDvkM08iLd8MMY0HSgPlV4l4zOJyaF6jdlUgNkMo4BUYktgx6X27uRL0BC9lHnXneTTRBadZnsAuXJOzgyL84ea_8VlfaFnin3J2nOgT9mI/s1600/go+to+top+button.jpg this image url with your favorite image as a back to top button image in below given code.so let try smooth back to top button in your blogger.

Add below given code in your blogger blog as a widget by HTML/JAVASCRIPT widget.

<!--ABT Start-->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>

<script>

jQuery(document).ready(function() {

var offset = 220;

var duration = 500;

jQuery(window).scroll(function() {

if (jQuery(this).scrollTop() > offset) {

jQuery('.back-to-top').fadeIn(duration);

} else {

jQuery('.back-to-top').fadeOut(duration);

}

});

jQuery('.back-to-top').click(function(event) {

event.preventDefault();

jQuery('html, body').animate({scrollTop: 0}, duration);

return false;

})

});

</script>

<style>

div#page {

max-width: 900px;

margin-left: auto;

margin-right: auto;

padding: 20px;

}

.back-to-top {

position: fixed;

bottom: 2em;

right: 0px;

text-decoration: none;

color: #000000;

background-color: rgba(235, 235, 235, 0.80);

font-size: 12px;

padding: 1em;

display: none;

}

.back-to-top:hover {

text-decoration: none;

}

</style>

<a href="#" class="back-to-top"><img alt="Back to Top" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisTk4LtWsV57D7GC-izEzqus5h5IOql5CtXDvkM08iLd8MMY0HSgPlV4l4zOJyaF6jdlUgNkMo4BUYktgx6X27uRL0BC9lHnXneTTRBadZnsAuXJOzgyL84ea_8VlfaFnin3J2nOgT9mI/s1600/go+to+top+button.jpg" ></a>

<!--ABT End-->

By: Blogging Tips On 12:59 PM

Continue Reading