Customizing Your Default Blogger Templates

I started off this blog with default Picture Window template of Blogger. I avoided using any kind of custom blogger template available all over web freely. It is a good idea if you are new to Blogger and want to learn all about Blogger. As I am new to Blogger and want to learn everything about Blogger so to develop my skills in this field I chosed a default Blogger template . If you know HTML and CSS, you can customize your template very easily anytime.


Knowledge is gained by experimenting and I never sit behind when it comes to doing something new and innovative things. So why should we give credit to others by using their customized Blogger templates when we can create our own templates for our Blogger blog.

Before doing any editing or tweaking task of your HTML code, remember to save and backup your existing template so that if anything goes wrong in your template you can switch back to your earlier state without any effort. Just play with codes to customize your template and design it to have an excellent look of your blog that attracts your visitors eyes.

For more Blogger Tutorials you can check out Blog Tips And Tricks.

And there is always the free web to get help whatever you want.
Continue Reading

Importance Of Title Of The Article In Your Blog

Do you know how much important is your title of your articles of your blog? This is the one that drives the visitor to read your posts. It should reflect your whole post. By seeing your title they must understand what actually your article is covering, or what you are trying to say via your article.

Just think how much important is your title of your articles of your blog in search engines point of view. You must know that if your pages are indexed by search engines, then your pages will appear in search results by its post title and blog title. So choosing a very attractive title for your articles will be a good idea to make people click to read your articles. To get more traffics from search engines select the title of your articles very wisely.

Now lets talk about the length of the title. Short and simple title is always the right choice to choose. Make sure that your title is very short and simple. So visitors at once seeing your title could understand about your article very easily. Readers don't like very lengthy and complicated titles and will definitely ignore it.

If you are really thinking of driving more traffics to your blog then try to use effective keywords that drives more traffics to your blog in the title of your articles. Using keywords that drives maximum traffic to your blog in your title could  be an excellent idea. It would be a good SEO technique to follow and try to implement it .

Now you could imagine the role of the title of your article in earning traffics to your blog and how much important is the title of your article. Every blogger should follow these guidelines mentioned above to get more success in blogging field.

Choose your title intelligently and keep blogging.

Hope you like it :)
Continue Reading

Choosing A Niche For Your Blog

Many people around the globe created their own blogs. Some of the people are blogging as a hobby, some bloggers are blogging to share some valuable informations with their readers and some of them are blogging for earning some money. And many of them have their own reasons for blogging. So all of them are having some reasons for blogging.

After creation of a blog, choosing a niche for your blog is very much important.

-->Choose the topic in which you are interested.

-->Choose the topic what you like to write the most.


-->Choose the topic in which you have a commendable knowledge.

-->Choose the topic in which you have done enough research.

-->Choose the topic what your readers wants to read.

The above given points are the guidelines what you should keep in your mind before writing posts in your blog. Just writing something in your blog will not gonna attract readers to read your posts. You should choose a niche for writing your posts and must stick with that niche forever. This is gonna help your visitors to understand what your blog is actually all about. And if they like your post, they will remain loyal to your all future posts and will keep coming to your blog to read your posts.
Continue Reading

How To Use HTML Code Inside Blog Post In Blogger

Is your blog about tutorials that needs to show codes and scripts? Are you facing problem in showing codes in your tutorial posts? Don't worry guys that's not a big problem and you can easily solve this problem. Using a plain  HTML code inside a blog post in Blogger is always a tricky task. Whenever you write codes in Blogger blog post, then instead of the codes it will display you something else that looks very messy. This tutorial post is all about how to use HTML codes inside blog post in Blogger. Read this one and your all problems will be solved.

Steps To Use HTML Code Inside Blog Post In Blogger:-

1. Instead of writing your codes directly in your Blogger post editor, write your codes in any text editor. I use Microsoft Word.




2. Replace

                       "<" with "&lt;"
                                              and
                       ">" with "&gt;"

To do this task easily use the Find and Replace feature of your text editor.

3. Now you can copy and paste the codes in the Blogger post editor.

Alternatively, you can also use online HTML encoder-decoder tools provided by various websites. I am providing link to one of such website that provides online HTML encoding-decoding services which I got on google search.

http://htmlentities.net/

Happy blogging :)
Continue Reading

How To Submit Blogger Blog To Bing And Yahoo

Submitting your Blogger blog to search engines will always gonna help your webpages reputation in search engine. Earlier I wrote about how to submit your blogger to Google webmaster. Submit your sitemap to Bing and Yahoo to index your pages in their search engines. Yahoo Search has merged Site Explorer into Bing Webmaster Tools. Hence submitting your sitemap to Bing webmaster will also index your pages in Yahoo search engine.






1--> Login to Bing Webmaster with your Hotmail account. If you dont have an account then signup for an account.




2--> Enter your blogger blog URL in Add a Site box and click on Add.



3--> Enter sitemap as http://your-blog-name.blogspot.com/feeds/posts/default
replace your-blog-name with name of your blog and click on Add



4--> Now click on Verify now button.



5--> Now you are given 3 options to verify your site.
  •     Option 1: Place an XML file on your web server
  •     Option 2: Copy and paste a <meta> tag in your default webpage
  •     Option 3: Add CNAME record to DNS
Choose Option 2: Copy and paste a <meta> tag in your default webpage.



6--> Go to your blogger Admin page > Template > Edit HTML.

Ctrl + F and find </head> and paste the <meta> tag above/before it. Click on Save Template

7--> Click on Verify and your site is verified. It will take some days to indexed your site's URLs

Continue Reading

Post Title Followed By Blog Title

By default your Blogger blog title appears first followed by your post title in search engines. People always search for more specific contents. And because of this reason there are more chances of overlooking of your website link by visitors even if your link is at the top of the search results of search engines. To increase click conversion of your links, display your post title first followed by your blog title because it is the post title that gives visitors an idea about what the post is all about and what contents the post is containing. It will surely help in attracting visitors eyes to your links to a large extent. In this post I will show you how to implement it by using a small piece of code in your blogger template.




1) Login to your Blogger account

2) Go to Blogger Admn Page > Template > Click on Edit HTML >Click on Proceed

3) At the top of your template you would find a piece of code similar to the codes given below.

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

4) Replace the line
<title><data:blog.pageTitle/></title>
with the code below.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

5) Its all done. Now your post title will appear first followed by the blog title.
Continue Reading

Add Mashable Like Social Media Widget

Mashable created a beautiful social media widget. The look of this widget is awesome. Just look at the snapshot given below.  You can also add this mashable-like social media widget to your Blogger blog. This widget will get perfectly fitted in your blog's sidebar. It is one in all social media widget. It contains Facebook fanpage,Twitter follow us, attractive subscription box, RSS feed, LinkedIn and Google Plus. You can add or change social media links too if you know a little bit of coding. 


Many bloggers have already added this widget in their blog. If you want to add this widget in your blog then follow the steps that includes mere copy and paste task. Here is the complete steps to be taken to get  the mashable like social media widget in your blogger blog.

1) Login to your Blogger account.

2) Go to Blogger Admin Page > Layout

3) Click on Add a Gadget and select HTML/Javascript.

4) Copy-paste the code given below in notepad:

<style> /* Social Widget */ #MBT-mashable-bar { border: 0; margin-bottom: 10px; margin: 0 auto; width:300px; } .fb-likebox { background: #fff; padding: 10px 10px 0 10px; border: 1px solid #D8E6EB; margin-top: -2px; height:80px; } .googleplus { background: #F5FCFE; border-top: 1px solid #FFF; border-bottom: 1px solid #ebebeb; border-right: 1px solid #D8E6EB; border-left: 1px solid #D8E6EB; border-image: initial; font-size: .90em; font-family: "Arial","Helvetica",sans-serif; color: #000; padding: 9px 11px; line-height: 1px;} .googleplus span { color: #000; font-size: 11px; position: absolute; display:inline-block; margin: 9px 70px;} .g-plusone { float: left;} .twitter { background: #EEF9FD; padding: 10px; border: 1px solid #C7DBE2; border-top: 0;} #mashable { background: #EBEBEB; border: 1px solid #CCC; border-top: 1px solid white; padding: 2px 8px 2px 3px; text-align: right; border-image: initial;} #mashable .author-credit {} #mashable .author-credit a { font-size: 10px; font-weight: bold; text-shadow: 1px 1px white; color: #1E598E; text-decoration:none;} #email-news-subscribe .email-box{ padding: 5px 10px; font-family: "Arial","Helvetica",sans-serif; border-top: 0; border-right: 1px solid #C7DBE2; border-left: 1px solid #C7DBE2; border-image: initial; height:35px;} #email-news-subscribe .email-box input.email{ background:#FFFFFF; border: 1px solid #dedede; color: #999; padding: 7px 10px 8px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-image: initial; font-family: "Arial","Helvetica",sans-serif;} #email-news-subscribe .email-box input.email:focus{color:#333} #email-news-subscribe .email-box input.subscribe{ background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); background: -webkit-gradient(linear,left top,left bottom, color-stop(0,#FFCA00),color-stop(1,#FF9B00)); background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); -pie-background: linear-gradient(270deg,#ffca00,#ff9b00); font-family: "Arial","Helvetica",sans-serif; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc7c00; color:white; text-shadow:#d08d00 1px 1px 0; padding:7px 14px; margin-left:3px; font-weight:bold; font-size:12px; cursor:pointer; border-image: initial;} #email-news-subscribe .email-box input.subscribe:hover{ background: #ff9b00; background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00); background-image:-webkit-gradient(linear,left top,left bottom, from(#ffda4d),to(#ff9b00)); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#ebebeb); outline:0;-moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999 background:-webkit-gradient(linear,left top,left bottom, color-stop(0,#ffda4d),color-stop(1,#ff9b00)); background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%); -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc7c00; color:#FFFFFF; text-shadow:#d08d00 1px 1px 0} #other-social-bar { background-color: #D8E6EB; box-shadow: 0 1px 1px #FFFFFF inset; padding: 0px; font-family: "Arial","Helvetica",sans-serif; font-weight:bold; overflow: hidden; border: 1px solid #B6D0DA; height:37px; } #other-social-bar ul {list-style: none outside none; padding-left: 4px;} #other-social-bar .other-follow { float: left; color:#1E598E; overflow: hidden; height:20px; padding:5px; width: 270px;} #other-social-bar .other-follow ul { list-style: none outside none; padding-left: 4px;} #other-social-bar .other-follow ul li { font-size: 12px; font-weight: bold; display:inline; border:0; text-shadow: 1px 1px white;} #other-social-bar .other-follow ul li a { font-size: 12px; color:#1E598E; font-weight: bold; display:inline; text-shadow: 1px 1px white;} #other-social-bar .other-follow li { font-size: 12px; font-weight: bold; display:inline; border:0; text-shadow: 1px 1px white;} #other-social-bar .other-follow li a { font-size: 12px; color:#1E598E; font-weight: bold; display:inline; text-shadow: 1px 1px white;} #other-social-bar .other-follow li.my-rss { background: url('http://3.bp.blogspot.com/-sR72SM_Wets/TwHZG9y4hXI /AAAAAAAAFv8/0bP2R3Qkl8c/s400/rss-16x16.png') no-repeat transparent; line-height: 1; padding: 0px 3px 1px 20px; width: 60px; margin-bottom:0px; margin-left:5px;} #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-linkedin a, #other-social-bar .other-follow li.my-gplus a{ text-decoration:none; } #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-linkedin a:hover, #other-social-bar .other-follow li.my-gplus a:hover{ text-decoration:underline; } #other-social-bar .other-follow li.my-linkedin { background: url('http://4.bp.blogspot.com/-ht4UMG88lvM/ TwHZFFgc-1I/AAAAAAAAFvs/BBmINSJhUsk/s400/linkedin-16x16.png') no-repeat transparent; line-height: 1; padding: 0px 3px 1px 20px; width: 60px; margin-bottom:0px;} #other-social-bar .other-follow li.my-gplus { background: url(http://4.bp.blogspot.com/-cC729VpBxrk/TwHZE71ZgoI /AAAAAAAAFvk/_UMyIgA8vj8/s400/gplus-16x16.png) no-repeat transparent; line-height: 1; width: 60px; padding: 0px 3px 1px 20px; margin-bottom:0px;} </style> <!--[if IE]> <style> #email-news-subscribe .email-box input.subscribe{ background: #FFCA00; } </style> <![endif]--> <!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="MBT-mashable-bar" > <!-- Begin Widget --> <div class="fb-likebox"> <!-- Facebook --> <iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/YOURFACEBOOKUSERNAME&send=false&layout=standard& width=200px&show_faces=true &action=like&colorscheme=light& font&height=100px&appId=234513819928295" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe> </div> <div class="googleplus"> <!-- Google --> <span>Recommend us on Google! </span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> </script> </div> <div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=en&link_color=&screen_name=YOURTWITTERUSERNAME&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div> <div id="email-news-subscribe"> <!-- Email Subscribe --> <div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open ('http://feedburner.google.com/fb/a/mailverify?uri=YOURFEEDBURNERTITLE', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Enter Your Email here.." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> <input type="hidden" value="pctipsandtricks4u/myRh" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div> <div id="other-social-bar"> <!-- Other Social Bar --> <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="YOURRSSFEEDLINK" target="_blank"> RSS Feed</a> </li> <li class="my-linkedin"> <a rel="nofollow" title="linkedin" rel="author" href="YOURLINKEDINPROFILELINK" target="_blank">linkedin</a> </li><li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href="YOURGOOGLE+PROFILELINK" target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"> <a href="http://blogtipsandtricks4u.blogspot.com" target="_blank" >Blogger Widgets û</a></span></div></div> <!-- End Widget --> </div> <!--end of social widget-->

Now look after the following things that are given below:-
 
   Replace YOURFACEBOOKUSERNAME with your Facebook username.
   Replace YOURTWITTERUSERNAME with your twitter username.
   Replace YOURFEEDBURNERTITLE with your Feedburner title. Your Feedburner title is the word added at the end of your Feedburner link. Example: http://feeds.feedburner.com/YourFeedBurnetTitle
   Replace YOURRSSFEEDLINK with your feedburner  link.
   Replace YOURLINKEDINPROFILELINK with your Linkedin profile link.
   Replace YOURGOOGLE+PROFILELINK with your Google Plus profile link.
 

 After replacing all these parameters mentioned above, copy and paste the final codes from your notepad to the HTML-Javascript section.

5) Click Save and get your Mashable like social media widget.

Contact me if you want to more about it or if you are facing some problem in the steps. Just throw a comment in the comment box, I will be there.

For this wonderful social media widget, all credits goes to the man behind mashable.com.
Continue Reading