Changing Number Of Posts On Blogger Label Page

You might have noticed that whenever your blog has more number of posts to be shown in a single page then it loads slowly. Same thing applies to blogger labels page. If the number of posts to be shown in that page then the blog is probable to load slowly. This increases your bounce rate and you are likely to drop your readers down. So as a solution i have written this post. After reading this you will know "How To Change The Number Of Posts Shown On Blogger Labels Page".

By default the number of posts on blogger labels page is 20. This may not suit your blog preferences. Some of you want to decrease it so as to increase you loading time, whereas some of you may want to increase it so as to show all the post under that label (category).
So if you want to change the maximum number of posts shown then you will have to do a little editing. Here we go then;

• Sign in to your blogger account.
• Be forwarded to your dashboard.
• Then go to design >Edit Html.
• There in the template code find this piece of code;

expr:href='data:label.url'

• Replace this piece of code with the following;

expr:href='data:label.url + "?max-results=number"'

• Here In the above code;

1. Change number  to the number (like 1, 2, 3 and so on). This number will define how much posts are to be shown on a label page.

• You might find the first code more than one time. I think it will be probably three times.
• Change those all to second code and you are done.

Now as you have entered the number the posts are shown. If you want to change the number of posts (increase or decrease) then simply change the numbers and you will have your work done.

Before you leave;

Comment below if you have anything to say.

CHEERS!!

Rotate You Image When Mouse Hover Over It

You might have seen my RSS button of right side bar and my picture in About the Author below posts rotate 360 degree when mouse hover it. Many users of Blogging Sentral have requested it.
This feature makes your specific images look different and unique. We will be doing this by using CSS code. We will be rotating/animating our images without Java Script and for this you will need to add codes in your site. By the help of CSS you can further enhance your blog. It doesn't affects your blog layout and loading time.
In this post i will be teaching you how is image rotated when mouse hover. For best experience of this cool effect you will be needing latest browsers. Before going to this stuff here is the live example.

So here we go then;

ADDING IN THE CODE:

• Login to your blogger account.
• Be forwarded to the template code of your blog.
• Find  ]]></b:skin>  in it.
• After you found it add the below code just above it;

/* --------- Blogging Sentral Image Rotation ----- */ 
.opacity  { 
opacity: 0.5; 
margin-left: 50px; 
-moz-transition: all 1s ease-out;   
-o-transition: all 1s ease-out;   
-webkit-transition: all 1s ease-out;   
-ms-transition: all 1s ease-out;   
transition: all 1s ease-out; 
-moz-transform: rotate(360deg);   
-o-transform: rotate(360deg);   
-webkit-transform: rotate(360deg);   
-ms-transform: rotate(360deg);   
transform: rotate(360deg);   
filter: progid:DXImageTransform.Microsoft.Matrix( 
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); 
zoom: 1;   
} 
.opacity:hover  { 
opacity: 1; 
margin-left: 0px; 
-moz-transform: rotate(360deg);   
-o-transform: rotate(360deg);   
-webkit-transform: rotate(360deg);   
-ms-transform: rotate(360deg);   
transform: rotate(360deg);   
filter: progid:DXImageTransform.Microsoft.Matrix( 
                    M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand'); 
zoom: 1.3; 
-moz-box-shadow: 1px 1px 4px #000; 
-webkit-box-shadow: 1px 1px 4px #000; 
box-shadow: 1px 1px 4px #000; 
}.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}

•  After you have added above code save your template.

MAKING IMAGE TO ROTATE:

After you added CSS code it's time to rotate your image. It's very easy. Whenever you wish to rotate image just add class="opacity" in your image html code. Example of it is given below;

<img src="Your Image Link" border="0" alt="Image Description Here" class="opacity">

After you have made it your image should rotate whenever mouse hover over it. Enjoy with new CSS effect and stay updated with us.
If you have any confusion then comment below. We are waiting for your comments;

10 Simple Blogger Widgets Each Blogger Should Have

Up to know i have written many posts and you might have read all of them and commented on them too. Some of them have impressed you and some may not. So realizing this here is a post for top 10 blogger widgets till now.

This list is based on pageviews, widgets usage and above all in my professional point of view. These are the most common and useful widgets in blogger market that will always be available and be free. It's better to add all of them or, better to add at least some of them. Then here is the list and it's short description. So, then here we go;

• Floating Social Media Sharing Buttons

This one is my favorite. It appears in every page of your blog. It allows quick sharing to some of the common social media like facebook and twitter and stumble upon. This will help to get you traffic from social medias.

• Grab Our Badge Widget For Blog

This widget will let your visitors copy a html code and paste on their site and once done a badge will appear on their site. That badge is linking on your site. So you will get one backlink for one badge. More over this will bring more traffic to your blog.

• Scroll to top/bottom button for blog

These two buttons look same but in fact are very different. Click on left link to jump to smooth scroll to top button for blog and click right link to jump to scroll to bottom button for blog. These widgets helps to make navigation pretty easy as scrolling all the way to top is just booring.

• Adding Paypal donate button to blog

I have heard many people having problem adding paypal donate button, but here is the simplified post of adding paypal donate button. This widget allows your users to jump to your donating page helping others to donate and you to earn money.

• Adding disqus comment box to blogger

Commenting is now made easy and simplified with disqus commenting system. Check out my post for adding it to your blog so that your blog will receive more comments.

• Adding yahoo smileys to blogger

With the all new feature you can now see yahoo smileys on blogger. Follow the tutorial so that your blog will smile with the help of smileys.

• Official twitter button for blog

Show how much twitter followers you have by adding this widget. This widget looks good and cool and also helps to get more followers resulting expansion of your fame in social medias.

• Floating facebook, twitter and google plus Follower/Fan Box

This one is the recently added one. Show your facebook, twitter and google plus status with this floating widget. More over this also doesn't occupies your blog space as well.

• Deliver Your Tweets To Blogger Auomatically

Twitter growing with millions of users becoming it's members and many signing up every day this social network now offers an especial widget. This widget delivers your tweets to blogger and thus opens a conversation of twitter on your blog.

• Google plus badge for blogger

With google's all new social network g+ has become a very important social network. Get more friends on g+ by adding a badge of it's to your blog. It's very simple and easy.

So froends i hoe you enjoyed this post. Be sure to grab my upcomming posts.

CHEERS!!

Get Advantage Of Your Copied Contents

As an active member of blogger you post many articles and other posts. You would have spend weeks for a single unique post. But if anybody especially the people from high ranking bloggers copied your content then what will you do? You may case a file for copying but there is also no proof and the people supporting to them are more that people supporting to your blog.
Now what to do? Spent weeks for a single unique post and let it be wasted. Never, It will never happen. For it, here is a trick which i will explain in this post. Be sure you read whole post thoroughly.

This great tool is owned by the site Tynt. What it really does is that whenever someone copies images or text of more that 8 words then it automatically paste the original URL means that after they paste your contents your link will appear just below it. Isn't that sound cool. If anyone dares to copy your contents then you will receive a backlink. More over people are likely to visit the original site rather than sites whose posts are pirated. Like this you can recruit your dying traffic. You will get ranked higher in search engines because of backlinks. And above all it's all free and always will be.
So here we go;

• Go to Tynt site.(opens in new tab/window)
• Click on the image similar to this in Tynt's site;

• Enter your info there. Be sure to enter a valid email and agree to them by checking the checkbox.
• You should not require custom domain so you may enter your blog url.
• After completing filling up information click on submit.
• Now automatically you will be signed in and will be provided with a code. But do not copy it immediately as we will be adding some features in it.
• Now click on customize script button lying just below the code.
• Now click on Customize Attribution.
• Here we will be doing editing. Edit your prefix, choose license and for better results type in your twitter username and your facebook profile/page username.
• Now click on Advanced Settings.
• Here you may choose either to display url or display page title or both of them.
• Be sure the check box of Use Canonical URL is checked.
• Select the placement of the attribution of copied text.
• Now choose the number of words so that if the copied text's word number exceeds it then attribution will automatically be pasted with the copied content.
• If you wish then you can type in your suffix also.
• After you have completed then press save and then press done.
• Now copy your code.
• Find </head> tag and paste the copied code just above (before) it.
• Now press Save Template then you are done.

Benefits of Tynt:

You might like tynt. You know that the benefit of it is that even someone copy your content then you will get advantages of it. But is it the only benefit or there are some more features of it? Yes of course. There really are. They are;

• Generation of free backlinks which are pretty valuable and cannot be got easily.
• Suggests you keywords matching to your site by displaying the most copied keywords.
• Real time statistics of you r copied content (image/text).

RECOMMENDATION:

I have a suggestion for you all that it is in fact a really good tool but it's not suitable for sites that gives codes or other tips which is written for being copied. If you do so then your users may get errors due to the attribution at end. But for others it's highly recommended.

I hope Tynt will surely make your blog to soar high.

May you get advantage from your copied contents.

ENJOY!!

Some Tips For Effective And Clear Blog Writing

The most fundamental thing in blogging is to post articles and let others post for you. Every body want's his her articles to hit the market. I mean they want their articles to soar high and be successful. In blogging some of our post may soar high but all may not.

Effective Blog Writing

Now what to do with the rest. Let it be dumped somewhere in the corner of the blog? Never. It's not what we want. The solution for it is to see it once. Whether it has some faults. Whether it's not visible or there are errors on it so that people are not liking it. Still you don't get success. Try re-writing it by implementing the tips below.4
You can also implement it to make your each blog posts effective and clear.

INSTEAD OF TRYING TO WAX POETIC, JUST MAKE YOUR POINT.

• ONE IDEA PER PARAGRAPH

One of the greatest mistake people commit while writing is that they keep many ideas in a single paragraph. This makes their writing short and bitter. If you do so then people will not properly understand your writing and may ignore it which cause back flow of your blog development.

 Novels hold several complex ideas and emotions in a single paragraph. In blog writing, limit your thoughts to one per paragraph. When you have another suggestion, thought or idea, it's good to start a new paragraph.

• PUT YOUR POINT IN THE FIRST SENTENCE

Never keep your main point at last. Readers will be bored reading the second line which makes them to hump to another post. Do not entice your readers with background information and build-up. Every second has great value so no one would have time for that. So make your primary point first. Then go into supporting detail.

• MAKE IT SCANNABLE

 Make your writing attractive and clean too. Use letters, symbols and other characters correctly. Few people read every word of your post. Use headers and bullet points so that your audience can quickly scan your message and understand your point. And for each blog post it's even better to have a picture.


Hope that these tips will bring change in your writing style and your readers may develop it as unique one.
ENJOY!!

Protect Yourself From Getting Hacked

Today in this world that most rapidly growing this is technology. With the development of technology there have also come development in security technology. With new methods data are being safer and safer. But it is same to say, but as soon as safety methods arrive there comes some harming methods too. After the introduction of one safety program hackers and crackers develop the program to crack them.

You might be confused why I am saying all these things but it's important. You might create a very good blog as well as widget spending weeks and even months and eventually if your ID get's hacked then your labour can easily be pirated. SO to avoid this here are some tips that might help you to remain more safer in the web. Here are the top ten tips to remain safe. Then here we go. Be sure to read all of the tips.

• Checking The "Keep Me Signed In Box"

Never check this box if you are not using your personal laptop. If you just sign in to any site from a public PC, make sure to sign off once you are done. Delete your browser history from the browser tools when completed. Use your browser's privacy mode where where possible, and never save passwords except in your PC.

• Failing To Update

Java, Adobe Reader and Adobe Flash are responsible for an astounding number of PC infections due to security exploits. The best way to avoid becoming a target is to update all three software as often as you can. Make sure to update Windows Operating System by setting Windows updates to install automatically.

• Searching For Celebrity Gossip

Always be cautious while accessing incriminating info. Malware authors know that people naturally gravitate towards the sex and celebrity combo, so new attacks are targeted specifically towards this crowd. If you must, search for news on Google News, Bing News or other aggregator. When searching on Google, use https://www.google.com instead of the common http://www.google.com.

• Using Bit torrent

Stick to official downloads and streams such as iTunes, Hulu and legitimate websites. Avoid torrent sites at all costs, as some of it's ads could be compromised.

• Searching For Free Adult Content

This might turn out be quite expensive, as free porn sites can be downright shady in the way they treat users. Stick to paid sites, and also invest in a high-quality security suite.

• Online Gaming

Be careful when downloading free to play (F2P) clients. Do not give out any kind of information, personal or not, to people you meet while gaming. At worst, you could lose real money. Avoid falling for the old "FarmVille Secrets" scam. You will either download a Trojan or expose your Facebook login info to criminals.

• Leaving Facebook Privacy Settings Open

Carefully review your privacy settings on Facebook. Do not let "friends of friends" see your birthday or contact. All of these could be used to impersonate you.

• Connecting To Unknown Wireless Networks

In public places, be careful about logging into unknown (private) wireless networks. Make sure you choose the official one. Otherwise they might connect to your computer and you may hang in great risk.

• Using One Password For All Accounts

This is the thing most of the internet users do. They keep all of their accounts password same as it will be easy to remember. But by doing this you may get in trouble. In one of that password leaks out to cyber criminals, your entire online life is suddenly open to world. Keep different passwords for different purposes. Certain browsers can also help with a 'master password' that keeps a multitude of passwords in check. Using a tool like Roboform or Password Vault that encrypts information and users best practices to generate passwords is an even better idea.

• Trying To Get Free Stuff

If an online offer sounds too good to be true, it usually is. Avoid any give away that is not supported in a big way by a known brand. Keep a security suite fully updated to catch phishing attempts resulting from this kind of scan.

Enable Threaded Comment On Your Blog

Threaded comment is a new commenting system, recently pro-founded by blogger. With the motive of making the conversation between users easy and flexible, it was created. With much request it was created by blogger and landed to blogosphere. After installing to your blog you can reply to the comments by others. That means that on same comment you could do a conversation. Sounds great ya. Then why not give it a try. See a demo of threaded comment below;

In the demo you can see that the comment of Anjal Gajurel is the main comment. And the comment of Peter Kingston and Martin Gajurel are the threads what we call usually threaded comments. By this you won't have the torture of finding comments and your blog commenters can get the answer of their question in the same comment. So are you impressed with it or still confused. If you are impressed then proceed below and if not also then give it a try.
So here we go;

• Log in to your blogger account.
• Be forwarded to your dashboard.
• Go to your blog settings and click on post and comments.
• Set the location of comments to Embedded.

• Now go to setting and click on other.
• In the option of "Allow Blog Feed" set Full.

• After that save the settings.

These were the settings for new interface. For old blogger interface procure below;

• Go to blogger dashboard.
• Under your blog name click on settings.
• In the settings tab click on comments.
• Set the comments form placement to Embedded below Post.
• Click on save and then move to Site Feed tab.
• There set Allow Blog Feed to full.

Now you are done with threaded comment. You should get your results now.

But sometimes you may still have some problems. If you didn't got threaded comment in comments then follow the steps below. But remember use this steps only when you are having problem. Otherwise no need;

FOR STANDARD TEMPLATE

• Go to design>Edit Html.
• Click the  Revert widget templates to default link.

FOR CUSTOMIZED TEMPLATE

• Go to the Edit Html page.
• Click on Expand Widget Template checkbox.
• Find the following code.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>

• Probably you will find two codes similar to above one.
• Replace both of them with the below code.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

• Now click on save template.

Now your threaded commenting system will surely work. If you are having some problems then without hesitation comment below. I will be glab to help you;

Get Many Blog Readers For Free

There might come an important day in every days life in which they want many people to be there. In blogger it’s every day. Every day of our blogging is always special. With two main aims we start our blog one is to make money via advertising or second to pass our time or to be recognized more by the people and gain popularity. For the completion of our aims requires a simple thing and that is tons of blog readers. It is how our blog will be more popular. More popular post means more money and more fame.

If you start a very good blog and also post excellent articles but if you do not have sufficient readers than you blog value will remain 0. Spend many nights and days but your blog won’t get success and the same thing eventually kills your all labour. You will tell about your website to your friends, families, relatives and others you know but it is limited. Even if they open your site but the major thing they do is open your site once a day and close it. They are not interested to see what’s inside it. So what will you do? Are you in problem?

If yes then don’t worry because I am going to write some tips that might roll your blog readers to tons. Here are the top 10 tips for new bloggers who want to get readers (subscribers) like spam. These tips are based on my 3 years experiences only and I cannot take responsibility to bear any problem. But a thing is sure that your traffic will get a boost by +40%. So read the following tips thoroughly;

    1.Write at least 5 killer articles

After you establish your blog then write your first 5 killer articles. Here killer articles don’t resemble any especial thing. It just resembles the pillar articles of your blog. After you decide your blog topic you should write down it. For e.g.: if your blog is about blogging tips you may write initially what Is blog, why people prefer it and what are its features. Like this you will go on widening and then reach to the apex. Initially you should be writing unique posts so that more and more blog readers will crawl on your site searching for some other unique articles.

    2.Get As Much Traffic As You can

For getting permanent blog readers you should get heavy traffic. It’s not hard. For it utilize the power of social Medias. You can also submit to traffic exchanges auto surf sites that delivers unique like ougos, addmefast, etc. Read my article FIVE TIPS TO ACCELERATE YOUR BLOG TRAFFIC. By all this you will get enough traffic. You will be asking “why traffic is necessary? If we get more blog readers then our traffic will directly increase.” If you are thinking so then you are wrong. For getting more blog readers at first they should know what a cool site you have. If they won’t then will your traffic soar high. No ya, So before getting more blog readers you should get as much traffic you can.

    3.Give Away Some Bonuses or Free Services

Most of the blog readers don’t crawl on a single site for a long time. They crawl from one to another. So to force them not to leave your blog give away some offers and bonuses. Like I have kept SEO Tools you can put other things as a free service. By this people will be heavily impressed by your blog and will become the permanent blog readers. if you can’t figure out what to keep then maybe I can help you. You can give offer that “whoever will be the most unique visitor his/her banner will be displayed on my site”. More over you can give your readers a free e-book for subscribing to your blog so that they will know how skilled you are and will spend their time on your site.\

     4.Stay Close To Your Blog Readers

When you write a unique post then it’s probable that people supporting your blog will comment on it. This shows that they really are impressed with you. So try replying to them as soon as possible. If you write a tutorial and a reader can’t understood a thing and after he asks a question in comment and if you didn’t reply to him then that’s a minus point. You will lose a blog reader and future readers also who would have come to your blog through that very reader. So, stay close to your blog readers at your blog and outside to.

    5.Encourage Others To Comment On Your Blog

One of the active ways to get more loyal readers is to show that there are other loyal readers too. It might make you laugh, but it works. If people see many comments on your blog then they might want to comment. After seeing dozens of comments other might feel that your blog should be definitely good as it is getting so many comments and can’t help himself to stop becoming your blog reader. If you want to get more comments then at last write some simple question like “Did it work for you? Or “Share your knowledge below”.  So that people will post comments in the form of answers.

The tips above are just what I used to get more traffic. It’s not sure that you will get more readers from it, but however I did. There are so many other ways to get more blog readers. Finding readers isn’t a work of a day or two as it takes a very long time and you are just at the beginning.

Hope you enjoyed the post.

THANKS!!

Place Your Ads Below Post Title

Best Placement Of Ad

Many people wish to make more money than they earn. In fact every body does. But everybody don't. It depends upon the number of blog visitors (impressions) and clicks. It also matters on the position of the ads. Eg: Putting the adsense ad below the post is likely to get less clicks then that of ads lying above the post. So to get high CTR to day I am going to teach you how to place an add below the post title of your blog.


It's not hard at all. Just you need to create a new add and add it. So are you ready. Let's proceed then;
According to many advertising network placing ads below post title is an excellent trick to earn more clicks. It is illustrated by the heat map at left.
Here we go;


1. Creating An Add

• For placing add you need to create an add first.
• Create an add. It's usually better to create a new one so that you can track it properly.
• For best result create an add of size 300x250 (medium rectangle) or 336x250 (large rectangle).
• After creating the add get the code of it.
• Copy the add code.
• Encode the code of that add by using this tool to escape special characters. If you directly implemented then blogger won't accept it.
• Copy that escaped code.

2. ADDING THE ADD CODE

• After you have encoded your ad code it's ready to be implemented.
• Be forwarded to your dashboard.
• Go to design>Edit Html.
• Tick the expand widget templates check box.
• Look for the following code in your template;

<data:post.body/>

• After you have found the above code then paste your escaped ad code above (before) it.

By doing this ad will appear on blogger posts and pages. If you want to make it appear on posts only then;

• Paste your code like the way below;

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 ESCAPED CODE GOES HERE
</b:if>

• The conditional tag (line 1 &3) will make your ads visible on posts only.

Hope this will work for you.

CHEERS!!

Split Your Blogger Header Into Two Halves

Actually when i was modifying my template today i saw blank space beside my blogger header. It had occupied more space. I wished i could put something useful there. When i went deeper i figured out the way to do so. It was very simple and easy. But before proceeding the tutorial let's know what header splitting is.

When you first upload a new template then probably it's header section will be similar to this;

Add caption

You can see that only the header has covered the whole row. Now if it is splitted it will look more or similar like the one below;

As you can see that after the header is splitted it will be divided into two halves and we can keep our wished widgets or any thing else. Actually most of the people keep 468x60 banner there. Hope you have understood what header splitting is and if you want to do so then follow the steps below;

• Sign in to your blogger account.
• Be forwarded to dashboard>design>Edit Html.
• Backup your blog template.
• Search for the following code or similar one;

#header-wrapper { 
  width:960px; 
  margin:0 auto 10px; 
  border:1px solid $bordercolor; 
  }
#header-inner { 
  background-position: center; 
  margin-left: auto; 
  margin-right: auto; 
}
#header { 
  margin: 5px; 
  border: 1px solid $bordercolor; 
  text-align: center; 
  color:$pagetitlecolor; 
}
#header h1 { 
  margin:5px 5px 0; 
  padding:15px 20px .25em; 
  line-height:1.2em; 
  text-transform:uppercase; 
  letter-spacing:.2em; 
  font: $pagetitlefont; 
}
#header a { 
  color:$pagetitlecolor; 
  text-decoration:none; 
  }
#header a:hover { 
  color:$pagetitlecolor; 
  }
#header .description { 
  margin:0 5px 5px; 
  padding:0 20px 15px; 
  max-width:700px; 
  text-transform:uppercase; 
  letter-spacing:.2em; 
  line-height: 1.4em; 
  font: $descriptionfont; 
  color: $descriptioncolor; 
}
#header img { 
  margin-$startSide: auto; 
  margin-$endSide: auto; 
}

• Your code may not be exact but when you have found the similar one. Select the whole code of header section that contains  "#header" or "header" at start.
• Replace it with the following code;

/*------Header-----*/ 
#header-wrapper{ 
    width: 960px; 
    color: #000; 
    margin: 30px auto 0; 
    padding: 0px; 
    overflow: hidden; 
} 
#header-inner { 
    background-position: left; 
    background-repeat: no; 
} 
.headerleft h1, .headerleft h1 a,.headerleft h1 a:hover,.headerleft h1 a:visited { 
    color: #BF0100; 
    font-size: 36px; 
    font-family: 'Ultra', serif, Arial; 
    font-weight: bold; 
    margin: 0; 
    padding: 0px 0 5px 0; 
    text-decoration: none; 
      text-shadow: 6px 6px 4px #ccc; 
       line-height:1.2em; 
}
.headerleft h3 { 
    font-family: arial, tahoma,  Sans-Serif; 
    font-weight: normal; 
    margin: 0; 
    padding: 0; 
}
.headerleft .description { 
        color: #3B3B3B; 
    font:bold 12px Helvetica, arial,  sans-serif; 
    margin: 0px; 
    padding: 0 0 20px 0; 
        text-shadow: 4px 4px 6px #ccc; 
}

.headerleft { 
         width: 450px; 
         float: left; 
         margin: 0; 
         padding: 0; 
         height:80px; 
} 
.headerright { 
         width: 468px; 
         height:80px; 
         float: right; 
         margin: 0px; 
         padding:1px 0 0 0; 
         
}

• Now search for this code in your template.

<div id='header-wrapper'> 
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
<b:widget id='Header1' locked='true' title='The MBT Lab (Header)' type='Header'/>
</b:section>

• It is the div section of you blogger header. Be sure that it must contain   <b:section and </b:section> tags.
• Now replace it with this one;

<div id='header-wrapper'> 
<div class='headerleft'> 
      <b:section class='headerleft' id='headerleft' maxwidgets='1' showaddelement='no'> 
<b:widget id='Header1' locked='true' title='The MBT Lab (Header)' type='Header'/>
</b:section> 
</div>
<div class='headerright'> 
<b:section class='headerright' id='headerright' maxwidgets='1' showaddelement='yes'> 
</b:section> 
</div>

• Now save it and view your Page elements page and Lol..

TIPS;

1. To adjust header width edit: 960px
2. To change Header Title colour change:#BF0100
3. To change Header description colour then change:#3B3B3B

If you have any problem feel free to comment below.

• THANKS!!

Adding Read More Link To Blogger With Thumbnail

Hey guys after a long time of editing my blog template i am back. Today when i was surfing through internet i found a nice tool for blogger and that was auto read more link. Simply we can recognize it as a tool that shortens your post. But with this post you will be able to add read more link with thumbnail.
The first picture of each post will be taken as thumbnail. Here is a  model of it;

Here thumbnail is kept at left side. The size of picture is converted first and then displayed.
By the help of auto read more link you will be able to make your site load faster. Due to this the whole post shouldn't be shown and a partial part of post is shown which makes the time of displaying less.
At the end of each partial post there would be a phrase "read more" or "see more". We can keep any words as our wish. By clicking on it users will be able to jump to the specific (targeted) post. 
This widget uses Javascript. You may think your post will be affected but it is not so. It doesn't have a glimpse in a single post of yours. It is seen in posts without thumbnail also. When there is no image then instead of image partial part of post covers it. So there is no exception. So isn't it a terrific tool. If you are impressed with it then read the tutorial below and if not then for the sake of test i recommend you to use this tool at least once as it helps in the development of your SEO also.
ADDING AUTO READ MORE LINK:
Without delay let's go;

• Sign in to your blogger account.
• Be forwarded to dashboard>design>edit html.
• Be sure to tick the Expand Widget Template box.
• After you ticked the box search for this tag;

</head>

• After you found the tag paste the below code just after it;

<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){ 
 if(strx.indexOf("<")!=-1)
 {
  var s = strx.split("<"); 
  for(var i=0;i<s.length;i++){ 
   if(s[i].indexOf(">")!=-1){ 
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
   } 
  } 
  strx =  s.join(""); 
 }
 chop = (chop < strx.length-1) ? chop : strx.length-2; 
 while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
 strx = strx.substring(0,chop-1); 
 return strx+'...'; 
}

function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
 if(img.length>=1) { 
  imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
  summ = summary_img;
 }
 }
 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script End -->

• After adding the above code search for this one;

<data:post.body/>

• After you found this code replace with the code below;

<!-- Auto read more Start -->
<!-- http://www.BloggingSentral.blogspot.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read more ...</a>
</b:if>
</b:if>
<!-- Auto read more End -->

Note: You may find <data:post.body/> two or three. At the time try the first one. I have found this tip working 95%.

• Preview it and if you are satisfied then click on save template.

Tips:

1. You can change the phrase Read More.. bolded and italicized above to any word or phrase you want.
2. You can change img_thumb_height  value and img_thumb_width  value. Be sure to change the height or width in pixels.

• ENJOY!!

If you have any problems feel free to comment below.

Restore A Deleted Blog

This is my second post related to deletion of blog after the tutorial how to delete a blog? SO you have mistakenly deleted a important blog of yours and want to retrieve it back to you like a boomerang then you have come to the correct place as in this tutorial i will be teaching you how to retrieve a deleted blog.

IMAGE CREDIT

So if you are ready then let's begin;

• Sign in to your blogger account.
• Be forwarded to your dashboard.
• In the dashboard you will see the list of blogs where you have authority to write or design.
• If you have hidden some blogs then open it.
• You will see your deleted blog there usually at last.
• Under the name of your deleted blog there is button undelete this blog.
• Click on it and your blog will emerge back and come to you like a boomerang.

NOTE:The above steps apply for only the blogs who have not crossed 90 days after deleting. If your blog crossed 90 days then there is no way to retrieve it back. And after 90 days it will not be seen in your dashboard too and you can create another blogger account using the same address.

Comment below if you have any problem.

THANKS!!

How To Delete A Blog?

Many people across land have joined blogger and many are joining daily. Due to the salient features of blogger it's customers are also increasing rapidly. Similarly it's true that in a day more than a 50 blog is created by people as a test or for their especial purpose.

After creation it's probably sure that it should be deleted or sometimes their also comes a time when you need to delete a well looking blog also compulsorily. This is where the problem persists. Many sites have given in detail the ways to start a blog effectively. But almost none of them have given the way to delete it.

Realizing this problem i have written this post.

Deleting the blog is very easy  as ABC. You just need to follow these steps and you are done.

• Sign in to your blogger account.
• Be forwarded to dashboard and then to settings.
• Your eyes may be catching vision like the one below;

• You can see Blog Tools there at first.
• Just beside it there are import blog, export blog and delete blog.
• Click on delete blog.
• Again blogger will ask you to delete it or not.
• If you are conform then delete it.

Now your blog has been removed. 

THANKS!!

Some Basic Html Tags Used In Blogger

Most of the blog platforms now provide specialized ways of editing a post. They provide many formatting tools so that readers can make their page look according to their wish. This post is after my incident happened last year. When a year before i didn't knew what blog really was i started to use it just for fun. Later i knew it's importance start blogging. For the first post i really suffered more trouble. I also didn't knew how to bold, italicize, colour, etc. a text. That was that and now i know probably many tricks at present and it was a really good thing that i took Html classes and found later it was tags which bold or italicized a letter.
So friends its good to learn some Html tags so that you want meet the incident which i had meet. So lets begin.


BASIC FORMATTING TAGS:

• <bold>bold</bold>
• <strong>strong</strong> (usually bold)
• <u>underlined</u>
• <i>italics</i>
• <em>emphasis</em> (usually italics)
• <strike>strike through</strike>
• <center>This centers text on the page</center>
• <tt>teletype text</tt> (typewriter text)
• <blockquotes>blockquotes</blockquotes> (how this looks will depend on your CSS template but it usually indents your paragraph)

LINK TAGS:

• Basic link: These are the hyperlinks on a page when clicked jumps into another page.

A model of a basic link is given below;

<a href=”url”>Title</a> (where ‘url’ is the page you want to link with and 'Title’ is the name of that very link.

• Email Link: These are also the hyperlinks but they usually are links when clicked jumps to mail.

A model of a email link is given below;

<a href=”mailto:EMAIL”></a> (where ‘EMAIL’ refers to the mail id you want to mail to)

HEADING TAGS;

• <h1>The Most Important Heading</h1>
• <h2>A slightly less important heading</h2>
• <h3>A less important heading again</h3>
• <h6>The smallest heading</h6>

FONT TAGS;

Font tags are usually used to style your fonts. But because of development of blogger font tag has been replaced by span tags. However font tags are also applicable but <span> tags is good to use. It is so because it is applicable in many platforms and also have man attributes also.

IMAGE TAGS;

•  Basic Image tag – <img src=”url”> (where url = the website url of your image you want to link with)
• -Image with sizing <img src=”url” width=”200″ height=”150″> (where width represents the width of your image and height represents the height of the same image)
• -Align image – <img src=”url of image” align=left> (where align represents the image to be placed left, right, top or bottom of a browser's page)
• Alt Tags – <img src=”url” alt=”short description of image”> (an alt tag tells the reader what they are missing if the image doesn’t load in their browser.
• Image as a link – <a href=”link url”><img src=”url”></a> (where ‘link url’ is the url of the page you want the image to link to and ‘url’ is the image location).
• Image with border – <img border=”1″ src=”url”> (the larger the number in the border “” the thicker the border will be)
•  Space Around Image <img src=”url” hspace=10 vspace=10> (hspace is the horizontal space and vspace is the verticle space. The numbers are the amount of pixels surrounding the image)

LISTING TAGS;

There are two types of listing tags. They are ordered and un-ordered  list . Mostly un-ordered  list  are bulleted list and ordered list are numbered list.

• Unordered List

eg; 

<ul>

<li>first item</li>

<li>second item</li>

<li>third item</li>

<li>fourth item</li>

</ul>

• Ordered List

eg;

<ol>

<li>first item</li>

<li>second item</li>

<li>third item</li>

<li>fourth item</li>

</ol>

Friends these are only some examples of HTML tags. There are many more out there. Grab them fast. For better blogging you should also be a better HTML editor.

Thank you for your time and if you have confusion related to this post then comment below and please help by subscribing and sharing.