New template editor by Blogger:- Blogger template editor

As we had disused earlier that blogger is making many customization for making user get satisfied with this service. This an ultimate update from blogger that is new format of template editor for blogger there are many services in this new template editor. An upgrade html template editor for blogger is a great move taken by blogger team indirectly its Google. So let’s get into the topic.

Blogger template editor- what is meant by that?

Blogger template editor means that is default editor provided by blogger team to customize your blog as you wish and increase your visual dynamics This blogger template editor will help to edit both HTML (or XML) tags.

Changes in new blogger template editor:-

new template editor

As you can see there may changes made by blogger team to make blogger more user friendly. I really love these all features that are provided in new template editor. Let’s try to cover each and every concept of this new template editor by blogger.

Line numbering & error highlighters:-New blogger template editor

Line numbering & error highlighters

This new template editor for blogger has line numbers and this feature will help you in locating things if the template editor shows any errors.

The preview of the image clearly show that there is tag mistake in some line number, so the use can easily move to line correct the mistake by himself. By this we can user can easily find his mistakes and rectify them.

Auto formatting and syntax highlighting:-

The new blogger template editor now displays syntax highlighted code, which makes the user easier to read and analyze and understand. This highlighting helps even when you’re writing any code.

Code folding:-New blogger template editor

code folding

With new blogger template editor the code is now fold-able and allows you to expand and collapse.

You can expand/collapse by clicking on line number associated with opening tag.

Inline or Built in template preview.

template preview

The new blogger template editor offer an inline template preview, which will help you to get quick preview of the changes you had made.

Jump to widgets button.

jump to buttons

This button helps quickly navigation between your widgets in template code. Click on widget name that will take to corresponding code.

Other buttons

There are several buttons like FORMAT TEMPLATE will help you indenting code at the clock of button. Revert changes is similar to clear edits. The Revert widget templates to defaultbutton will revert any changes made in any of the Widget codes to blogger defaults.

In built search and Replace function.

search

replace

replace

The new blogger template editor is powered with inbuilt search engine to find the code very easily.

You can get search option by clicking on anywhere in template editor and then using the key board short cut ctrl+F (command+F on mac). You can do replace usin shortcut ctrl+shift+F and  ctrl+shift+R respectively.

That’s it this is all about new template editor for blogger.

Read More

How to add caption for photos in blogger?

About caption to photos in blogger.Cute Captions for photos 

As improved features of blogger blog this lead to many feature like giving alt tags for image and adding captions for your images right from your dash board itself. Previously this operation used to be very tough because for everything you should move to code do some manipulation over there.
The defects by performing some changes in code this may affect your template design according to blogger ground please add caption from dashboard itself it’s very easy. Why to make tings complex by yourself.

caption to photos in blogger

Easiest method of adding caption to your blogger images.
Now there is an easier option. Blogger indraft has adding a simple image captions to the photo that you have added for post.

Add captions for photos in blogger

Log in to Blogger In Draft and go to post editor.

Click on the photo and a small menu bar pops up below the photo.

caption to photos in blogger

Click the Add caption link and type your caption. The caption will automatically centered below the photo.

caption to photos in blogger

If you want to remove the caption, simply click the picture again. The menu bar pops up, this time on top of the picture.

Click Remove caption and your caption will be gone.

Now that was easy. Enjoy!

this allows you to increase your image traffic.

Read More

How To Replace Read More Text With Image

Read more is the feature given by blogger to make you page look good. And this an unbelievable fact that I want reveal that you can replace read more with your own image that you like and this very simple and easy to use..

read more image

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Now find "Read More" text in your template. 

4.Now replace it with below code:

<img src='LINK-OF-YOUR-IMAGE'/>

Note: Replace "LINK-OF-YOUR-IMAGE" with your image link.

That's it you are done 

If you have any problem please let me know in the comments

Read More

How to add META TAGS to Blogger blog(blogspot) meta tags in template

what happens if we add meta tags for blogger?

Adding Meta tags for blogger blog will automatically bring lots and lots of traffic because those are the targeted key words for your blog. This will help you to drive traffic from search engines.

blogger

These Meta tags which will describe your side and helps your site for getting better ranking in seo. And this helps the search engine what is this site about .meta tags allows the search engine to index pages perfectly. The above things clearly say that Meta tags will communicate with search engines and provides accurate info search engine and make it indexed correctly.

As we had talked about Meta tags. We should add main meta tags to head section of the template this will help your blog to attain nice rankings in search engines. One of the meta tag that describes your site briefly and clearly and other meta tag is meta key words this helps you to key words to template this also helps for better rankings.

Here is how to add meta tags to your blogger(blogspot) blog:

1.Go to "Template" --> "Edit HTML" of your blog.

html editing

2.Find this code:

<b:include data='blog' name='all-head-content'/>

3.Now add below code just afterthe above code.

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='author'/>

Look at the example below:

Replace,

DESCRIPTION HERE: Write your real blog description

KEYWORDS: Write the keywords of your blog

AUTHOR NAME: Write the author's name(Your name)

Now save your template. You have successfully added meta tags to your blogger blog.

Read More

Complete blogger limits

blogger limits

Limitations of Blogger complete details

Blogger is platform provided by Google it is free platform where you can express your mind. But every free source will have some or the other limitation. Such as blogger also does have some limitation. Lets hope that blogger would lift all limitations and complete professional platform. So today here we are going to discuss about limitations of blogger let’s get started.

Account limitations Blogger account limits

Number of blogs per account are 100 and this sounds better and in my view this is not a limitation.

Profile about me info length: 1200 characters.

Number of blogs to follow : 300blogs per account.

Image size (dimension) in blogger limits

Image uploaded via post editor: 1600px wide or high. Larger images can be uploaded but it will be scaled down to 1600px while preserving the aspect ratio.

Image (for background) uploaded via Template > Customize > Background: No limit.

Image file-size (byte).

Image uploaded via post editor: 8MB.

Image (for background) uploaded via Template > Customize > Background: 300kB.

Uploaded via Blogger Mobile 250KB.

Capacity of image and video hosting (on Blogger partner Picasa Web Albums):

Photos up to 2048 x 2048 pixels and videos up to 15 minutes: No limit and free.

Larger photos and videos: 1024MB free. Need to buy for more storage.

Bandwidth of image hosting: No limit.

Blog limits |limitations of blogger

Length of blog title: 90 characters.

Blogger gives a sub domain and its just for free and if you want you can update to custom domain.

Blog description length: 500 characters.

Members/authors limit 100 per blog.

Number of posts: unlimited.

Number of posts displayed on multiple-post pages (homepage, archive etc.):

Blogger will attempt to display the number of posts as set in Settings > Posts and Comments > Show At Most provided the posts’ file size does not exceed the Blogger auto-pagination cap of 1MB.

Bigger posts may cause fewer number of posts to be displayed.

Number of static pages per blog it was 10 previously an it is updated to 20 from march.

Number of labels: 5000 unique labels per blog.

Post limits| Blogger account limits

Length of the post : no limit.

Size of individual post : no limit

Number of unique labels for post : 20 unique labels per post.

Number of comments per post: no limit.

Length of post filename: 39 characters (auto-generated from post title, truncated to length).

Comment limits Blogger account limits.

Comment length: 4096 char per comment.

Read More

How to add contact form for blogger ?

Adding contact form for blogger|How to Make a Contact Form

Today at BLOGGERGROUND: BLOGGER TOOLS we are going to learn how to create contact form for blogger. As contact form is major essential thing for a blogger to get in contact with people. Here we are designing a contact form with a toll that which redirect the query of your user to you mail box. This is very simple to design and make a best use of blogger contact form to get in touch with your followers.

Let’s jump in and design a professional contact form. Contact form developed with this tool looks very professional and adds some life to your blog. I don’t want you to wait any let’s get started now.

As blogger allows you to add contact page as static page with this feature you can create contact page.

Steps for adding blogger contact form|Free Order Forms for Websites or 

blogger

Go to www.foxyform.com. Choose form fields and specify which fields are required.

 Modify your contact form according to your personal website design. Such as color combinations, font size etc.

contact form for blogger

blogger contact form

Contact Me Form for Blogger

Enter your e-mail address for getting data. Now, click on "Create Formular" button

contact us page for blogger

blogger contact form

Copy the HTML code and then paste it anywhere on your website/blog. You can paste it in your blogger's static page.

How To Add A Contact Us Page To Your Blogger Blog

Go To Blogger Dashboard >> Pages >> New Page >> Blank Page

Click On HTML Mode and Paste Above Copied HTML Code In It 

Now, Publish Page and Its Done

If you need any help or have an opinion or suggestion Please leave your comments Below. This is a Do-Follow Blog so leaving a comment will also help Your blogs Google rank.

Read More

How to Upload / Restore / Backup Blogger template

Upload / Restore / Backup Blogger template:

As blogging platform blogger is very ease to use and really simple and template editing in blogger platform is very easy. I personally run a technology website in word press and we should continuously maintain server and update the plugins. But happy thing in blogger is the update is performed by Google there is no need of taking any tension.

As blogger plat form is coming with many option to day we are going to learn how to upload, restore, backup, blogger template. Some time you will test many blogger templates and and you want revert back to previous template. Here we are providing explanation with pictures and you can better use of them.

Upload / Restore / Backup Blogger template notes:

› Go to Blogger dashboard

› Click on [down arrow icon] next to post icon 

› Then select [Template] tab

› After that look at top-right corner there is [Backup/Restore] button left to gear icon

› Now click on [Download full template] button which is of orange color

› If you want to upload a new template then click on [Browse...] button and choose template file in xml format

› And then press [Upload] button just below file browse option

› One you're done, you can press [Close] button

 Upload / Restore / Backup Blogger template: Pictorial representation

1 of 4

2of 4

3of 4

4of4

that it you are done with all Upload / Restore / Backup Blogger template

Read More

Broken links finder for your blogger or website

How to Find broken link on your website?

Broken link finder for blogger or website helps you to find all the broken links in your website or blogger blog .This is really very useful you can find all the broken links at a single place and you can rebuild then within minutes. This is window based software that really helps a professional blogger to find his broken links very and recover them. If you have broken links in your website that is not good for getting better ranks and it creates negative impression for your visitors.

 broken link on your website

Here are the steps for getting things done

1. Download the software

2. unzip it and install to your computer

3.after run Xenu.exe

4.Now go to left top and click File >> Check URL

5. You can add your site like ( http://www.bloggerground.com/)

6. Press Ok  after you can see broken link with red color. you can fix it

Good luck

Read More

How To Add Featured Post Content Slider to Blogger

This is very smart featured post content slider for your blogger blog or any other site.You can easily add or remove slides to this widget. And also very easy to configure. To add it to your site follow the steps given below.

1. Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see </head> tag .

3.Copy below code and paste it just before the </head> tag

4.Now go to Layout-->Page Element and click on "Add a gadget".

5.Select "html/java script" and add the code given below and click save.

Title-of-Post-1
Slide 1 Description [...]





Title-of-Post-2
Slide 2 Description [...]





Title-of-Post-3
Slide 3 Description [...]





Title-of-Post-4
Slide 4 Description [...]





Title-of-Post-5
Slide 5 Description [...]

Note : Replace URL-of-Post-X , Title-of-Post-X , Slide X Description [...] , Slide-X-Image-Address with your content.

Use width=270px and height=170px images for your slides.

And also you can add many more slide to this widget.

Read More