Helper Blogger: Blogger Basics

Showing posts with label Blogger Basics. Show all posts

Blogger Basics : How To Change Background,Font Size And Font Family Of Your Blog ?

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content">
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Verdana, sans-serif;">On some users request I have started a series of Blogger Basics.In this tutorials I will post tutorials about blogger basics for new bloggers.These tutorials will surely helps the new bloggers to improve design of their blog.Today we will see How to change background and font size of blog.I have divided this post in two parts.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<div style="text-align: left;">
</div>
<ol style="text-align: left;">
<li><span style="font-family: Verdana, sans-serif;">How To Change Background ?</span></li>
<li><span style="font-family: Verdana, sans-serif;">How To Change Font-Size ?</span></li>
<li><span style="font-family: Verdana, sans-serif;">How To Change Font Family Of Your Blog ?</span></li>
</ol>
<div>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42qWFxFiAzrpF5JJaJlqSPanolLlXxYzrUQ2ZgK28mJrV_Cjt5GJUA0OMNoa7OHzliU1S8gNgu56RYMjSj9P6qEDHJZOfV8ttdxvLiVp3tmztxfW4gtMYPvIdiHe9qgg8dZeWNhEu_oY/s1600/BTSNTS-BASICS-BLOGGER.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42qWFxFiAzrpF5JJaJlqSPanolLlXxYzrUQ2ZgK28mJrV_Cjt5GJUA0OMNoa7OHzliU1S8gNgu56RYMjSj9P6qEDHJZOfV8ttdxvLiVp3tmztxfW4gtMYPvIdiHe9qgg8dZeWNhEu_oY/s320/BTSNTS-BASICS-BLOGGER.png" width="304" /></a></div>
<br />
<h4>
1.How To Change Background Of Your Blog ?</h4>
<div>
<ul style="text-align: left;">
<li>Go to Bogger Dashboard > Design > Edit HTML.</li>
<li>Now find for this tag</li>
</ul>
<div style="text-align: center;">
<span style="font-size: large;">Main Code</span></div>
</div>
<div>
<br /></div>
</div>
<pre><code>body {
 <span style="color: #274e13;">color: #000000;</span>
 <span style="color: red;">background:#FFFFFF;</span>
        <span style="color: orange;">font-size:13px;</span>
        <span style="color: blue;">font-family:Verdana;</span>
}</code></pre>
<br />
<b>A.Use Hex Color As Background.</b><br />
<br />
If you want to change background color then find this line <span style="color: red; font-family: 'Courier New', Courier, monospace;">background:#FFFFFF; </span><span style="font-family: Verdana, sans-serif;">and replace it with any hex color code as you wish you can use our <a href="http://btsnts.blogspot.com/p/hex-color-code-generator.html" target="_blank">Hex Color Code Generator.</a></span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><b>B.Use Image As An Background.</b></span><br />
<span style="font-family: Verdana, sans-serif;"><b><br /></b></span>
<span style="font-family: Verdana, sans-serif;">If you want to use Image as an background the again find this in main code </span><span style="color: red; font-family: 'Courier New', Courier, monospace;">background:#FFFFFF;</span><span style="font-family: Verdana, sans-serif;"> line in above code and replace it with below below.... </span></div>
<br />
<pre><code>background: url(<b><span style="font-family: Verdana, sans-serif;">YOUR  IMAGE URL</span></b>);background-repeat: repeat;</code></pre>
<br />
<ul style="text-align: left;">
<li>Now replace <b>YOUR IMAGE URL</b> with your background image URL.</li>
</ul>
<div>
<b>3.To Change Background Of Post</b><br />
<b><br /></b>
To change background of post fin this code</div>
</div>
<pre><code>.post {
          margin: 0;
          background:#ccc;
}</code></pre>
<br />
Now again follow A and B steps...<br />
<br />
<h4>
How To Change Font Size Of Blog ?</h4>
<div>
<br />
Now find this code in Main Code and replace <span style="color: orange;">font-size:13px;</span> and change it as you wish</div>
</div>
<br />
<h4>
Change Font Family Of Your Blog </h4>
<br />
If you wish too change font of your blog then find this line <span style="color: blue;">font-family:Verdana; </span> in main code and replace font name with any other font name as you wish.....</div>
<br />
<h4>
To Change Font Color ?</h4>
<br />
Find this line <span style="color: #274e13;">color: #000000;</span> in main code to change color of font and replace it with any Hex color code you can use Our <a href="http://btsnts.blogspot.com/p/hex-color-code-generator.html" target="_blank">Hex Color Code Generator</a> .</div>
</div>
</div>

Blogger Basics : How To Change Background,Font Size And Font Family Of Your Blog ?

On some users request I have started a series of Blogger Basics.In this tutorials I will post tutorials about blogger basics for n...

+ Read more »

Complete List Of Blogger Limits Per Account

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
Blogger is a platform where anyone can open a blog using google account.It is a free service but blogger has some user friendly limits.Here I am giving some information about the limits a Blogger account has.While creating this post I've put them into a list for your reference.This will surely help you at some points in your blogging future.<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6FtLpvpvJRlnCYhNy7cQ1C_uNCNg-p8uJs2iWKOvs0m4UkIcljhWh1boQaBB51JwFpeY5DNqJ_aziIDwgEG64B6Dn3HaUdi8vI62tgI3lDP_RNWq7thlH539gLffcegTk-eHy1riQbh8/s1600/complete-list-of-blogger-limits.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6FtLpvpvJRlnCYhNy7cQ1C_uNCNg-p8uJs2iWKOvs0m4UkIcljhWh1boQaBB51JwFpeY5DNqJ_aziIDwgEG64B6Dn3HaUdi8vI62tgI3lDP_RNWq7thlH539gLffcegTk-eHy1riQbh8/s320/complete-list-of-blogger-limits.png" width="248" /></a></div>
<br /></div>
<span style="font-size: large;">Account limits</span><br />
<br />
<ul style="text-align: left;">
<li>Number of  blogs: 100 per account.</li>
<li>Profile Interests and Favorites: 2,000 characters in each field. </li>
<li>Number of blogs to follow: 300 blogs per account. </li>
<li>Profile "About Me" info length: 1,200 characters.</li>
<li>Image uploaded via post editor: 1600px wide. Larger images can be uploaded but it will be scaled down to 1600px wide while preserving the aspect ratio.Image (for background) uploaded via Template Designer > Background page: No limit</li>
<li>Image uploaded via post editor: 8MBImage (for background) uploaded via Template Designer > Background page: 300kB.</li>
<li>Uploaded via Blogger Mobile: 250KBCapacity of image hosting (on Blogger partner Picasa Web Albums): 1024MB per account.</li>
<li>Bandwidth of image hosting: No limit.</li>
</ul>
<div>
<span style="font-family: Verdana, sans-serif; font-size: large;"><br /></span>
<span style="font-family: Verdana, sans-serif; font-size: large;">Blog Limits</span></div>
<div>
<span style="font-family: Verdana, sans-serif; font-size: large;"><br /></span></div>
</div>
<br />
<ul style="text-align: left;">
<li>Length of blog title: 90 characters.</li>
<li>Length of subdomain name (as in http://SUBDOMAIN.blogspot.com): 37 characters.</li>
<li>Length of blog description: 500 characters.</li>
<li>Number of members: 100 member invitations per blog.</li>
<li>Number of readers (for a private blog): 100 per blog.</li>
<li>Number of posts: No limit. (However, currently the Edit posts list maxes out at 5000 posts, which could make some older posts inaccessible for editing. Blogger is working on a fix).</li>
<li>Number of posts displayed on multiple-post pages (homepage, archive etc.):</li>
<li>Blogger will attempt to display the number of posts as set in Settings > Formatting > Show At Most provided the posts’ file size does not exceed the Blogger auto-pagination file size cap of 1MB.</li>
<li>Bigger posts may cause fewer number of posts to be displayed.</li>
<li>Number of static pages: 10 per blog.</li>
<li>Number of labels: 5000 unique labels per blog.</li>
</ul>
<div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Post Limits</span></div>
</div>
<br />
<ul style="text-align: left;">
<li>Length of individual post: No limit.</li>
<li>Size of individual post: No limit, but very large posts may run you up against the multiple-post page size limit (see above).</li>
<li>Number of labels: 20 unique labels per post.</li>
<li>Number of comments: No limit.</li>
<li>Length of post filename: 39 characters (auto-generated from post title, truncated to length).</li>
</ul>
<div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Other Limits</span> </div>
<div>
<br /></div>
</div>
<br />
<ul style="text-align: left;">
<li>Label length: 200 characters per label.</li>
<li>Comment length: 4,096 characters per comment.</li>
</ul>
</div>
<br />
I hope you find the information useful. If you know a limit that’s not in the list, please share them in the comments.<br />
Please Note - This information was given by Mr.Greenlava of bloggersentral,so I gave all credits to him.</div>
</div>

Complete List Of Blogger Limits Per Account

Blogger is a platform where anyone can open a blog using google account.It is a free service but blogger has some user friendly limi...

+ Read more »

How To Remove Underlines From Links In Blogger?

How To Remove Underlines From Links In Blogger?

When I was new in the blogging world I tried blogger as well as wordpress for few month but as google mostly prefers blogger we move...

+ Read more »

Remove "Powered By Blogger" Attribution Gadget In Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi61TNHWKz_Ivm8rXwOh4G8larIz7Y5DB3pX6t6lB_AqVgoBFd1_GCvymm20ggjw0v5G-wf4M_RWcy2RX3_0-vAnb7bsvlVIDznESIZVWLcIiggirSFXw8lnKWFuajZsbeQQsOzGQRAj4M/s1600/remove-blogger-attribution-gadget2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi61TNHWKz_Ivm8rXwOh4G8larIz7Y5DB3pX6t6lB_AqVgoBFd1_GCvymm20ggjw0v5G-wf4M_RWcy2RX3_0-vAnb7bsvlVIDznESIZVWLcIiggirSFXw8lnKWFuajZsbeQQsOzGQRAj4M/s1600/remove-blogger-attribution-gadget2.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
The attribution gadget is a gadget present at footer of blog and says "Powered by Blogger".The gadget is locked,when you click on the edit link of attribution gadget you will notice that there is no  Remove link,Because the gadget is locked officially by the blogger.To unlock the gadget follow my below easy steps carefully.
</div>
<br />
<h3>

<span style="color: red;">How To Remove Blogger Attribution Gadget</span></h3>
<br />
<ol>
<li>Go to Blogger Dashboard > Design > Edit HTML.(In new U.I it is Dashboard > Template)</li>
<li>As always download a copy of your template</li>
<li>Tick "<b>Expand Widget Templates</b>" check box</li>
<li>Now search for below code in your template</li>
</ol>
<br />
<blockquote>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'></blockquote>
<br />
Replace <code>locked='true'</code> with <code>locked='false'</code><br />
<br />
Now save your template and go to Layout page. .<br />
Click on the edit link of attribution widget.<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGd6VUkSRhFNu9hAV5qFQ-ErrVKilEdvRICiwwwLVTScRj-WdP5KtWiL6Y9anGWCSyLRNZHnfCGAO9N-Du-cOEVL3zXSy1AYD8fheH8qw_bBcyTPKj7USGiCNZ-CEZU5d1mcuRrUp77-A/s1600/remove-blogger-attribution-gadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGd6VUkSRhFNu9hAV5qFQ-ErrVKilEdvRICiwwwLVTScRj-WdP5KtWiL6Y9anGWCSyLRNZHnfCGAO9N-Du-cOEVL3zXSy1AYD8fheH8qw_bBcyTPKj7USGiCNZ-CEZU5d1mcuRrUp77-A/s1600/remove-blogger-attribution-gadget.png" /></a></div>
<br />
<br />
Hit <b>Remove</b> button and you are done.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRCl97-Vl8r4zWO1zfRlODwS6i8CfmsG4VJ8XFndtLTqb_AjKkEc5QjcE3YUD9-S5TsE4vkLlwOALIi6VPxtwu9Gm1Yx7TEA0luWsXnczt6CeYuQ_YlqALf6U-aAq67zIIZCevDlWZCw/s1600/remove-blogger-attribution-gadget1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRCl97-Vl8r4zWO1zfRlODwS6i8CfmsG4VJ8XFndtLTqb_AjKkEc5QjcE3YUD9-S5TsE4vkLlwOALIi6VPxtwu9Gm1Yx7TEA0luWsXnczt6CeYuQ_YlqALf6U-aAq67zIIZCevDlWZCw/s1600/remove-blogger-attribution-gadget1.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
That's All.....</div>
<br /></div>

Remove "Powered By Blogger" Attribution Gadget In Blogger

The attribution gadget is a gadget present at footer of blog and says "Powered by Blogger".The gadget is locked,when you c...

+ Read more »

How to Remove or Auto Hide Blogger Navbar

<div dir="ltr" style="text-align: left;" trbidi="on">
At the top of Blogger Blogs you will a navigation bar known as Navbar.It
 enables your readers to sign in to their blogger account,search for 
blogs, go to next blog, customize, etc...But many of us wants to remove 
Navbar to give a professional look to our blog.In this post I am going 
show you 4 simple tricks to remove or auto-hide the Navbar.<br>
<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwcPHiSZGvGrQC_ABkt5QXG1Om_J5y-gHO4gSwK7iQ1zCkz-UTiBEjUjyiq05kkOah0cL8XKYw9IJ-Q1a9Vhc1wAkYIAV-YizGbrsohaGXBEOiGa0cBQfAH8bR2jgHcYMYdhkPbQl9fc0/s1600/how-to-remove-or-hide-blogger-navbar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwcPHiSZGvGrQC_ABkt5QXG1Om_J5y-gHO4gSwK7iQ1zCkz-UTiBEjUjyiq05kkOah0cL8XKYw9IJ-Q1a9Vhc1wAkYIAV-YizGbrsohaGXBEOiGa0cBQfAH8bR2jgHcYMYdhkPbQl9fc0/s320/how-to-remove-or-hide-blogger-navbar.png" width="320"></a></div>
<br>
<h3 style="color: red; font-weight: normal; text-align: left;">
<b></b></h3></div>

How to Remove or Auto Hide Blogger Navbar

At the top of Blogger Blogs you will a navigation bar known as Navbar.It enables your readers to sign in to their blogger account,search f...

+ Read more »