Add A CSS Badge For Your Blog

;

Hi Guys, today I'm Bringing you a new widget Called CSS Badge Which You Can Use In Your Blog. It Looks Attractive and show Your word while you hover your mouse over it. Today I Am Gonna Show You How To Add Badge For Your Your Blog With Hover Effect Its Very Awesome And won't Decrease Your Blog Speed. Now without delay, let's start this topic. If you want to look at Live Demo, look at our blogger sidebar, we have used the same widget there.

Follow my steps to add it:

• Go To Blogger Dashboard
• Click on Layout
• Select HTML/JAVASCRIPT
• Copy The Code Given Below

<!-- Bloggercruzer.blogspot.com !-->
<style> .BlogTariffCSSBadge{background:#fff;border-radius:10%;cursor:pointer;position:relative;width:15em;height:5em;overflow:hidden;transform:translateZ(0);margin:0 auto} .BlogTariffCSSBadge h1{color:rgba(8,172,233,0);font-family:Lato, sans-serif;font-weight:900;font-size:1.6em;line-height:3em;text-align:center;text-transform:uppercase;-webkit-font-smoothing:antialiased;user-select:none;transition:color .8s ease-in-out} .BlogTariffCSSBadge h1 a{color:rgba(8,172,233,0);text-decoration:none} .BlogTariffCSSBadge:before,.BlogTariffCSSBadge:after{border-radius:10%;content:"";position:absolute;top:0;left:0;width:inherit;height:inherit;box-shadow:inset 10.6em 0 0 rgba(30,140,209,0.2), inset 0 10.6em 0 rgba(30,140,209,0.2), inset -10.6em 0 0 rgba(30,140,209,0.2), inset 0 -10.6em 0 rgba(30,140,209,0.2);transition:box-shadow .75s} .BlogTariffCSSBadge:after{transform:rotate(45deg)} .BlogTariffCSSBadge:hover:before,.BlogTariffCSSBadge:hover:after{box-shadow:inset .86em 0 0 rgba(255,0,0,0.5), inset 0 .86em 0 rgba(252,150,0,0.5), inset -.86em 0 0 rgba(0,255,0,0.5), inset 0 -.86em 0 rgba(0,150,255,0.5)} .BlogTariffCSSBadge:hover > h1 a,.BlogTariffCSSBadge:hover > h1{color:rgba(8,172,233,1)}
</style> <div class="BlogTariffCSSBadge"> <h1><a href="http://www.bloggercruzer.blogspot.com">B.Cruzer</a></h1> </div>

• Change http://www.bloggercruzer.blogspot.com with your blog's name
• Change B.Cruzer  with Your Badge  Name After Hovering
• Paste The Code and Save The Template
• Check Your Blog

You Will find CSS Badge in your blog. If you have any problems, comment and I shall Help You
Happy Blogging

Change Scroll Bar Of Blogger

;
Hi guys, Today i'm bringing the best tutorial. In this tutorial, we will be discussing on how to change our blogger scroll bar. As we know that the default scroll bar of blogger looks ugly and unattractive. So, we will change the unattractive scrollbar to attractive and advanced scrollbar.  You can see the live demo in our blog. We have used the same scrollbar. So, let's add it in our blog.
Follow My Steps:

• Go To Blogger Dashboard
• Click On Template
• Click On Edit HTML
• Search The Code ]]></b:skin> using CTRL + F
• Paste The Following Codes Just Above It

<!-- bloggercruzer.blogspot.com !-->
::-webkit-scrollbar {
width: 8px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(186,35,35,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(186,35,35,0.4);

• Save Your Template
• View Your Blog

You can find the amazing scrollbar in your blog. If you have any problems, comment and I shall help you. Happy Blogging!!!

Add A 360° Rotating Effect On Your Blog

;

Hi Guys, It's me Again And Today, I'm Presenting you A Nice Topic That Will make your blog cool and fantastic. It is called 360° rotating effect and it will make your blog rotate upto 360° while reloading or loading. By reading, we are thinking that it may be cool but we all have a choice. At first Look The Live Demo Of the cool widget that we are going to add it in our blog:

LIVE DEMO

After Watching DEMO if you want to add this, follow my steps otherwise ignore this. Let's add it in our blog.

Follow My Steps To Add It In Blog:

• Go To Blogger Dashboard
• Click On Layout
• Click On Add A Gadget
• Select HTML/JAVASCRIPT
• Now, add the code inside the box

<!-- bloggercruzer.blogspot.com !-->
// Bloggercruzer.blogspot.com 
<style> @-BoB-keyframes roll { 100% { -BoB-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -BoB-animation-name: roll; -BoB-animation-duration: 4s; -BoB-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 4s; -o-animation-iteration-count: 1; -webkit-animation-name: roll; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; } </style>

• After Pasting The Code, Save It
• Save The Layout
• Open Your Blog

Now, while opening your blog, you will notice a rotating effect in your blog. If you have any problems regarding this, comment and I shall be helping You.
Happy Blogging!!!

Add A Light Lantern On Your Blogger Header

;

After Posting Many Blogging related tricks, let's post something new. In my this post, we will be adding a Light Lantern in our blogger header. This Widget is very attractive and it is easy to paste also. It moves here and there in oscillatory motion and visitor's first eyes catches this. So, as mentioned earlier in this post, we must make our header attractive.

You Can Watch live Demo By Clicking Here:
LIVE DEMO
Now, let's add this cool widget in our blog
Follow My steps to get this on your blog:

• Go To Blogger Dashboard
• Click on Template and Click On  Edit HTML
• Type CTRL + F and Search For </body>
• Just Above </body> add This Code

<!--  Header Light Lantern By bloggercruzer.blogspot.com -->
<div align="center">
<table border="0" width="900" cellspacing="0" cellpadding="0">
<tr>
<td width="900" height="0">
<div style="float:top right; position:absolute; overflow:visible; left:45px; top:0px; height:192px; width:144px z-index: 9999;">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj2" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="192" height="144"><param name="movie" value="http://mybloggerlab.com/Scripts/stardima.swf"/><param name="quality" value="High"/><param name="wmode" value="transparent"/><embed src="http://mybloggerlab.com/Scripts/stardima.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj2" width="192" height="144" quality="High" wmode="transparent"></embed></object>
   </div>
  </td>
 </tr>
 </table>
</div>

• After Adding the Code, Click On Save The Template
• View Your Blog

After Viewing Your blog, you can find a moving and hanging lantern in your blogger header. If you have any problems regarding this, comment. I shall help you
Happy Blogging!!!

Change Your Comment Style In Blogger

;

As We Know That comments are the base of the blog. We Can find our solutions, ask queries, talk with admin and do many things with comment. But, as we know that the default comment style provided by blogger is not nice. It Looks ugly.

So, today i'm posting you how to Change comment style in your blogger blog. You Can see the Live demo In our blog or watch the picture below. The Comment box looks like this;

Now, let's add this in Our Blog. Follow My Simple steps to add it in our blog:

• Log in to your blogger account
• Select Template and click Edit HTML (Click on Proceed)
• Find ]]></b:skin> [USING CTRL+F] Or use Alternate Way Of Pasting CSS
• Copy the Code below

comments .comment-block {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic6kj_Wy0YvG7jLSfj2oruahmTL4W6B1tPL1RH8pgbpK2Jd786454rEZLQI0jFrOpzT2O2RYtDi7dLeGKjEAePi4AMh1yQLhglqD4MuRCJq7GMArFZ9P03t-uh5me04e_bKKB1umQxx2g/s1600/bg.png") repeat scroll 0 0 transparent;
border: 4px solid #EAEAEA;
border-radius: 3px 3px 3px 3px;
box-shadow: 3px 3px 0 #D6D6D6;
margin-left: 48px;
padding: 3px 10px;
position: relative;
}
#comments .avatar-image-container img {
border: 2px solid #FFFFFF !important;
border-radius: 50px 50px 50px 50px;
height: 57px;
max-width: 57px;
}
.comments .avatar-image-container {
border: 2px solid #FFFFFF;
border-radius: 34px 34px 34px 34px;
box-shadow: 1px 1px 3px #ABABAB;
float: left;
margin-left: -40px;
max-height: 60px !important;
overflow: hidden;
width: 60px !important;
}
.comment-header {
border-bottom: 2px solid #F1F1F1;
}
.comment-block:hover > .comment-header {
-moz-transition: border-color 0.5s ease 0s;
border-bottom: 2px solid #000000;
}
.comments .comment .comment-actions a {
background: -moz-linear-gradient(center top , #EEEEEE 0%, #CCCCCC 100%) repeat scroll 0 0 transparent;
border: 2px solid #E0E0E0;
border-radius: 3px 3px 3px 3px;
color: #000000;
font: bold 12px arial;
margin-right: 14px;
padding: 4px 11px !important;
text-decoration: none !important;
text-shadow: 1px 1px 0 #FFFFFF;
}

• After Pasting It, Save the template

Now Your blog's Comment Style Looks More Amazing and attractive than before. This Is an easy tutorial. If you have any problems regarding this, comment and I shall be helping you.
Happy Blogging!!!

Add Translator Widget With Flags In Your Blogger Blog

;

Widgets are the things which Helps to customize the blog and make our blog look more attractive than Before. They Helps To Make Our make Our Blog More Popular.

So, guys today i am bringing you a new post Which Discusses About: Adding Translator Widgets With Flags. This Widget helps To Translate The Blog's Language Into the Selected language. It Is The Best Template Of all time.

You can see the Live Demo in Our blogger Sidebar.

Or Watch This Picture Below;

Now, let's add this cool widget in our blog. Follow my Simple steps to add this in your blog:

• Login To Your Blogger Dashboard
• Go To Layout
• Click On Add A Gadget And Select HTML/JAVASCRIPT
• Then Copy The Code

<!-- Translate flag BEGIN --> 
<style type="text/css">.w2bgft{padding:5px;}.w2bgft input{padding:1px;margin-left:1px;border:1px solid #ccc;}.w2bgft input:hover{border:1px solid #ff0000;}</style><div class="w2bgft"><!--Google Flag Translator--><form action="http://www.google.com/translate"><script language="JavaScript">document.write ("<input name=u value="+location.href+" type=hidden>")</script><input value="en" name="hl" type="hidden"/><input value="UTF8" name="ie" type="hidden"/><input value="" name="langpair" type="hidden"/><input onclick="this.form.langpair.value=this.value" title="English" value="auto|en" type="image" height="20" src="http://www.google.com/images/flags/uk_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Chinese Simplified" value="auto|zh-CN" type="image" height="20" src="http://www.google.com/images/flags/cn_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Greek" value="auto|el" type="image" height="20" src="http://www.google.com/images/flags/gr_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Hindu" value="auto|hi" type="image" height="20" src="http://www.google.com/images/flags/in_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="German" value="auto|de" type="image" height="20" src="http://www.google.com/images/flags/de_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Dutch" value="auto|nl" type="image" height="20" src="http://www.google.com/images/flags/nl_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Russian" value="auto|ru" type="image" height="20" src="http://www.google.com/images/flags/ru_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Bulgarian" value="auto|bg" type="image" height="20" src="http://www.google.com/images/flags/bg_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Polish" value="auto|pl" type="image" height="20" src="http://www.google.com/images/flags/pl_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Czech" value="auto|cs" type="image" height="20" src="http://www.google.com/images/flags/cz_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Croatian" value="auto|hr" type="image" height="20" src="http://www.google.com/images/flags/hr_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="French" value="auto|fr" type="image" height="20" src="http://www.google.com/images/flags/fr_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Italian" value="auto|it" type="image" height="20" src="http://www.google.com/images/flags/it_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Portuguese" value="auto|pt" type="image" height="20" src="http://www.google.com/images/flags/pt_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Spanish" value="auto|es" type="image" height="20" src="http://www.google.com/images/flags/es_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Arabic" value="auto|ar" type="image" height="20" src="http://www.google.com/images/flags/sa_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Japanese" value="auto|ja" type="image" height="20" src="http://www.google.com/images/flags/ja_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Korean" value="auto|ko" type="image" height="20" src="http://www.google.com/images/flags/kr_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Chinese (traditional)" value="auto|zh-TW" type="image" height="20" src="http://www.google.com/images/flags/tw_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Danish" value="auto|da" type="image" height="20" src="http://www.google.com/images/flags/dk_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Finnish" value="auto|fi" type="image" height="20" src="http://www.google.com/images/flags/fi_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Norwegian" value="auto|no" type="image" height="20" src="http://www.google.com/images/flags/no_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Swedish" value="auto|sv" type="image" height="20" src="http://www.google.com/images/flags/se_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Catalan" value="auto|ca" type="image" height="20" src="http://www.google.com/images/flags/cl_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Filipino" value="auto|tl" type="image" height="20" src="http://www.google.com/images/flags/ph_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Hebrew" value="auto|iw" type="image" height="20" src="http://www.google.com/images/flags/il_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Indonesian" value="auto|id" type="image" height="20" src="http://www.google.com/images/flags/id_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Latvian" value="auto|lv" type="image" height="20" src="http://www.google.com/images/flags/lv_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Lithuanian" value="auto|lt" type="image" height="20" src="http://www.google.com/images/flags/lt_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Serbian" value="auto|sr" type="image" height="20" src="http://www.google.com/images/flags/rs_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Slovak" value="auto|sk" type="image" height="20" src="http://www.google.com/images/flags/sk_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Slovenian" value="auto|sl" type="image" height="20" src="http://www.google.com/images/flags/si_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Ukrainian" value="auto|uk" type="image" height="20" src="http://www.google.com/images/flags/ua_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Vietnamese" value="auto|vi" type="image" height="20" src="http://www.google.com/images/flags/vn_flag.gif" width="30" name="langpair2"/></form><!--Google Flag Translator--></div><span float="right"></span>

<!-- Translate flag end -->
<!-- bloggercruzer.blogspot.com –>

• Then Save the File
• Save the Template

Now, You can see a translator widget in your blogger sidebar. If you have some problems regarding this or any posts, comment and I shall help You.
Happy Blogging!!!

Add CSS Codes in Your Blogger Blog Easily

;
In my previous post, I had mentioned about CSS in Detail. So, i'm not gonna describe it anymore. In this post, we will be discussing on adding CSS codes In your blogger blog. Mainly, there are two steps of adding CSS codes in your blog. One is easy method and another is hard method. I will teach you both methods to add CSS codes. So, Follow my steps;
Easy Method:

• Go To Blogger Dashboard
• Click On Template
• Click On Customize
• Then Click On Advanced And Add CSS as shown in the picture below;

•  Place the CSS codes in the Text area.
• Save by click on Apply to Blog
• Enjoy

Hard Method:

• Go To Blogger Dashboard
• Click On Template
• Click On Edit HTML
• Then Search For ]]></b:skin>
• Paste The CSS Codes Just Above ]]></b:skin>
• Save The Template

Note: If this method isn't properly used, it can make your template crash. So, be careful while doing it.

These Are The Steps for Adding CSS Codes in your blog. I Recommend you to use easy method to add CSS because, it won't harm your template in any ways. If you have any problems regarding this, comment and I shall help You.

Happy Blogging!!!

Know About CSS

;

You might have seen different posts related to CSS in different Blogs and Search Engines. But, what it really is? We might get confused knowing the real meaning of CSS. But at first Let's Know how Wikipedia Defines the term CSS.
According To Wikipedia:

1. Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language.

CSS Stands for Cascading Style Sheet. Basically, it is a language that helps to design and manage the templates and presentations of the website. CSS is a plain text file format used for formatting content on web pages. With the help of CSS, we can enable different functions that the default websites can't do. We can add diffferent gadgets in our websites, edit fonts and appearance of our website and much more.
If you want to know how to add CSS codes in blogger, read my next post. Till then, bye!!

Remove Subscribe To Posts (Atom) From Your Blog

;

While looking our blog in a detailed way, we will find a text below every Page; Subscribe to Posts: (Atom). This text was first used for  subscribing like RSS. But, after the advancement of RSS, there is no use of it. This text now only hampers the beauty of our blog. So, in this post, we will be discussing on how to remove it.
Let's Begin. Now, Follow My Steps:

• As usual, Go To Your Blogger Dashboard
• Click On Template
• Then Click On Edit HTML
• There Search this Code:

<b:include name='feedLinks'/>

• After You find this code, delete it
• Save Your Template

Now, your blog shouldn't show this text as in the picture;

If you have any problems, comment and I shall be helping you.

Happy Blogging!!! 

Remove Posts With Label in Blogger

;

Blogger is not only a website of this world, it is a world itself. It helps to connect unknown peoples

of different parts of the world. So, the blogger users are increasing rapidly. Many of the users are beginners and don't know much about blogging. The big problem that most of the blogger users are facing is that when they clicked on a post of label, it shows "Showing Posts With Label ....". You can also see the picture below;

So, in this post, we will be discussing on removing this ugly sentence from our blog. Now, follow my steps to remove it:

• Go To Blogger Dashboard
• Click on Template and Then Edit HTML
• Click Anywhere inside template and search for the following code using CTRL+F 

<b:includable id="status-message"></b:includable>

• You Can Find That Code. Then After That Click On Arrow On The Right Side Of The Code As Shown In the picture below;

• After that you can Find The Following codes inside it;

      <b:includable id='status-message'>
      <b:if cond='data:navMessage'>
      <div class='status-msg-wrap'>
        <div class='status-msg-body'>
          <data:navMessage/>
        </div>
        <div class='status-msg-border'>
          <div class='status-msg-bg'>
            <div class='status-msg-hidden'><data:navMessage/></div>
          </div>
        </div>
      </div>
      <div style='clear: both;'/>
      </b:if>
    </b:includable>

• Remove All The Codes
• Now, add the new codes there

Code:

 <b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

• Now, Save The Template

After clicking on any labels, you can't find the ugly box. If you have any problems regarding it, comment.
Happy Blogging!!

Where To Find Blogger Backgrounds and Textures For Free

;

Blogger is a vast world for amateures and professionals who have their passions for writing posts in

their own style. It offers us different facilities which helps us to make our blog look attractive. Unlike other free web hsoting like Wordpress, where we must completely design our site before posting, blogger enables us to write and customize our blog and post anytime.

In this post, we will be discussing about changing our blogger backgrounds. The backgrounds offered by blogger looks ugly and it is not attractive too. So, i;m going to present you some websites where we can find blogger backgrounds and textures absolutely free. So, here are some websites:

• Shabby Blogs

Shabby Blogs offers us some unique blogger backgrounds and textures absolutely free. Just choose your desired background and click on "Install Background". It will also  teach how to paste the blogger background.

• Dotty Dot Dot

Dotty Dot Dot is a blog where we can get geometrical type of blogger backgrounds like squares, dots, circles and so on. You must copy the background code of your desired background to add it on your blog.

• CgTextures

CgTextures provides us the real backgrounds of different food items, fire, textures and much more. Their site is full of photos and textures that could be added as a background image with a reduced transparency.

Now let's add these backgrounds on blogger:
Adding Background Image using Blogger Template Designer

If you have default Blogger Template, then Follow these Steps. But If you are using a custom template, skip this steps and read next steps.

• Go To Your Blogger Dashboard
• Click on Dropdown menu and click Template
• Click On Customize
• Once you have clicked on customize, you can see below image. Click on Background.

• Click On The Box Below Background Image and Then Click on "Upload"
• Upload Your Image And Click On Done.
• Clock On Apply To Blog In the top of the blog
• Enjoy.

Adding Background Image on Custom Blogger Template

• Go To Your Blogger Dashboard
• Click on Dropdown menu and click Template
• Click On Edit HTML
• Press CTRL + F Keys To Open Search Blog
• Search For This Code: ]]></b:skin>
• Immediately Before ]]></b:skin> , add The Following Code:

 body {
background-image: url(IMAGE-URL.png) !important;
background-repeat: no-repeat;
background-position: center top; 
background-attachment: fixed;
background-size: 100%; 
}

Change The (IMAGE-URL.png) with your Blogger Background Image URL. Note: the no-repeat value prevents the image from repeating either vertically or horizontally. If you want to repeat the image vertically or horizontally, use background-repeat: repeat-y and background-repeat: repeat-x. If you want to change the background size, change the 100% value to your desired value.
If you are wanting to change the pattern, paste the same code inside CSS codes box.

• Finally, save the Template
• Enjoy..

Now, you have changed your blogger backgrounds. If you have any problems regarding this, comment. Happy Blogging!!!

Some Best Sites To Find Blogger Templates

;

Hello guys, in my previous posts, I had mentioned you about the meaning of templates and the way to change blogger template. Now, in this post, I'm writing about the best sites where we can find best

blogger templates. As mentioned earlier, we can find millions of free blogger templates over the internet but we are discussing the best among the best blogger templates website. Some of the websites are:

• BestBloggerTemplates.net
• Soratemplates.com
• IVYThemes.com
• Mybloggerthemes.com
• Btemplates.com
• Bloggermint.com
• Themexpose.com
• Deluxetemplates.net
• Besttheme.net

You Can Find Other templates also. These websites are the best websites from where you can find the best blogger templates. For installing these templates read my this post. 

If you want our blog template, contact us via Contact form. 

Happy Blogging

Change Your Blogger Template

;

Blogger Users are increasing day by day. Since, it is a free web hosting site, many peoples including us are using it frequently. Blogger has grown more popular than other web free hosing Wordpress, Webs and others. There are different reasons and features that makes blogger stand out of competition. One of them is template.
like
There are many templates available in different websites in internet. Just Google search it and you can find millions of templates. If you want to create one, you can also view our upcoming posts. But, now in this post, let's continue our topic. The templates that are different from blogger default templates are called Third-Party Templates. You need to Google search the templates and choose the best template you like to download. Now let's change our blogger template.

• Get A Template

As mentioned earlier, you can get millions of templates on different websites. Just Google Search "Free Templates For Blogger" without quotes. Then click on a  website, choose your preffered template and download it. Then you can get a .rar file after downloading. You must extract it. Look at the below picture to extract .rar file:

• Upload A Template

Now it's Time for uploading a template. Follow my simple steps for Uploading A Template:

• Go to Blogger Dashboard
• Select Your Blog
• Click On Template
• Then Select Backup/ Restore as in the photo below:

• Then Click on Choose File as given picture:

• Choose The File inside the extracted folder, and Upload It
• Enjoy!!

If You Have Any Problems, Comment And I Shall Help You

Change Your Blogger Favicon

;
Blogger is famous due to it's many features that makes it more attractive than other free hosting
websites. One of the features of blogger is it's Favicon.
We simply understand Blogger Favicon as the Logo of the Blog shown in Tab Of Browser. We are not wrong but let's see how Wikipedia Defines it.

According To Wikipedia:

A Favicon also known as a shortcut icon, Web site icon, tab icon, Irina or bookmark icon, is a file containing one or more small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page.

You Can See the Picture of blogger favicon inside the black highlighted box below:

Now I will teach you step wise on changing Blogger Favicon. Just follow my instructions below:

1. Create A Favicon

Before you upload Favicon, you must create it. If You have already an image that you want to upload as Favicon then skip this step and try on looking the below step, But if you haven't created favicon, you need to create one. There are Many Websites that can create logos and icons. I Recommend you to use these websites:

• Flaming Text
• Cool Text
• Icon J

    2. Generate Favicon

You need to generate the Favicon into 16*16 Pixels. If You have already created then you can leave this step. But, if you haven't generated the favicon, then you must read this step. Now, let's generate it. There are many online websites that provides favicon generating facilities. But, I recommend you to use these sites:

• Favicon Generator
• Fav Ikon
• Dynamic Favicon Generator
• Webscript Favicon Generator

    3. Uploading Favicon
Now, let's upload Favicon And Put it in our Blog. It's very easy. Follow My Steps:

• Go To Blogger Dashboard
• Select Your blog and Click On Layout
• Click On Edit In Favicon Option In Header of Layout as the below picture:
  
• Then Upload You Favicon
• At Last Click On "Save"
• Enjoy!!

NOTE: It May take Some Time To Show Your Blogger Favicon. So, keep patience and after few moments it will arrive.

If You have some problems, then comment. Happy Blogging

Add RSS Button In Blogger

;
In My Previous Post, I Had Mentioned About RSS. So, I'm not going to Describe More About It Anymore. I had also mentioned that I will tell you to add RSS. So, I'm writing this post.
Today, in this post we are going to discuss on adding RSS Button In Blogger Blog.
There are easy steps to add RSS Button. Just Follow These Steps :

1. Get The RSS Button

You can get millions of RSS button in Search Engines like the followings:

• Google
• Yahoo
• Bing

Or, you can paste the photo below as your RSS Button;

• Uploading The Button

After you have downloaded the button, it's time for uploading. You can upload directly from blogger or use other image Hosting Sites Like: Facebook, Picasa, Flickr, etc. Upload the image there and copy the Image's URL.

• Adding RSS Button Code

The below Is HTML Code Of RSS Button. Just Copy it:

<a href="http://Yourblog.blogspot.com/atom.xml" title="Subscribe For Free">
<img src="Rss icon URL" style="border:0"/>Subscribe to our blog</a>

Replace the following codes in Red Colour:

• Change yourblog to your blog's First URL
• Change Rss icon URL into Your Image's URL.

If You have your Own Feed In Google Feed Burner Then Change yourblog URL with your Google Feedburner''s URL.

Adding It In Our Blog:

• Go to Blogger Dashboard
• Click On Dashboard
• Click On Add A Gadget
• Click On HTML/JAVASCRIPT
• Paste The Code There
• Save
• Enjoy!!

Happy Blogging!!

Know About RSS

;

You might have heard about RSS in some of the popular sites.

We may get confused on knowing the real meaning of RSS. I too got confused while I heard the word RSS, but now I know. That's why I'm sharing it.

 So, in this post, we are going to discuss about RSS.

Let's Look What Wikipedia Defines the term RSS.

According to Wikipedia;

RSS (Rich Site Summary); uses a family of standard web feeds formats to publish frequently updated informations: blog entries, news headlines, audio, video. An RSS document (called "Feed", "Web Feed" or "Channel") includes full or summarized text, and metadata, like publishing date and author's name 

Each of the visitor subscribed by RSS would be updated immediately after updating the site. So, it is preety much cool. Visitors will be e-mailed automatically after the update of the website.

Subscription to a website via RSS

As mentioned earlier, RSS provides the facilities for the visitors to subscribe and get the important updates in E-mail. Visitors will be e-mailed automatically after the update of the website.

How To Subscribe?

You will need a widget called " Subscribe By E-mail" which I will upload soon in my upcoming posts and the ways to make it advanced and attractive. So, that we can get more visitors.

Subscribe to our website:

You can also subscribe to our network by submitting your e-mail in the "Follow By E-mail" widget in the right corner of our blog. We respect your privacy, so if you don't like to subscribe, you can leave that. In my upcoming posts I will write a post on creating RSS and customizing in easy way. Bye!

Install A Cool Header In Blogger

;

In this huge world, Blogger users are increasing. Blogger has also became a vast world and we can't imagine how much big the blogger is. There are many causes that has made blogger more advanced and powerful One of them is Header for Blogger.
 As mentioned earlier in my previous post, I had described more about blogger header and it's benifits. When some visitors lands on our blog, their eyes first picks header. So, we must be careful to make blogger header more attractive. Follow these few and easy steps to install an attractive header in blog.

• Create a header: You must create header before uploading it. There are different online sites where you can create more advanced blogger header but I recommend to you in using these sites:

1. Cool Text
2. Flaming Text

• Uploading A Header

• Sign To Your Blogger account 
• Go To Dashboard menu and select Layout
• Click On Edit Button Of Your Blog's Title Option in Layout 
• Browse for Blogger Header and Upload It
• Tick On Instead Of Totle And Description
• At Last, Click Save Button
• Enjoy!!!

That's It. By Some Reasons, if you are having some problems, feel free to ask Me via Contact Form.

Happy Blogging!!!

Best Tips For Starting A New Blog

;

Blogger and wordpress users are increasing in more numbers. They have made blogging full-time or part-time job. Most of the bloggers succeeded whereas others were unable to succeed. So today, I'm going to give you the best tips to start a blog.

The tips to start a new blog for newbies:

• Choose your preffered Blogging Platforms like Blogger And Wordpress. I recommend Blogger because it is easy to use!
• Choose whether you want platform's Sub-domain or Paid Domain
• Design Your Blog In Advanced and Attractive Way
• Submit your blog to popular search engines like Google And Yahoo. It will help to make your blog popular
• Publish quality posts with advanced features
• Reply when others comment on your blog
• Don't Copy other's Content
• Select a good template
•  Publish SEO Friendly Contents
• Keep Sharing Buttons for Making visitors enable to share your posts if they liked
• Don't Publish Vulgular or Adult Posts if you are not making an 18+ Blog
• Say thanks to Your helpers who helped you in creating blog
• Monetize Your Blog using Google AdSense To earn revenues

And that's It. If by some unfortunate chance you get stuck in any blogging problems feel free to ask me via Contact Form.
Happy Blogging!!

Ask Any Questions In Blogger Product Forum

;
Blogger Users are increasing day by day. Some of them are advanced and are at peak of blogging whereas some are still beginners and are stuck in some problems. Every blogger have some problems. No one is king at blogging.
We may get some error while customizing our blogs, or doing anything else but we don''t know how to fix it, then what should we do? There are many experts of blogger which will help us via Blogger Product Forum.
Blogger Product Forum is a part of Google Product Forum and it solves our queries and problems. In this post, we will be learning How To Ask A Question To Blogger Product Forum

Steps to ask a question:

• Go To Blogger Product Forum
• After That, click On Post A Question as shown in the picture below:

• Then, Post Your Queries in the Box and select the categories of your Queries and explain your main matter in the main box below categories.
   
• At last, click on POST on the top of Blogger Product Forum and wait for sometimes
• After sometimes, your questions will be answered by Blogger Product Forum..

You Can also ask your Queries to us via Contact Form. If You like to ask us questions, ask us anytime. We will answer your queries.

Happy Blogging!!

Be Familiar With Different Parts Of Blog

;

Blogger Users are increasing day by day. Since, it is a free web hosting site, many peoples including us are using it frequently. Many of the bloggers are beginners. They don't have specific knowledge about blogging. So, they go on searching in Different Search Engines Like Google And Yahoo and search " How to Be A Professional Blogger in Just Steps" and bla bla... .
 But, we can't easily be a Professional Blogger. To be a professional blogger or to Change from beginner to advanced Blogger, we must know the interior parts of the blogger. Blogger provides us different features.
They are mainly composed of Five Parts. They Are:

1. Header

Header is the topmost part of the blog. When some visitors lands our blog, their eyes first picks header. So, we must be careful to make it more attractive. In my upcoming posts, i will write the ways to make our blogger header more attractive.

     2. Navigation Bar (Nav-Bar)

Navigation bar is the part just below the blogger Header. It contains various tabs. Especially animated categories and pages are kept inside Nav-Bar to help user to jump from one post to another easily. As Mentioned earlier in header, I will write a post on customizing and making the blogger Nav-Bar Attractive in my upcoming posts.

    3. Post Area 

Post Area Is the main part of blogger. It is the area where we can show our posted tutorials. To be an advanced blogger, we must customize the post areas. I will teach you to make our post areas attractive in my upcoming posts.

     4. Sidebar

Sidebar is also an important part of our blog where we can put many widgets and gadgets. We can put there Popular Posts, About The Author, Follow Me, Categories And Much More. The most interesting thing is that blogger provides us the function to encode our own codes. I will teach you to make sidebars look cool in my upcoming posts. So, stay tuned.

   5. Footer
Footer is the last part of blog where user can write about themselves, give credits to others and much more. We can put our widgets also there. I will teach you to make footer look attractive although many users don''t see it.

Get Introduced To Blogger Cruzer

;

Hi Guys, How are you all? It's me again and I'm happy to open this blog. Today, I've opened this blog by being inspired by my Popular Blog Nischal Creations.
My name is Nischal Khanal and I'm currently reading in Class 9 in Nepal. In my previous blog, many peoples asked me the questions regarding Blogging tips, tricks and bla bla...
So, I've opened this blog to Provide quality Posts and informations to the reliable readers that we have. In my upcoming posts, I will post Blogging Tools, tips, widgets, Gadgets and Much More. So, keep visiting This Blog.