What Are Backlinks And How To Improve Backlinks Legally

If You Are Going To Manage Your Own Blog Then It Is One Of The Most Important Word After S.E.O. You Must Have Heard The Words Backlinks In C.P.C Ads etc. Backlinks Plays An Crucial Role In Your S.E.O And Page Rank. If Your Blog Has No Backlinks Or Few Backlinks Then Your Website/Blog Would Not Be Ranked High On Search Engine's Results And Thus Affecting Traffic Of Your Website/Blog. Even Many Of The Bloggers Do Not Know About Backlinks And Are Not Able To Use It Properly And Thus Give Up To Their Blogging. Let Us Understand What Backlinks Really Are?

What Are Backlinks?

Backlinks Simply Means To Link One Website/Blog To Another Website/Blog. Ex: If You Register On Any Site And It Asks For Your Site And You Register On It, You Get A Backlink Of It's If It Dofollow (Link Followed By Search Engine). You Can Check Your Site Backlinks From Many Sites Like Alexa, Small S.E.O Tools And Many Others Site When You Google Them. You Can Also Check Them From Google Webmasters Tools. The Most Easiest Way Of Getting A Backlinks To Register Any Blog Which Allow You  To Submit Your Blog With Dofollow Link And You Get A Backlink.

We Would Soon Post To Increase Backlinks Legally Without Any Risk.

More To Understand About Backlinks

This All Does Not Mean That More Backlinks Means More Google Rank. Generally,

• More Backlinks  ≠ More Page Rank
• More High Quality Backlinks = More Page Rank
• More Low Quality Backlinks = Less Page Rank Or No Page Rank

There Are Many Services Who Guarantees To Increase Your Page Rank By Adding Backlinks But Real Truth Is That They Are Totally Fake And Add Fake Page Rank. With Advancing Updates Of Google Penguin, One Might Be Penalized And May Be In Trouble. I Personally Prefer Not To Use These Kind Of Backlinks. Low Quality Backlinks Are Useless To Anyone's Blog/Website. 

As Mentioned Above Backlinks Play Important Role In Increasing Google Page Rank. As You Already Know That Google Is The Top Ranked Search Engine. If You Are Able To Maintain A Good Page Rank You Truly Will Get Plenty Of Targeted Traffic. And You Can Increase It By Increasing Your High Quality Backlinks. The Number Of Backlinks Show The Popularity Of The Website/Blog Means A Reputed Site In The View Of Google.

From Editor's Desk

Just From My Side I Want To Convey A Message To All My Readers That There Is No Short Cut To Success. I Would Soon Provide You List Of Forums On Which You Can Register And Get Backlinks Which Is Totally Legal. Just Concentrate More Upon Blogging And Thus Success Will Be In Front. Just By Blogging You Can Get 20-25 Backlinks If You Have Good Amount Of Traffic.

So Friends, Enjoy With Blogging.

How To Add Or Embed Documents In Blogger Blog Posts

Hello Guys, We Are Again Back With A New Tutorial About Adding Documents Like PDF, Presentation, Spreadsheet, Forms Etc. Directly To Blogger Blog Posts Rather Than Linking Them Via Hyperlink. With Help Of Google DOcs, We Would Embed Documents Into Blogger Blog Posts. Generally, Google Docs Is One Of The Most Reliable Way Of Uploading Documents Over The Web. It Also Allows The Feature Of Embedding Documents Into Blogger Blog Posts. Thus, Today In This Tutorial, I Would Explain The Way Of Embedding Documents Into Blog Posts.

How To Add Documents To Blog Posts

Firstly, Go To Google Drive And Sign In With Your Google Account To Gain Privileges And Upload On Their Servers.

After Signing To Google Drive, The Next Thing You To Upload Your File. You Can Also Directly Create A New Document And Embed It. Now You Will See A Upload Button On Right Side Of Create Button. On Hover It Shows To Upload.Now Click On Upload Button And Select "File".

After Clicking A Dialog Box Will Appear To Browse The Document To Upload. Select The Document To Upload. After Selecting The Required Document Click On 'Open' Button In Bottom Right And The Document Will Start Uploading.

As Soon As You Select, A Small Upload Wizard Would Appear In Bottom Right Showing The Status Of Uploading. The Upload Will Be Totally Dependent On Your Internet Connection. Once The Upload Is Finished Follow The Below Given Steps.

Once Uploaded, A Thumbnail Of Your PDF File Will Be There On Google Drive. Now You Need To Change The Permission From Private To Public. For This, Right Click On The Uploaded Document And over On Share, A Drop-Right Will Appear Showing Couple Of Option. Click On Share.

Now, As Soon As You Click, A Lightbox Will Appear To Change The Sharing Settings. To Change It, Click On Change (Refer To Screenshot Below).

Now Click On 'Public On The Web' Visibility Option. You Can Also Edit More Access Option Like 'Anyone Can Edit', 'Anyone Can View', 'Anyone Can Comment'. Select The Most Appropriate One According To Your Choice. Now After Doing Changes Click On 'Green' Save Button. Now Again Click Done.

After This, You Will Again Be Redirected To Main Google Drive Page. Now Like Previous Right Click On The Document Thumbnail And Hover On "Open With" And Select "Google Drive Viewer". With This The Google Drive Viewer We Be Opened In New Tab. After This Click On File And Select 'Embed This PDF File'.

After Clicking, A LightBox Will Appear Giving You The Code Of Your Document To Embed It Into Blogger Blog Posts. Now To Embed, Go To Blogger >> Create New Post >> HTML Section And Paste The Given Code Where You Want To Show Your PDF.

Now Copy The Code In The Light Box.

Now Made Some Changes In The Code, Replace "preview" With "edit?usp=sharing". Now Publish Your Article And You Are Done. A Live Preview Is Shown Below.

Live Demo


A Demo Can Been Above.

By Default The Width Of Document Is Set To 640 Pixels And The Height Is Set To 480 Pixels. You Can Change Them According To Your Need. now You Would See The Document Attached And Your Users Can Download It Too.

Automated And Stylish Posts Slider For Sidebar Of Blogger

Hello Guys, After A Very Long Break, We Are Again Sharing A New Automatic Featured Post Slider. This Is Advanced Than Other Recent Posts Slider Widgets. You Can Set The Post With Labels Or Enable Automatic Show, It Will Show The Posts Automatically With Updates. As Written Automated, You Need To Set-up This Widget Only One Time And Enjoy. Just You Need To Put Your Blog URL And Enjoy Rather Than Updating It With Posts.

Many Premium Features Like Hover Effects, Transitions, Author Name etc. Have Been Added To Make This Widget More Stylish. A Live Demo Has Been Included For Easy Understanding Of This Widget. I Personally Prefer You To Try This Widget To Increase Your Visitors Activity.

A Pure Live Demo Can Be Seen Below By Clicking Live Demo Button.

Live Demo

A Demo Can Been Seen On Sidebar Of The Demo Blog.

Adding This Widget To Blog

To Add This Widget To Your Blog Go To Blog → Layout → Add Widget → HTML/JavaScript And Paste The Below Code There.

<style scoped="" type="text/css">
*/
ul.abt-sidebar-slider *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
ul.abt-sidebar-slider{font:normal normal 11px Verdana,Geneva,sans-serif}
ul.abt-sidebar-slider,ul.abt-sidebar-slider li{margin:0;padding:0;list-style:none;position:relative}
ul.abt-sidebar-slider{width:100%;height:500px}
ul.abt-sidebar-slider li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none}
ul.abt-sidebar-slider li:nth-child(1),ul.abt-sidebar-slider li:nth-child(2),ul.abt-sidebar-slider li:nth-child(3),ul.abt-sidebar-slider li:nth-child(4){display:block}
ul.abt-sidebar-slider img{border:0;width:100%;height:100%}
ul.abt-sidebar-slider li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0}
ul.abt-sidebar-slider li:nth-child(2){left:0;top:50%}
ul.abt-sidebar-slider li:nth-child(3){left:50.5%;top:50%}
ul.abt-sidebar-slider li:nth-child(4){width:100%;left:0;top:75%}
ul.abt-sidebar-slider  .overlayx,ul.abt-sidebar-slider li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
ul.abt-sidebar-slider .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFdzqyWqrNlV-2YuS1CtiB3DosBogzOMnxnT9X9KUXnw6YpqfaGA3xFqJzWNieih9JthGKgacOTejJNBpeCPMc8dEuBjQBmafDflzgVCovANvERpRP8EjB9zeXd1mC2ugeDidfN6Gvqg8/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x}
ul.abt-sidebar-slider .overlayx,ul.abt-sidebar-slider img{border:4px solid #2E8DCE;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
ul.abt-sidebar-slider li:nth-child(1) .overlayx{background-position:50% 25%}
ul.abt-sidebar-slider .overlayx:hover{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
ul.abt-sidebar-slider h4{position:absolute;bottom:30px;z-index:2;color:white;margin:0;width:100%;padding:0 10px;line-height:1.5em;font-family:Georgia,Times,"Times New Roman";font-weight:normal}
ul.abt-sidebar-slider li:nth-child(1) h4,ul.abt-sidebar-slider li:nth-child(4) h4{font-size:150%}
ul.abt-sidebar-slider .label_text{position:absolute;bottom:10px;left:10px;z-index:2;color:white;font-size:90%}
ul.abt-sidebar-slider li:nth-child(2) .autname,ul.abt-sidebar-slider li:nth-child(3) .autname{display:none}
.buttons{margin:5px 0 0}
.buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative}
.buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%}
.buttons a.nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px}
</style>
<div id="featuredpostside"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-sidebar-slider.js" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
FeaturedPostSide({
blogURL:"http://bloggertricksland.blogspot.in/",
MaxPost:8,
idcontaint:"#featuredpostside",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
//]]>
</script>

Now Save Changes.

Settings Required

You Can Change These Settings According To Your Requirement.

blogURL      =  Add Your Blog URL There.

MaxPost       = The Total Number Of Post You Want To Show.

Interval         = Time Taken To Change Slides (In Milliseconds)

autoplay        = True/False For You Want To Rotate Slides Auto Or Not.

tagname        = Paste The Specific Label If You Want To Show Them By Label. Replace Label With false If You Want To Show.

One Done, Save All Your Settings And Enjoy This Widget.

Automatic Stylish Recent Post Slider For Blogger

Hello Everyone, Many Of The Bloggers Would Have More Than One, Even I Did Have Two Blogs, And Everyone Wants That His Blog Look Attractive And Get Good Traffic Too. Today I Am Going To Present A Awesome Recent Post Slider Which Is Really Attractive And SEO Friendly Too. But How It Is SEO Friendly? Easily, It Would Help Your Blog Less Bounce Rate And More Page Views. Many Of You Have Read That To Increase Traffic You Must Keep Your Bloggers Engaged, So That More Page Views You Will Get And This Will Led To Increase Your Page Rank Too.
This Widget “Automatic Recent  Post Slider” Is A Attractive Widget Which Shows The Recently Posted Posts Of Your Desired Blog With A Stylish Look And Interface. As Written This Is A Automatic Widget And Automatically Updates Every Times When You Update The Blog. You Do Not Need To Do The Settings Manually. No Need To Add Images, Description etc. It Is Fully Automatic. The Thing You Have To Do Is To Just Add The Widget And Change With Your Blog URL.

Live Demo

If You Like The Widget Then Add It In Your Blog :)

Adding Widget To Your Blog

• To Add This Widget Go To Blog Tittle → Layout → Add Widget → HTML/Javascript And Paste The Following Code In The Blog:

<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
    url: "http://YOURURL.blogspot.com" // Add your blog URL
});
</script>

• After Pasting The Code In HTML/Javascript Box Change The Yellow Coloured URL With Your Desired Blog.
• Now Save The Template And You Are Done.

Finnaly, You And Your Visitors Can See A Stylish Automated Recent Post Slider On Your Blog

Animated Page Loading Effect For Blogger

Hello Everyone, That's Mine First Post In This Blog And I Am Going To Post One Of The Most Attractive Widget. Not Only This Time But I Will Continue To Post About Tech And Blogging. Every Blogger Wants His Blog Looks Best Than Others Blog. But How? My Friends, I Have A Awesome Widget For Blogger Which Will Let Your Blog Look More Attractive. It Is Just A Different Widget, Lie The Exit Effect In Microsoft Power Point Custom Animation. After Adding This Widget In Your Blog, When Any Of The Visitor Click Any Link Of Your Blog, In Spite Of Old Boring Loading Effect, They Will Experience A Animated Page Loading!

To See The Demo, Go To My Other Site : http://www.thesoftplanet.com And Click Any Of The Link.

                                

Demo Of Page Loading Effect

Adding Widget To Blogger

To Add This Widget Do The Following :

• Go To Template > Edit HTML > Now Find </body>. And Paste The Following Code Just Above </body>.

<style>
#abt-page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWLrKFlT247kSiMYA9h0J8pSS7idzo2DGBJJSfB0tR5iYCDOSghCVxFAbrxhxcfedHcX-U-seAXoUcGBx1KQsIiFnurLc9ZHUefK4_6flUYQHWye8ntYzFLwWIwC0jYG7q2QPIrTwpPDA/s200/load6.gif') no-repeat 50% 30%;
        color: #FFF;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style> 
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

• After Adding The Code, Save Your Template.

Note : If You Want To Change The Loading Image, Change The Image URL With The URL In Red.

Now You Are Done, Now You And Your Visitors Can See Awesome Stylish Animated Page Loading Effect In Your Blog.