How To Change Blogger Template

Are you tired of using the default blogger template ?. Do you want to give professional design to your blogger blog ? if yes then read this post carefully from top to bottom. Our today post recipe will completely goes all about how to change blogger template. Being a blogger user everyone should must know all the tips and tricks how to change and replace the blogger default template with new one. Since from the couple of days we have received dozens of comments from newbie asking for thing how to change blogger template inside blogger new interface. They are facing so many problem in Blogger New Interface even they do not know how exactly use it.

Change Default Blogger Template InTo Professional Template

Turning your blog into professional looks. First impression is the last impression. as the phrase telling us to keep everything clean neat stylish, designable & delicious so that viewers likes our job in first impression.    A designable theme will attract more and more visitors & will  make our blog design perfects for viewers.

• Visit: Top 3 Black color Blogger Template

Always try to use a professional premium template instead of using the default one. It will not only make our blog stylishly but in this way we also saved from so many bugs which has the default blogger template. Also we do not need to customize our blog for many purpose because they have already been customized by Pro Blogger. All the main customization will be show here in the feature sections. just scroll down.

Major Features by Using Professional Templates

There are uncountable features by using premium templates or professional template. Here you will learn some of the basic features why Pro Bloggers are using professional Themes. One things should always be remembered if you are serious in blogging and want to do something better in this field this is the foremost job to replace the default and builten blogger template with professional one. So that your blog becomes well known for robots and readers.

• Well known & Robots lover:
• SEO Friendly:
• Awesome Designing:
• Attracted Visitors:
• Increase Readership:
• First Loading Page:

Learn How to Change Blogger Template

In this section you will lean all the basic tips how to add new blogger template in blogger new interface. This is so simple process newbies should not worry about it. You will be completed guide and will be able how to do it. Bellow are the simple steps just follow it carefully step by step. Hope you will success once you followed it correctly.

• Download: Top 10 Premium Blogger Templates

To change your template first you will need to download premium or professional template from online template website. You can easily one of the best free premium blogger template from our blog. To download an awesome blogger template from our blog just click one the above following links which i have mentioned above and download the best free template according to your own choice.

• Go To Blogger Dashboard:
• Click on the Blog you want to change its template:
• Now Follow the below steps with the help of screenshots:

#1 Click on the Drop-down menu or simple click on the template

Or

#2: Click on Back/Restore button located on right corner inside template option

#3: It will be better to download your current template first

#4: Now select the template file from PC which you want to apply on your Blog

#Final: Now click On Upload Button

It will take a minute to when you click on the upload buttons wait until the loading complete and then try to refresh your blog. You will be wondered to see the amazing result. After refreshing now will have a nice template on your blog. Now follow the same process whenever you need to change the blogger theme.

• You Might Like: Simple White SEO Blogger Template 

Final Words

Hi friends this was a nice tutorial which guide us in easy steps about how to change blogger template 2013 by using this simple method. Before this tutorial we have published several tutorial on about the following basic SEO setting & blogger themes. Hope guys this tutorial will help alot keep visiting us & hears for latest updates.Thanks Happy Blogging Journey!

Continue Reading

How To Find Dofollow Commentluv Blogs For Commenting

Commenting on others dofollow blogs is the Ethical and good way to get high PR and Quality backlinks for your blog. This will not only engage with new visitors but also get high quality links strings for your blog. This is one of the best and unique way to increase blog traffics instantly. We are observing  these days newbies are very in trouble & tired in searching of KeywordLuv and CommentLuv enabled blogs to leave a comments with desired links So that to increase the reputations of quality backlinks & get good result in PR. So basically these are two way to find commentluv blogs for commenting. Lets Learn how to finds these blogs easily for commenting to get gains dofollow backlinks for blog.

How to Find Commentluv and KeywordLuv Enabled Blogs

In early days it was very difficult to find dofollow blogs for commenting but now with the inventions of some online tools it become very easier to finds dofollow enable comment sites not in minutes but in a seconds.

• Read: Change Author Comments Color Style

Find By Online Tools

So this the best and better ways to finds these blogs by saving your precious blogging time. By using this tools you will get all the dofollow commentluv blogs on search search pages with instant of time which was not possible as compared to manually methods. So lets go how to use this tools for doing this job.

• Check It: Turn off Comments Box For all Posts

PutMyLink.com

PutMyLinks is the most prominent online tools with free of cost by which we could easily find all dofollow commenting blogs with very instant of time. Look at the screenshot of this online tool.

DropMyLink.com

DropMyLinks is another most prominent & tremendous online tools which give the opportunity to find all the dofollow commentluv and keywordluv blogs for commenting. So tools we personally use on PBT. I would recommended to use dropmylinks because of easy to use and best one. Learn how to use this tools.

1. Go to DropMeLinks.com



2. Now You will be able to see two options boxes. "like this" The first one will be for keywords & the second one will show Find.



3. Keywords: In keywords box you will insert a keywords related to your niches.



4. Find: In finds box you will need to select which type of  blog you want to search for.






5. Now Simply Click on Search Buttons A new Google Search Page will appear. Like as Below 







6. Now you will see all " Enter YourName@YourKeywords" with each blogs on google search page. I have also highlighted that in the above screenshots it means that all these blogs are KeywordLuv Enabled blogs which allow us to leave a comments with Commentluv option.


7. Now visits this blog one by one and start commenting on them. it will be more better for saving your time to note all these blogs in excel file. Next time you can easily landed on them for commenting without finding by using this methods.



8. Finally You done:

Final Words

Hi pals this was a little tutorial about how to find Dofollow KeywordLuv Enabled Blogs For Commenting. This is the only way to build strong readership and get quality backlinks for your blogs. It will also increase your blog traffics, valuable for Search Engine   & have good PR.

Make a schedule for commenting & try to leave a comments on 10 to 15 popular blogs with daily basis. By doing It will boost your post rank well in search engine. Hope this tutorial help you alot if you any query then do not hesitate to post your question in comments sections. Share Your Views With Us.

Continue Reading

How to Resize All Post Images Automatically in Blogger

By using proper images in blog post will not only make your post designable but also attracted more and more visitors. Adding proper dimension images in blog posts is a prominent job & also very very essential for SEO. Such images give an illustrative mapping help to readers. So what if we have used & added a random dimension images in earlier post and now we want to resize all of them at once. Is it possible to decrease or increase image size in all posts automatically. Since from the couples of days we received bundles of email asking for helps is there any way to resize all previous posts images instantly. Yes surely we could easily customize all these photos by playing with a little Css Code. So in this article we will show you how to resize all post images automatically in blogger blog.

Read: Online Tools To Copy Text From Images Online

Why We Need to Resize All Images in Blogger ?

There are following reasons why we need to customize these photos by giving proper dimension. 

1. Sometime we have used large magnitude or large dimension images which oftenly crossing the content borders. This will make our posts view ugly and readers will not satisfied with complete illustrative views.



2. By adding proper and exact match images according to your posts width and size robot will take it easier in understanding & will get fast indexing.



3. By using always same width & height images in post, guys trusted me it will surely increase your page loading speed faster several times. So we could easily decrease page loading time by applying this technique.

How to resize all Photo Automatically In Blogger post.

There are two to customized and resized post images. 1: Manually 2: Automatically:

Manually: You could resize all the image manually but what would you do if your blog has hundred and thousands of photos. you can absolutely edit all of them if you still want to do so but it will take months or dozens of days.

• Do not Miss: 7 Tips To Optimize Images for SEO.

Automatically: So therefore it will be more essential to customize and resize all of them through Css codes. Now in this method you have not to go anywhere or no need of editing your images one by one. Just go to template & make some changes in css codes thats is. By applying such technique, after some time if you want, then  you could easily revert all images through theirs original size. 

Learn How to Resize all Images Automatically in Blogger

This is a very simple trick. You could easily customize this by following simple steps.

• Go to blogger Dashboard: 
• Go to Template/ Edit Html:
• Now Search for  ]]></b:skin> tag 
• Now past the below given code just above the ]]></b:skin> tag

.post-body img {
width: 500px!important;
height: auto!important; }

Possible Customization

• If you want to increase or decrease the width of image then change the value of width: 500px:
• If you want to increase or decrease the height of image then give value to height: 500:px or according your blog width:
• If you wish to add border to the image then simple add this property to the above coding border: 1px solid #d2d2d2  
• Save your template >> You done Almost:

Need help

Guys this was a little tutorial about the resizing of old images used in posts. We hope that this technique would help you. If you are facing any problem in customization then kindly post your queries in comments section. We are here by 7/24 to serve you better. Please do not forget to share your views if you know better way. Love & wish You All the Best.

Continue Reading

How to Show and Hide Widgets in Blogger Specific Pages

Today i come again with one another interesting tips that would help you display or hide blogger widget on specific parts of your blog. Guys sometime you might be noticed that whenever we add a gadget in blogger default home page then it would appear on all static pages like home page, about me page, downloaded page and post pages. Being a blogger user sometime we need to remove unnecessary widgets from specif pages in blogger and want to show our desires  widgets on certain pages according to our need. So by playing with such trick it will not only bring beauty in blog statics pages but it would also help in blog faster loading time. So in today article we will show you how to show and hide widget in blogger specific pages.

These days we continuously see a lot of blogger user complaints on blogging forum how to, how to show widget on selected pages in blogger blog. how to hide widgets on certain pages, and many mores. i have personally got too much emails complaints on PBT from our loyal readers they have voiced is there any way to put specific widgets on certain pages in blogger blog. Yes absolutely you may put any gadget on specific lactation in blogger blog without template customization. You will just only need to add a piece of chunk code in your template.

• Related Post:  How to Create Full Width Page In Blogger

To hide or Show Gadget in any manners we have provided all the possible way to customized them for any part, location of your blog. the only thing you will need to add your desire gadget code which you want to show or hide and that will be simply enclosed in two lines. In each case you will add your code and past in between those two lines. Remember you must be replace your gadget code with Gadget Code Will Go here So the same procedure implemented in each case. Lets take an examples.

You might Like:  How to Resize all Images in Blogger Posts

How to Show Widgets Only On Homepage ?

Past Your desire Widgets html/javascript codes between the below two lines. It would display the gadget only on your website home page. It would also hide the same gadget from all of your statics pages and posts pages and it will only remain on homepage.

   <b:if cond='data:blog.url == data:blog.homepageUrl'>

    WIDGET CODE WILL GO HERE

    </b:if>

How to Hide Widgets on Homepage ?

Past your gadget html/javascript between these two lines. It will hide the gadgets from home page and will show the gadgets on all posts and static pages. So to do this just place the code in below given lines.

   <b:if cond='data:blog.pageType == "item"'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Show Widgets Only On Static Pages?

If you want to display a widgets only on static pages then past your desire gadget coding between in the two lines. So just add the gadget code in two lines and then save your template you will see the gadget only on statics pages.

   <b:if cond='data:blog.pageType == "static_page"'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Hide Widgets On Static Pages?

If you wish to hide all the gadget from static page then past put your desire gadget code between the below given two line. copy gadget code and replace with the widget code goes here.

   <b:if cond='data:blog.pageType != "static_page"'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Show Widgets On Selected Post Only?

If you want to show some gadget only on your specifics and selected posts. then you may use the following code. enclose your gadget coding between the below these two lines. Remember you must be replace your desire post link with the blue color URL Of Selected Post code.

    <b:if cond='data:blog.url == "URL OF Selected Post"'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Hide Widgets On Selected Post?

if someone want to hide all the gadget from the selected posts then add your gadget coding in the below tow lines codes. Remember you must be past your desire post link and replace with blue color code URL Of Selected Post.

    <b:if cond='data:blog.url != "URL OF Selected Post"'>

    WIDGET CODE WILL GO HERE

    </b:if>

How to Display Widgets on Archive pages ?

Sometime we need to show a widget only on archive page. So to that we will need to add a gadget code between these two lines code. copy gadget code and replace with the widget code goes here

    <b:if cond='data:blog.pageType == &quot;archive&quot;'>

    WIDGET CODE WILL GO HERE

    </b:if>

How to Display Widget on Post Pages and Homepage

Many of us sometime we want to show gadget on homepage and post pages so in such case we will use the following codes to appearing only on these pages. it will disable the gadget from all the pages except home page and post pages.

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

    WIDGET CODE WILL GO HERE

    </b:if>

How to Display Widget on Homepage and Static Pages

If anyone want to display widget only on home page and static pages then add your gadget code and past between the below two lines. it will hide the gadgets from all other pages except home pages and static page.

    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    WIDGET CODE WILL GO HERE

    </b:if>
   

How to Display Widgets on Posts and Static Pages?

Are you interested to call your gadget only on posts and static pages if yes. the add your desire gadget code in between these two lines. copy gadget code and replace with the widget code goes here

   <b:if cond='data:blog.pageType != &quot;index&quot;'>

    WIDGET CODE WILL GO HERE

    </b:if>

How To Control Blogger's Official Widgets?

You could easily hide and show blogger official or builten widget (about me, Archive ,Polls, Wikipedia box) by following the same procedure. Now in this section you will learn how to control blogger official widget to place them anywhere in blog according to your choice. Let go how to do this.>>

• Go to Blogger >> Template >> Edit html.
• Now Search for the title of that widget which you want to control
• The code which you will find might be similar like this one.

<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>

LARGE WIDGET CODE

</b:includable>
</b:widget>

Now once you find your desire gadget title coding in template which you want to show or hide>> your specific Title instead of ( WIDGET-TITLE-HERE ) like (About M) or (Google Plus) . This will somewhere  also consist of the follow two tags which i have colored blue.   <b:includable id='main'> and </b:includable> So the desire code will must with these two tags. 

Now when you find this code in your template >> you will need to add your gadget coding inside  <b:includable id='main'> and </b:includable>.   To give you the illustrative example just loot at the below coding.

In this example i will show you how to add show blogger official widget only on home page.

<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
    <b:includable id='main'>

    <b:if cond='data:blog.url == data:blog.homepageUrl'>

    LARGE CHUNK OF WIDGET CODE

    </b:if>

    </b:includable>
    </b:widget>

• Recommended Article: How to create more than 20 Pages in Blogger

Need Help

Guys This was little about all the possible ways how we could easily hide and show widget on curtains pages in blogger. We hope that that this technique will improve your knowledge and will make you able to add any widget in any part of your blog without any hard movement. So in this way you could easily customize your widget to show them on specific locations. So guys if getting any problem in implementation and wants quick troubleshooting then the below comment section is only for you to post your queries. Love and Post your Views With PBT readers.

Continue Reading

How to Schedule Blog Posts and Auto Posting in Blogger

Scheduling the posts is one of the best and prominent feature included by blogger official in blogger platform. This additional features was included in the new interface of blogger in 2013. Now all bloggers user can easily posts theirs article at specific time by setup the schedule timing for post publishing. We have seen alot of Pro Bloggers which they follow the schedule timing for publishing the posts and articles. So being a blogger user we should know all the Blogger Tips And Tricks inside blogger platform. However i was also unaware of this splendid scheduling function which could help bloggers to publish posts automatically. Now you could also make a timetable for auto publishing the posts on the specific timing in a day. To get rid of manual posting just follow this tutorial, which would guide you how to schedule blog posts for auto posting in blogger blog.
  

Why Scheduling is Important ?

Guys we already know that readers love and like regular updates blogs. They are landing again and again if we maintain our post frequency steady & regularly. And you also know that fact to run blog by single author is not an easier job or keeping post frequency. So there are many factor comes when our blog is operating by single author.

How could you update your blog continuously If you are a single author like me and what to do if you are busy in dreadful exam, went to occasions or attending marriage & ceremony. This time you will probably lose your post frequency and some of your loyal and lover readers. Now by playing a little trick you could easily engage with your readers even if you are somewhere in the city, occasions or busy in exams.

Before going to occasions, study for exams, or attending marriage and ceremony you have to right multiple posts for your blog and schedule them so that these posts are published automatically in our absence. To learn how to get auto publishing the posts in blogger lets see the below method.  

Schedule Blog Post

Follow the below given steps carefully and implement on your blog.

1. Go to Blogger Dashboard:


2. Create New Post:


3. Now Once you finish writing your posts, click on the Schedule option from the post editor located on the right side.





4. When you click on the schedule option tool, you would be able to see two options. Click on the set date time option. And select your desire timing and dates on which you want to schedule your blog posts for auto publishing or posting. See the below illustrative screenshots.





5. Now click on done


6. Remember:You must have to click on publish button. It will not publish your post on pressing publish button. But it will automatically publish your posts at the same time and date which you have scheduled for it.

Some Useful Tutorial For Posts

Read:   Resize All Post Images Automatically in Blogger
Read:   Create More than 20 static pages in Blogger
Read:   Disable & Turn Off Comments Box in Blogger For all Posts

Wants Help ?

Lovely readers this tutorial was all about the scheduling blog posts article posting automatically in blogger. Hope guys this tutorial would help you in better way. Now you could easily make a timetable for auto posting by follow the above method. It would be better to write several posts before leaving your blogging room. It would be help to keep your post frequency. Thanks and hope you would like to share your brights ideas with PBT readers.

Continue Reading

How to Create and Add Google Custom Search to Blogger Blog

The search engine in our blogs creates a good impact on our readers as it makes the blogger blog looks professional and helps users to search blogs conveniently. There are dozens of search widgets available for blogger blogs, but none can be better than Google has offered. For those who don’t know there is search service called Google custom search which Google has built for websites and blogs. In this article we will be explaining you how to create and add Google Custom Search to Blogger Blog.

How to Create and Add Google Custom Search to Blogger Blog

Creating Google Custom Search 

Sign in to your Google account and click this link to go Google Custom Search, once you are on the page you will see a blue button with a text on “Create a custom search engine” click on this button.

Now you will see a page having a URL  and language settings, Under the text box “site to search “ add the URL of your Blogger Blog (i.e. www.probloggertricks.com).From the language drop down, select the language for your search engine then click on create button.

You will now see a congratulation message as you can see the below image. As you can see there are three buttons “Get-code” which will give you code of search engine ,“Public URL” it’s a URL of the search engine and “Control panel “click on it for settings purpose, such as layout, color schemes, themes. Here I will explain a bit of look and fell section.

Once you have selected control panel button, click on “LOOK and Feel” here you will have a layout section which depicts how search results from your blog will appear, you can select any layout of your choice also you can see a preview of the layout you selected.  You can see in the image I have selected “Compact” and also have performed a search to check how it will look.

When all the settings have been done for Google Custom Search click on the “Get code” Button, copy the code and save it in text file to use it later.

Adding Google Custom Search to Blogger blog

Go to Layout and select the place where you want your search box to appear, I will recommend in the top of sidebar because every user can easily pick it out from there. 

Layout>> Add a Gadget >> Select Html/JavaScript to the sidebar now copy the code which you just have created and paste it and click save.

You are done, congratulations you have successfully implemented Google custom search on your blogger blog.

Continue Reading

How to Disable RSS Feed in Blogger Blog

In some case blogger want to disable their blogs RSS Feed it can be because of many reasons. the two reasons which is coming in my mind is blogger simply don’t want its post to be emailed or if someone is using your RSS Feeds for auto publishing posts in its blog. Yes your RSS Feed can be copied using different scripts in both these case you needed to disable RSS feed. In this tutorial I will be guiding you how to disable your RSS Feed in Blogger blog.

How to Disable RSS Feed in Blogger Blog

Login into your blogger account and select that blog in which you need RSS to be disabled. Once blog is chosen go to Settings>> Others and under the heading of Site feed there will be a label named as Allow Blog feed beside that you will see drop down. Open that drop down and there will be various option available which are described below.

Full >> will display your whole post in RSS feed, Until Jump Break >> will display post until jump break in RSS feed, Shot >> will display a shot portion of content in RSS Feed,  Custom >> will display further options you can choose from, and None >> will completely disable your RSS feed.

Although in this article I am explaining about disabling RSS Feed but I have defined all the other options too so you get to know about every option available in Blogger for RSS settings.

After selecting None from dropdown click on save settings button and you are done.

I hope this article has enlightened your knowledge about RSS Feeds in Blogger and you have learned to disable RSS Feed in Blogger blog. Remember RSS feeds is a good source of promoting your blog, only disable it when you need to.

Continue Reading

How to Add Back to Top of the Post Button in Blogger Blog

Back to top of the post buttons is a button once clicked it will navigate the user to the top of the page or post. It is basically used for better scrolling, users don’t have to navigate using scroll bars instead they can use this button to reach to top in no time. Those bloggers who wishes to write a long post or if you have a video blog where you post lots of images in the single post back to the top of the post button is very useful for you. Back to top button not only saves the time of your visitor, but it also adds an enjoyment factor to your blog. Just follow the steps carefully and you will discover how to add back to top of the post button in blogger blog.

How to Add Back to Top of the Post Button in Blogger Blog

Login to your blogger account and select the blog on which you would like to implement back to top of the post button. After that, go to Layout section >> Add a Gadget >> HTML/Java Script and paste the following code and move towards customizing.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by www.probloggertricks.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="URL Goes Here" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
 
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>

Customize your back to top of the post button

You can select different images for your back to top button, here I have provided few you can use your own too if you want.Place any of the URL you like in the above code, replace “URL Goes Here” with any of your selected URL from below and click Save.

http://3.bp.blogspot.com/Jhm_YShNMoc/UujZWfBmHyI/AAAAAAAACSw/RG0ZAtfbUA8/

s1600/back+to+top+Gray+arrow.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj7VmUUnk8jw7MjZur8vj9FNNKCxT-eWwFrhj1RQPorzfQIttuuBkurVbhVsVnynax95hTzEMYbEVlH_3k4uj8oqPKnhGhFuWLnYFF8UvF1hKBxN3lEot-c5Vnn0iVBi9fYOq_NFLTiwsV/s1600/back+to+top+paw+button.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju673migMuqXpMjeIRiZCUVA8sra7YAYvLj4jL-GA4ATZ5zJP3br4XsgmOi4LjpQPTuRaFOdQzpvH7HQMvv4Q61QtcA351GmIG-A9t12IsBuXI6jd1a7GP4yq1dNCCjTQXX8GAyMU5yLDv/s1600/Back+to+top+Circle.png

I hope this article of mine has helped you in implementing back to top of the post button in blogger bogs, do write to us in a comment how do you liked it and if you have any problem in implanting in your blogger blog.

Continue Reading

Useful tips to Reduce Bounce rate of Blogger Blogs

Bounce rate is considered an important factor in blogging and we as bloggers must pay attention to our blogs bounce rates. Bounce rate is the Average no of visitors who visits your Blog and leave after a short time without navigating to other pages of your blog. So it’s better to have your blog optimized for bounce rate. In this article I will be explaining you some useful tips to reduce Bounce rate of blogger blogs.

Useful tips to Reduce Bounce rate of Blogger Blogs

Pay attention towards internal linking to blog posts

To put it simpler, when you write posts on some topic such as “how to disable RSS feed in blogger blogs "and you have already written an article on “what is RSS feed” than you can interlink (hyperlink of post) your this post with your upcoming post. By doing this you are engaging visitors and they can easily navigate. One important thing about interlinking is that do not burst your post with too many interlinks be composed and have 3 to 4 links per post.

Better Site load time

Nobody on this earth wants to wait for long so as the case with your blog visitors, they don’t  like to keep waiting for a long till the whole blog loads they mostly navigate to other blogs. To better your blog load time you should have a better coded template and another factor which decrease load time is excessive use of plugins and widgets. To check your blog speed visit Page Speed Insight from Google.

Do not place excessive amount of ADS 

This is the bitter reality most of visits don’t like ads spatially when they are placed in-between the content of your blogs. This is an annoying factor, but most of the bloggers can’t afford without having ads, I am not proposing to completely remove ads just place them carefully and in limited quantities.

Easy to navigate 

The navigation also plays an important role in decreasing bounce rate, you must possess a clear navigation menu for your web log. Clear navigation gives visitor a sense of comfort. 

Include a search box to search the site

Blogger blogs must have search boxes because visitors tend to use it more rather than going to archive and labels. A good search box that you can utilize in your blog is Google Custom Search.

I hope these tips for reducing bounce rate for blogger blogs have enlightened you knowledge. Just follow these tips and I am Shure your blogs bounce rate will decrease. 

Continue Reading

How to Add Beautiful Bubble Comment Counter to Blogger Blog

Comments are always seen as an important factor in the success of your blog. Users normally comments on your blog to appreciate author of that post, or to ask questions. One way to judge the popularity of the post is to see the number of comments post has received and for that you need to put comment counter on your blogger blog. In this article I will be explaining you how to add beautiful bubble comment counter to blogger blog.

How to Add Beautiful Bubble Comment Counter to Blogger Blog

Step 1

Login to your blogger blog and select the blog from your blog dashboard. Now select template >> edit html.

Step 2

Click in the template code area and press ctlr + F5 to open search box and type the following code in the search box.

]]></b:skin>

Step 3

Now expand the code by clicking the arrow next to it and search for the above code again, simply add the below code above ]]></b:skin>

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(http://goo.gl/92MxG2);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}

Step 4

Once the above code is added to the template, search for the code below

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

If due to some reason you are unable to find the above stated line of code look for the code written below.

<b:if cond='data:post.title'>
 <h3 class='post-title entry-title' itemprop='name'>

Step 5

Now add the following code immediately after this code.

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='color: #000000; font-size: 18px; font-weight: bold;'><data:post.numComments/></a>
</b:if>

Customizing comment counter 

You can change the #ffffff hex color code to the choice of your color or color which suits to your template. Similarly, change 18px font size to your preferred font size.

I have provided a few beautiful images that you can add to your blogger bubble comment counter, just replace the URL with the above stated URL in Step 3 that is highlighted in pink color.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu2PUOFV_Dv3A2D1KddPttV9U6h9MNc938WUpOiA0W_9q41mIxOB1WLyPtZ3xM_v2-HvGjPbEj98f8-qmPoOdRj7KqScwUSzbkWEu25U2rKZ7Cm0K_nt5l1bBRGrf4p6e1w5ceyAcBX54u/s1600/blue+bubbe+comment+counter.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi96l3L1fRS5GlZaKdk8azqxmJP57JS7J7dtWzGVYwu0mojncsnHXNyYEfssYkkkwqPEw6K12yifc0_l3nlzv8MFgQDukw54uSaPSaf0Im5G4XDDYMTHoxco-CHt8xvUZ3dZY-Wpj9Dwnme/s1600/pink+comment.png

I hope you have liked our effort of providing a beautiful bubble comment counter to blog post title. Do write to us in the comments section.

Continue Reading

How to Change Number of Posts Displayed on Blogger Home Page

Changing number of posts which display on blogger home page play a vital role in Search Engine Optimization. We should must take cure to select proper number of posts to show on homepage to reduce blog loading time. Because if we did this mistake to show large number of posts on home page in blogger blog then chances are higher that your blog will automatically compel on loading time which will surely discourage our readers, visitors and also great loss in organic traffic. So this concluded that we have to display minimum posts on home page in blogger so that there is no browser loading and get fast access even through poor internet connection. So one of our user have asked how to display specific number of post to display on home page in blogger blog. In today article we will learn how to set specific number of post to display on your blogger homepage.

Related Topic:  How to show specific number of posts per label in blogger

Why to Display Minimum Posts on Home Page in Blogger ?

You might have hear that access of everything is bad, So always keep in mind do not compel your blog on loading time for page-views to display bundles posts. Most of the people show maximum posts to increase the page views rate but it totally wrong in the eyes of Search Engine. If possible keep your posts from 5-7 posts on your home page. It would give splendid result and get faster blog loading time. So it concluded to display several posts on home page if someone want to have successful blog.

Learn How to Change Number of Posts on Home Page in Blogger

So This is not a difficult job to keep specific posts on home page area in blogger. You will have to follow the below simple steps to do the customization. Follow the given steps correctly.

• Go To Blogger Dashboard:
• Click on Your Desire Blog:
• Click on Posts and Comments:
• Now write number of posts you want to display:
• Now click on save setting: You done almost:

 Try to keep minimum posts from 5 to 7 on your home page.


Related Tutorials

• How to find tags easily in Blogger new html editor
• How to show more than 20 static pages in blogger

We hope you would like this tutorial which learn us how to display specific posts on home page in your blogger blog to make your blog more faster and SEO friendly. Making this changes will bring awesomeness in your blogger blog. We hope you have enjoyed this tutorial, if you face any problem then kindly do let us know we will try to back your response in twenty four hours. Thanks buddies cheers.

Continue Reading

Make Your Blogger Blog Private or Give Access to Specific users

There could be various reasons for which a blogger would like to make his/ her blog private or give access to specific people. Some are coming into my mind which I am sharing with you is we create widgets for our blogs or to share with other people through our blogs and we normally create a separate blog for testing purpose. These cases of blogs are to be meant for public users they are for developers or webmasters of that blog. So today the topic which I am covering on my blog is make your blogger blog private or give access to specific users.

Make Your Blogger Blog Private or Give Access to Specific users

By default your blog is set to be viewed as public. Which means anyone on the internet can view your blog. Stick with the below steps carefully.

Login to your blogger blog and go to settings >> Basic settings >> Blog Readers and click on edit see below video for reference.

Make your Blog private

Once you have clicked edit, select Private –only blog readers radio button and click on save changes this will make your blogger blog private and only visible to blog admin and authors. See below pictorial representation to obtain the clean depiction.

Give Access to Specific users

To give access to specific users to your blog select private –Only these readers’ option and click on +Add readers link this will open text area. In this text area, enter email address of those who you would like to give access to your blog, see below image to get a clear idea. Remember they will have to login before they can see your web log.

I hope this effort of ours will help you in making your blogger blog private or giving access to specific users. This is the guest post written by Ahsan Ali of easyearningmethods

Continue Reading

How to Add Stylish Keyboard Keys in Blogger Posts ?

Today we are going to release splendid amazing Css keyboard keys to add in your blogger posts. These Css keys will bring more beauty in your blogger posts and will make your blog more designable. We are now alerted all blogspot users, they can show stylishly Keyboard keys instead of any selective text. These keys are solely developed in CSS3 to design and have not used any image or photo, so that not to increase the blog loading time. So If you are the true lover of PBT then you might be familiar that recently we have shared detailed tutorial about Blogger Fancy Social Sharing gadget and today we have yet another this splendid tutorial to show you with the complete guide.So in this article we will guide you, How to add stylish CSS3 keyboard keys in blogger post to make it designable.

Why To Show the CSS3 Stylish Keyboard Keys in Blogger Posts

Blogger is full of beauty even a teenager can customize it layout interface in less than a minute. Every single day bundles of blogger templates releasing with unique stylish designing. So to make your blog more stylized and designable we have to analyzed each and every corner of the blog. Even we can also customize the default text in blogger to switch into Css stylish designing. Generally we use to show the default keyboard keys text inside blogger posts whenever learning how to gadget in blogger or something like that. Now for better understanding and being as professional blogger we have to add some css3 designing keyboard keys to help the newbies very well instead of showing default text.

Adding Css Keyboard Keys in Blogger Template

First of all we have to add the keyboard Css style inside the template. We will copy the below Css entire code and then past into the template. Now whenever we want to write the post and need that designable keys to show then we have only need to call the by inserting specific ids or class.

1. Go To Blogger Dashboard:


2. Go to Template >> Edit Html:


3. Now search for ]]></b:skin>


4. 


5. Click on Arrow Option to expend


6. Now past the below given code above ]]></b:skin>

kbd{
border:1px solid gray;
font-size:1.2em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
}

Save your template and you done the first part:

Now whenever you go to write your new post and do want to show these stylishly keyboard keys in specific location then you will need to type the following queries inside your blogger post editor html: Let me show You.

<kbd>Ctrl</kbd> + <kbd>F</kbd>

After enclosing your text inside the above tags: then these texts will be visible or looks like the below text:

• Read: Add Professional Notification Bar in Blogger

Need Help

We are confident you would this tutorial and hope you have learned how to add Stylishly keyboard keys in blogger. If you are still confuse and do not do the customization then we are hugely want to posts your query in comment section we will soon resolve your problem. If you want to know more about blogging tricks then kindly visit our PBT Gadget Inventory. thanks and hope to see you in coming tutorial:

Continue Reading

How To Show Read More Link in Feedburner Feeds from Blogspot ?

Do you want to show the read more button inside the Rss feed or Google feed burner. Have you ever seen or tried to display the read more link in feedburner feed. We have received dozens of email request from visitors, most of them saying "readmore link does not work in feed burner" while other say how to enable read more from blogger setting. So all these question have the same meaning, readmore link is a button which display small portion of posts on blog homepage. The visitors will be unable to read your post until they click on readmore link. The whole post will display when he/she clicks on readmore button. So this was one of the common issue from feedburner that why readmore button does not work RSS Feeds. So in today article we will guide you, how to show readmore link inside feed burner feeds.

Why to Display Read More Link in Rss Feeds

Read more link is very very important to display in feedburner. You must be worried and thinking that why does it so important. let me ask you the question. You might have received emails from popular blog from which you have been registered your email account. In my case i have registered my email with mybloggertricks.com and whenever he publish any post or article i immediately received email about that post but not completely, the post inside email show only upto readmore link and display full after clicking on readmore link which also redirect me at the place where it has been published.

•  How to Find Codes Easily In Blogspot Template

So this was one of the best example that i have shown to you. No body will redirect to your blog when your post goes by email in their account. they will read your entire full post without visit your blog, but if we set readmore link then they will must redirect to our blog. So come to tutorial and learn how to display readmore link in feedburner.

Learn How to Add Readmore Link inside Feedburner Feed

Being as blgospot user, the setting for displaying Jump break inside rss feed is not so difficult. we have to do some simple changes inside blogspot dashboard to control the rss feed setting and showing the perfect read more link.

1. Go To Blogger Dashboard:
2. Go To Setting >> Other:
3. Click on Allow Blog Feed:
4. Select Until Jump Break:

KeyPoints

1. Wait at least 24 hours to show the read more or jump break inside feedburner feeds:
2. Now you have successfully add the readmore link in your feedburner feeds:

Read: Create more than 20 static pages in Blogspot

Need Help in Adding Jump Break in Rss

SO guys that was all about how to display jumpbreak inside feedburner or Rss through blogspot setting. We hope you have found this tutorial unique for blogger tricks. If anyone one need further assistance than kindly do post your query in the below comment section reply will be emailed soon. Thanks buddies keep in touch with us.

Continue Reading