How To Install Instagram Widget In Blogger

As we have previously discussed about a social network widget which is twitter feeds widget. This widget are very attractive, simple, but helpful widget for your twitter followers. Similarly today I'm going to share an another social network widget which instagram widget for blogger. It is a one of the most prominent photo sharing apps on the market place.

Instagram is not just for individuals, Business. These fans number approx. 300 million active users per month. That is an antonishing number of potential new customer available for you to capture. Our smartphones accompany us everywhere, we use our phones to text, listen music, watching videos, playing cool games, and taking the images/photos/pictures.

By adding instagram widget in blogger blog, you can unleash a new visual aspect of that site and allow visitors to go beyond just words on page, with the convenience to carry the application around on your smartphone whenever you go, you can take a picture, apply filters and upload that content to your profile. From your profile a widget specially developed for your blog and website. Also these widget are helps you to gain more visitors from your instagram profile.

How To Add An Instagram Widget In Blogger Blog?

1. Go To Instagram Widget Website.
2. Insert your username
3. Select Grid or Slideshow
4. Select your Thumbnails size
5. Customize your widget background
6. Click on Get Code
7. Copy whole code
8. Open another tab
9. Go To Blogger Dashboard>>Layout>>Add Gadget
10. Select HTML/JavaScript Gadget
11. Paste the copied code in your widget
12. Finally Save your widget.
13. That's all!

Final Words

So friends this is our today's tutorial I hope you're fully enjoyed this tutorial and I'm sure that you have add this widget in your blogger blog then please leave your feedbacks. If you are facing problems during this installation so please leave your comments for solutions and don't forget to like our FB page.

Happy Blogging!

Read more

Friday, November 14, 2014

Display Blogger Posts In Grid View Mode With Thumbnails

Source : helplogger.blogspot.com

Hello Friends how are you I'm after a month with the interesting tutorial which i can share with today last time we had shared a helpful trick that is how to host JavaScript and CSS files in Safe place i hope this post are really helped you so any way today i am going to share a trick which is are very useful and beautiful for your blogger blog. So today I sharing Grid View with Thumbnails is a script for self-hosted Blogger blogs which will display blog posts as a thumbnail grid of images in homepage and archive pages. Instead of sending your blog visitors to a page that displays all the posts in full length with a large image which takes up too much space and requires too much scrolling, now you could have a clean page that displays a gallery grid, with thumbnails and post titles, linking back to the source post for that thumbnail.

Before implement this take a look of its demo by clicking the below live demo button.

                                                                       Live Demo

If you have a picture gallery or any type of wallpaper blog then this trick are best suitable in your wallpaper blog because this trick are show only thumbnails in your blogger blog home page.

How To Implement This?

After some gaining knowledge about this tutorial let's begin the tutorial but you make sure that you have a backup of your blogger template and properly saved in your hard disk. To Add This style in your blogger just follow below steps.

• Go To Blogger Dashboard>>Template>>Edit HTML
• Find below tag using (Ctrl+F)

</head>

• Just above the </head> tag, Paste the following below code.

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
    var width = 200;
    var height = 170;
    var placeholder =
'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinuqFe2NpfnMKpvDV_Fv0ReruwX-VZ-4zRaIqf_AepduwAbGmFw_NXyzfcWHCyBNFg3Nt4Vj6aX8t02aVgkBh1OHD9dw9s5jXvEeHuba6iNXNB2Q1p1YuGer-yZTDkWRfwCbzaDue0E-E/s1600/no-thumb.png';
    var margins = "0px 0px 10px 10px";
    var fitThumb = 1;
    var titleTopPadding = 5;
    var titleBottomPadding = 8;
    var titleLeftRightPadding = 5;
    var titlePadding = titleTopPadding + 'px ' + titleLeftRightPadding + 'px ' + titleBottomPadding + 'px ' +
titleLeftRightPadding + 'px';
    $('.post-body').each(function(n, wrapper) {
        var wrapper = $(wrapper);
        var image = $(wrapper).find('img').first();
        var link = wrapper.parent().find('h3 a');
        var linkURL = link.attr('href');
        var linkTitle = link.text();
        $(link).remove();
        wrapper.empty();
        if (image.attr('src')) {
            var thumbHeight = image.attr('height');
            var thumbWidth = image.attr('width');
            var thumbParent = $(image).parent();
            wrapper.append(thumbParent);
            if (fitThumb) {
                image.attr({
                    src: image.attr('src').replace(/s\B\d{3,4}/, 's' + width + '-c')
                    });
                image.attr('width', width).attr('height', height);
            } else {
                image.attr({
                    src: image.attr('src').replace(/s\B\d{3,4}/, 's' + width)
                    });
                image.attr('width', width);
                var changeHeight = (thumbHeight / thumbWidth * width).toFixed(0);
                image.attr('height', changeHeight);
            }
        } else {
            var image = $('<img>').attr('src', placeholder).attr('height', height).attr('width', width);
            var thumbParent = $('<a>').append(image).appendTo(wrapper);
        }
        thumbParent.attr('href', linkURL).css('clear', 'none').css('margin-left', '0').css('margin-right',
'0').addClass('postThumbnail');
        var thumbTitle = $('<div>').prepend(linkTitle).css('padding', titlePadding).css('opacity', '0.9').css('filter',
'alpha(opacity=0.9)').css('width', width).appendTo(thumbParent);
        var ptitleHeight = thumbTitle.height();
        var summary = parseInt(ptitleHeight) + parseInt(titleTopPadding) + parseInt(titleBottomPadding);
        thumbTitle.css('margin-top', '-' + summary + 'px');
        wrapper.css('float', 'left').css('height', height).css('width', width).css('margin', margins).css('overflow', 'hidden');
    });
    $('#blog-pager').css('clear', 'both');
});
function hideLightbox() {
    var images = document.getElementsByTagName('img');
    for (var i = 0; i < images.length;++i) {
        images[i].onmouseover = function() {
            var html = this.parentNode.innerHTML;
            this.parentNode.innerHTML = html;
            this.onmouseover = null;
        };
    }
}
if (window.addEventListener) {
    window.addEventListener('load', hideLightbox, undefined);
} else {
    window.attachEvent('onload', hideLightbox);
}
//]]>
</script>
<style>
.post {
    border-bottom: 0 dotted #E6E6E6;
    margin-bottom: 0;
    padding-bottom: 0;
}
h2,.post-footer {
    display: none;
}
a.postThumbnail div {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    background: rgb(125,126,125);
 /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)),
color-stop(100%,rgba(14,14,14,1)));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
    background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
    background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
    background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;
    #7d7e7d&#39;, endColorstr=&#39;#0e0e0e&#39;,GradientType=0 );
}
a.postThumbnail:hover div {
    display: block;
}
.post-body img {
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.post-body img:hover {
    -ms-filter: &quot;
    progid: DXImageTransform.Microsoft.Alpha(Opacity=70)&quot;
    ;
filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
</style>
</b:if>

• Click On Save Template.
• You've Done!

Last Words

So friends this is our today's tutorial and I hope this tutorial are really helped you if you're facing problems or getting errors during this process so please leave your comments for your solutions and don't forget to like our Facebook page and also share this tutorial with your friends on social networking sites.
Happy Blogging!

Read more

Saturday, September 06, 2014

How To Host CSS or JavaScript Files In Safe Place

As we've previously discussed about the blogger background and yesterday's post is about blogger personalize in other words we've previously shared an post that is how to add youtube video in blogger blogs background this is our first post which is tag in videos many bloggers and webmasters using this tricks to make their blog more professional and attractive if you're not read our previous post so don't worry click this link later this post for reading how to add youtube video in blogger background.

Lets begin the today's post which is a helpful article so, today's article in how to host or upload your Javascript and CSS files on Google Code. Google code is one of the best place for hosting or uploading any files in other words you can not just upload Javascript and CSS file even any file types. Google Code is part of Google where you ca upload your data without any tension and problem but Google Code is recommended for only JavaScript and CSS and many othere if your hope is uploading other files then you can easily upload your files in Google Code. Just like my example I've uploaded lot of template in Google Code for our readers. Many companies are offers for upload your JavaScript and CSS file such as Yourjavascript.com, dropbox, and etc.

One more method to upload your .js(JavaScript) and .css(CSS) files that is Google Drive. It is one more great method for hosting but little different between hosting on Google Drive and Google Code that is Google Drive have 15 GB space but Google Code have 4096 MB space.

I'm sure that these  methods are really help you and save your money Once you're become expert in hosting JavaScript and CSS file in Google Code or Drive then you will no need to but the server for hosting. Lets begin the tutorial.

How To Host CSS or JavaScript Files In Google Code?
Well, friends after some gained the some information about the hosting on Google Code then I can teach you for your helping in hosting javascript and CSS file in google code. Remember after the some post then one day I've may be share another method for hosting JavaScript and CSS file in Google Drive so, please keep visiting us regularly. To Host the CSS or JavaScript Files In Google Code, just follow below steps.

• One thing you remember you need a Google account because Google Code is a company of Google.
• After log in go to Google Code Website.
• Click on "Create a new project"

• Type your project name without giving spaces and feel full form like below image.

• Note: Make sure you set the version control system as Subversion and the source code license as Mozilla Public License 11.
• After filling the form click on "Create project".
• After creating a project a new page has open there you have click on "Source".

• After clicking again new page has open there you've click on "Browse".

• After clicking again new page has open there you've click on "trunk">>Create or Upload
  
• Make a JavaScript or CSS File using with your Notepad don't forget to save your file with following rules.

For JavaScript File ---> saves as .js

For CSS File ----> Save as .css

• After creating the Files you need to upload them.
• choose your file which you want to upload and then write your commit or anything in Commit Log field
• Then click on Commit.
• Then click on "View raw file".

• Copy your javascript file url in your browser address bar then using below choices.

<script src="Your-JavaScript-File-URL" type="text/javascript"></script>

•  Replace highlighted code with your JavaScript file URL remember that your file URL ending with .js
• Finish.

Your Turn

So friends this is our long tutorial but helpful and 100% working. You can use this method in many places like your blogger template JavaScript Code and CSS Code and blogger Widgets also one this is best it is reduce your blogger blog loading time and one thing remember you will sit and relax because your files are uploaded in Google server. I hope you can enjoy this tutorial, If you're facing problem during this process then leave your comments for your solution and share this tutorial with your friends on social networking sites also like our Facebook page, keep visiting us.
Happy Blogging!

Read more

Monday, August 25, 2014

How To Add Youtube Video In Background Of Blogger

Hi friends after the long I'm back with the interesting tricks for you and we had previously shared a template for your blogger blog which is designed by me and jillur rahman. So if you have not download our first blogger template so don't worry click this link to download NBT Custom Theme for Blogger blogs I hope you like this template and upload in your blogger blog. So let's going to toady's post that is how to embed or how to play youtube video in background of blogger blogs. Although, the results can be wonderful and productive but on the other hand, it has three major drawbacks. The videos cannot be paused, so if there is an ad running on the video you cannot do anything about it. It might slow down your blog, so before adding make sure you use it purposely for distinctive causes.

Some of you might have wondered how to put a video to play in the blog's background, so that instead of having just a color or an image, to have a video. We can do this thanks to the Jquery Plugin Tubular this plugin are using in to embed youtube video in another webpages.

Well, before implement this you can may be see its demo of this youtube background in blogger blog. To see the live demo of this just hit the below live demo button.

Live Demo

Notice:-
Before adding the video in blogger blog, make sure you do not have a site that fairely large width the maximum widget of your blog content should not be more that 700px-800px so your visitors can easily enjoy the video playing in the background for additional modifications, you'an make your blogger template a bit of transparent just like of DEMO blog to provide more clear video appearance.

How To Add Youtube Video In Background Of Blogger Blogs?
Always Before editing your blogger template and make changes your HTML coding remembered that you can make your blogger template backup and save it in your hard drive then you can start your editing to add you tube video in background of blogger. Just follow my below steps.

• Go To Blogger Dashboard>>Template>>Backup Your Template.
• Click on "Edit HTML" button.
• Find the below code Using Ctrl+F

</head>

• Paste the Following Code just above </head>

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/* jQuery tubular plugin
|* by Sean McCambridge
|* http://www.seanmccambridge.com/tubular
|* Copyright 2012
|* licensed under the MIT License
|* Enjoy.
|*
|* Thanks,
|* Sean */
var videoWidth = 853;
var videoRatio = 16/9;
var defaultDiv = 'wrapper-video';
jQuery.fn.tubular = function(videoId,wrapperId) {
wrapperId = (typeof(wrapperId) == undefined) ? 'wrapper-video' : wrapperId;
t = setTimeout("resizePlayer()",1000);
jQuery('html,body').css('height','100%');
jQuery('body').prepend('<div id="yt-container" style="overflow: hidden; position: fixed; z-index: 1;"><div id="ytapiplayer">You need Flash player 8+ and JavaScript enabled to view this video.</div></div><div id="video-cover" style="position: fixed; width: 100%; height: 100%; z-index: 2;"></div>');
jQuery('#' + wrapperId).css({position: 'relative', 'z-index': 99});
var ytplayer = 0;
var pageWidth = 0;
var pageHeight = 0;
var videoHeight = videoWidth / videoRatio;
var duration;
var iframe = '<iframe id="myytplayer" width="' + videoWidth + '" height="' + videoHeight + '" src="http://www.youtube.com/embed/' + videoId + '?autoplay=1&controls=0&modestbranding=1&showinfo=0&hd=1&iv_load_policy=3&version=3&wmode=transparent&loop=1&playlist=' + videoId + '" frameborder="0" allowfullscreen></iframe>';
jQuery('#ytapiplayer').html(iframe);
jQuery(window).resize(function() {
resizePlayer();
});
return this;
}
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("myytplayer");
ytplayer.setPlaybackQuality('medium');
ytplayer.mute();
}
function resizePlayer() {
var newWidth = jQuery(window).width();
var newHeight = jQuery(window).height();
jQuery('#yt-container, #video-cover').width(newWidth).height(newHeight);
if (newHeight > newWidth / videoRatio) {
newWidth = newHeight * videoRatio;
}
jQuery('#myytplayer').width(newWidth).height(newWidth/videoRatio);
}
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$().ready(function() {
$('body').tubular('61BLn00AN_w','wrapper-video');
});
//]]>
</script> 

•  After Pasting the above coding again find the below tag

<body>

• Or of you're using a default blogger template, then find this below line.

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

•  Under either of these two, then add this.

<div id='wrapper-video'>

• Now, find the below tag

</body>

• Paste the below tag just above </body> 

</div>

• Finally Save Your Template.
• You're Done! 

Remember:- Don't forget to change 61BLn00AN_w with your youtube video ID, these ID are appears at the end of the URL, to provide you assistance we've attached a screenshot for better understanding.

 Please Specially thanks to Sean McCambridge.

Final Words
So friends this our today's long tutorial I hope this tutorial may have helped you in learning that how to play youtube video in background of blogger blogs. It is essentialy awesome thing to be added in your blogger enabled site. If you're facing problem during this process then feel free to ask below comments box for your solution and don't forget to like our Facebook page and also share this tutorial with your friends on social networking site keep visiting us.
Happy Blogging!

Read more

Friday, August 22, 2014

How To Install Disqus Comment System In Blogger

Hi Friends previously we had discussed about creating a full width page in blogger which was good trick and 100% percent working in all blogger blogs. And now today here I am back with another tutorial and tricks which is fully working on all blogs. means this tricks also working in all platform blogs. This is a comments system which named as DISQUS. This comments system was very cool and awesome and also it working on all platform blogs like (wordpress, blogger, typad, joomla, drupal and others). But today I'm going to discuss and install DISCUS comments system in blogger blogs. This comments system is really beautiful and professional looking for all websites and blogs. This comment system are install in any kind of blogs and websites and you have seen the many popular websites where this system is integrated. The reason of its popularity are this comments system having lot of fantastic features so every one may like to install this DISQUS comments system in their blog or website. Before we get in to tutorial, let me tell you some fantastic feature of this Comment System.

Features Of DISQUS Comment System:-

I've listed some fantastic features of this DISQUS comment system I you may like its fantastic and awesome features read the following features below.

• Cool, Clean and Simple Design.
• Social Networking sites login
• Awesome  Threaded comments System
• Star, Reaction and Emoctions in Comments
• Thumbs Up and Down sign
• Easily Edit and Delete the comments
• Edit visitor comments
• Relates comments or Discussions
• Comments Awaiting Moderation
• Spam Checker
• Much More!

How To Install Disqus Comment System In Blogger Blogs?

After telling you the information and features of this DISQUS comments system, now you may want to add this in your blog or website. This is so easy to implement this in blog you will no need to edit the coding and other option. Just follow the below steps.

• Go To Disqus>>Click On "Add Disqus To Your Site" Button.
• There you will see the registration form, fill the full form to register.

• In next step you will be asked your site name and unique disqus id fee the all fields.

• After filling the all fields click on "Finish registration" Button.
• In the next step, you will be asked for choosing the platform, so choose you platfor where your blog created.

• After choosing the platform, you will see the new page where you can integrate that comments system in your blog or site and importing all blogger comments to this system.
• Now, first of all you need to integrate the comment system and then we will import the all blogger published comments. follow below steps.

• Click on "Add Your Blog to my Blogger Site" Button.

• After click the button the new tab will be open where you will be install comments system. Choose your blog and then click on "Add widget" button.

• Now you've successfully added the comments form in your blog.
• Then import the all blogger existing published comments in this system.
• Click on the 2nd line "Tools > Import".

• Then click on Import Comments from Blogger.

• Now Blogger will ask for the permission for grant access then click Grant Access button to give the permission.

• Now choose your blog and then click on Import button to import blogger comments.

• After the clicking on Import button you will see the message like below image.

• Now you have to wait for 24 hours to completely imported all blogger comments into disqus comments system.
• That's all
• You're done and wait for 1 day.

Final Words

So friends this is our long and helpful tutorial of today. I hope you've add the disqus comments system in your blog and also imported all your blogger comments. I hope you have enjoying this long tutorial of us and you have any question or need some help then feel free to ask comments box for your answers and solution. Don't forget to like our Facebook page and please kee visiting us.

Happy Blogging!

Read more

Monday, August 11, 2014

How To Create A Full Width Page In Blogger

As we've previously shared a responsive blogger template that is Flat Diary - A Premium Responsive Blogger Template and before this shared stuff we had shared a Sitemap page with CSS Theme  If you're missed our these two post so, don't worry read these post with relaxation after completely learn today's tutorial and Our today's tutorial is how to make full width page and remove sidebar from specific pages in blogger blogs.

Blogger Platform is the developed by Google which is user friendly blog provider based platform It have a lot of function and its template or themes. It have a great interface I means that this blogger interface are very simple and its feature are easy to use it one more thing of it You can add all types of HTML and CSS or JavaScript Widget by the using its layout section. Below I've listed some Advantages of Full Width Page read below.

Advantages of Full Width Page:-

• Looking More Professional.
• Reduce Blog Loading time.
• Great Impression
• Recommended for Contact US ,About Us Pages.
• Even User Friendly
• More Attractive better than other pages.
• Hidden Sidebar
• Much More!

But Today all of us will learn about a blogger page and how to make to full width. If you can created some pages like About Us, Contact Us or any other category and you can seen in other some wordpress or other websites than their these pages are setup in full width web page which means that these pages are show only your blog without and sidebar widgets. You may be also remove your blog's header and footer for full width page. During the surfing our blog you can visit our contact us page and you seen there that this page is professional looking this page shows only! without sidebar. If you can create your own full width page then you have to need to follow my easiest steps.


                                                                    Live Demo
Well, After gaining some knowledge about the full width pages now I would like to explain its each one line that make using the below code.

<style type="text/css">
{ margin-bottom: 25px; text-align: center; }
.comments, #blog-pager, .sidebar-wrapper
{ display: none; }
.main-wrapper {width: 100%;}
</style>

So, friends look at the first line in the above code you can see the started tag of CSS you have some knowledge about CSS then I no need to explain the first line. Now jump to second line you can see that the following class like .comments, #blog-pager, .sidebar-wrapper these classes represent the remove the following things like sidebar, comments box and etc. you can know about { display: none; } which means that see the third line this fourth line has remove the third line thing or div classes. look at the fifth line it represented that your page how many width you can customized by your choices. and finish.

How To Create Full Width Page And Remove Sidebar In Blogger Blogs?
Now friends lets start the today's tutorial and learn and gain knowledge about the full width page. To make the full width page and remove sidebar just follow my below steps.

• Go To Blogger Dashboard>>Pages>>New Page
• Blank Page>>HTML Tab
• Paste the below code in there HTML tab section

.<style type="text/css">
{ margin-bottom: 25px; text-align: center; }
.comments, #blog-pager, .sidebar-wrapper
{ display: none; }
.main-wrapper {width: 100%;}
</style>

• After the paste below code in your page just below it.
• write your page.
• then finally publish your page.
• That's all!
• CONGRATULATIONS! you're successfully created a full width page in blogger.

Final Words

So friends this is our today's tutorial and I can promised you that one day I'll back again with then helpful and interesting post if you're facing problems or getting error during this process then feel free to ask comments box for your solution and don't forget to like our Facebook page and also share this tutorial with your friends on social networking sites.

Happy Blogging!

Read more

Thursday, August 07, 2014

How To Fix Image Quality After Uploading In Blogger

Hi Bloggers how are you? As we're in last post discussed about that how to make and offer giveaways in blogger blog. This is very good method to host giveaways on your blogger blog and then get more comments, Facebook Fans, Twitter Follower, Google+ Followers and much more. So click this link to learn that how to make giveaways and competitions in blogger blog. After the long time I'm back with the helpful tutorial and I'm going to share this helpful and 100% working tutorial with you.

If you can using Blogger platform for your blog, then you might have notice that when you uploading a image in your blogger blog, after completed of uploading process then you have seen that the image has automatically color change after uploaded in blogger blog

Causes Of This Problem:-
This is a very big problem for your blogger blog because image is most important content in your blog post maximum visitors seen your blog post image on anywhere. This problems is created from your Google+ account. If you're connected your blogger file to Google+ so this is main reasons of this problem. You have seen above image you have seen in left side of this image is grey colored image because this image automatically change his color. In the right side this original image because this picture is not uploaded blogger. If you've solve this problem just you go to the your google plus profile settings page there you have seen auto enhance section you can just click on off option and save then then your image are properly upload without any color changing just like original image.

How To Fix This Problem?
Now this time to solve and fix this image uploading problem in blogger it is very simple to fix this you an just access your Google plus account then you can choose the option auto enhance off then you're done. Just follow below steps.

• Go To Your Google Plus Settings Page .
• Now Scroll down at the bottom You can seen the Auto Enhance Section this section says that "Automatically Enhance new photos and videos." You can just select Off Option and you will be automatically saved just clicking after the Off Option. See below image for better understand.

• You can just choose off option and you're done.
• CONGRATULATION! you're successfully to solve this problem.

Final Words

So friends here are simple and easy steps to fix and solve this problem for your blogger blog uploaded image quality I hope this post are really helped you. if you've any question then feel free to ask below comments box and don't forget to like our Facebook Page.

Happy Blogging! | Best Of Luck!

Read more

Thursday, July 31, 2014

How To Get First Position In Google Search Results

I think it is dream of every blogger that his blogger blog may get the first position and ranking on Google search results. We had previously offered a giveaway for blogger and some blogger are won in this giveaway and it's prize is any 1 premium blogger template from Sora Templates. If you're not participated in it then after reading this post don't waste time get the our previous post and join the giveaway for win the premium blogger template from this link Win Premium Blogger Template. But Today I'm back again with a SEO tricks for your blogger blog. Today here we are going to discuss that how can get your post in first position of Google search results. This trick will surely help you to get first position of your blog in Google search results. Firstly I would like to my own good and bad results which gave from Google search results.

If you're regular visitors of Next Blogger Tricks then you probably know  that in few days ago, we are shared a giveaway that Win A Premium Blogger Template and that was ranked on the 4th position of 1st page, see below image.

So, you can see this above image that mine my post is ranked on the 4th position of 1st page. After seen this image, After a week ago we're find this same post using same keywords and then I will look that my same post are ranked in 1st position of 1st page. I got success in bringing it at the first position see this below image.

Well, you can look in the above image that same post using same keywords is on first position. I'm going to share this trick with you which I have also tried. Some bloggers says that "My account is logged in and my post will appear first. yes that is right because If your logged in your Google account then you can search your post on same browser then they will show only Google plus posts not Blogger blog's posts. If you want to right accurate result then delete your browser history from the beginning time, clear cookies then logged out your account and then search again on same browser.
Read my tips to get your blogger blog in first position of first page on Google search results. Just follow my tips and get high page rank and position of your blog on Google search results.

1. Write Unique and Original Content
In the whole blogging world, content/posts is very matter. This is very important to write or create the unique and uncopied content with unique images which help you to make impression on your blog visitors. The unique content always found in Google search results that cal help in getting better position on search results. You can always write the lengthy post for your blog I means you can write tour post more than 400 words or above then surely it will be ranked higher in Google search results Google see only unique and quality content. Don't forget that what your readers like. Ask your visitors and give them of according to their choices. These help to gain more visitors to your blog.

2. Make Your Blog SEO Friendly
Before write a content and post make sure that your blog is fully SEO optimized because in the game ranking  it is very important for your blog SEO are two types the first is on-page SEO and the second is off-page SEO these two types of very important in blogging career. You can choose most searchable keywords for your blog post's title. Create your post short permalink I mean that make your post permalink look like searchable keywords, then make your blogger template SEO friendly. Make your blog post 400 words or above then using the simple and clean words to write a blog post. I means write blog post like easy to read and easy to understand. One more thing when you can write a blog post then don't forget to insert Meta Description on your blog post because it will improve your position in Google search results.

3. Build The Backlinks
Here you have to build and increase your backlinks and submit to other popular sites for your blog post which you want to appear in top of Search results. I can recommend for you that you can do the comments on CommentLuv enabled blog and sites. But before a comments, make sure that blog or site on which you are commenting is having the good rank and domain name. I will recommend for you can do guest poting on popular blogs and site and don't forget to insert your blog link on guest post.

Di you know that Google has a algorithm named as Google Panda. It detects those blog and websites which are stealing posts and contents from other blogs and websites and de index the page from Google, so don't copy someone's post and content write yourself fresh and original content.


4. Share Posts On Social Networking Sites
After the Published a blog post then you will need to share this post on all social networking sites which will also helps in bringing a post in the first position Google search results. You can easily share posts in some social networking sites on Facebook, twitter and etc. This will not onlt get position but it gives also more visitors for your blog. You can use all social networking to share your blog post for high position in Google search results.

Last Words

So Friends, Don't forget these above tips because these tips are help you in future to get high page ranking and high position in Google search results. I hope these will help you to get high position in search results. If you've more tips then please share your tips with me. If you've any question or problems then feel our comments box area and don't forget to like our Facebook page and also share this post with your friends on social networking sites.
Happy Blogging!

Read more

Tuesday, July 22, 2014