How to Set the Widget on The Blog Header

Many bloggers are having trouble how to put widget in header of blogger blog, That's because the header area on the blog on blogger is locked! so we can not add a widget in this area. So in this area are only allowed to change the name and description. Which is  sometimes we want to add a new component in this area, especially for bloggers who put up advertisements. In order for this header area can be modified and added other components besides the title and description do the steps below:

For the first step you Login to Blogger, after entering the dashboard menu click template >> backup your template(optional)>>edit html>>check expand template widget, find the code below (use ctrl+f) :

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

Maybe each template using different codes. The point is that the code look like the code in your blogspot template. Well now see the code. There are variables that you can change, with the aim that this area can be modified, the variables include: 

1.  maxwidgets = '1', change the value of this variable by you, eg the value filled 

     in two, means the maximum component that can be placed in this area 

     is the two component;

2.  Showaddelement = 'no', the default value of this variable is' no ', change it to' yes'. 

     Its mean that you can add an element;

3.  Locked = 'true', the default value of this variable is' true ', change it to' false'. 

     It's mean that the widget is not locked;

<div id='header-wrapper'> 

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>

<b:widget id='Header1' locked='false' title='Header' type='Header'>

4.  Save Template. and see the results on the window layout !

You can add widget in the header area : add gadget>>html/javascript widget, put the code and save widget.

Read More

Add Meta Description Tags to Blog

Meta Tags are HTML elements used to provide structured metadata about a web page. Such tags are placed in the head section of an HTML document and Search Engines might use this data to display the search snippet when they display a page from your blog. Most of the Social Sharing Tools like the Facebook Share or the Google Plus buttons will pick up this meta description to create the snippet which gets shared to the Social Networks.

How to add Meta Description Tags

Go to your blog dashboard >> setting>>advanced search >>enable meta tag. In the Text area give a 150 character description which will describe your Blog. This text might be used by Search engines when your Blog’s home page is displayed on Search Engines. Here is the snippet that I have given"Sharing Information, Science and Collectibles Blog Tutorial"

Save your setting.

Now when you make a Post, you can set the Meta Description from the Post Editor’s Post Settings  Sidebar.

You can always edit the Search Description for existing posts as well

If you are having a custom template, make sure that the following line of code is present in your template. To do that go to Template and Proceed to Edit HTML . Find

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

If it's not present, add it just before </head>

That's It you have done it.

Read More

How To Make Facebook and Twitter Share Button in Blogger

Making share on facebook, twitter, digg button, or maybe coupled with Google + above each post / article blog by adding code or scripts on your template. Share button in your blog can actually get the code directly on the site that provide this code. The site, such as examples of sites that provide the code for sharethis.com in pairs on your blog with a full share feature. However, the less attractive is placing less strategic.

1. Login to your blogger account.
2. Click the Design tab -> Edit HTML.
3. Download the template used in case of errors can be returned to normal.
4. Press Ctrl + F to facilitate the search.
5. Search <div class='post-body entry-content'> or class = 'post-body entry-content' 
     and usually there are 2 code, use the first code
6. If you have found, copy the code below and paste it right above 
    <div class='post-body entry-content'>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'><div style='float:left;padding-left:0px;font:normal 12px Georgia;'>Share on :</div><div style='float:left;padding-left:10px;'><a name='fb_share' type='button_count'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script></div><div style='float:left;padding-left:10px;'><a class='DiggThisButton DiggCompact'/><script type='text/javascript'>(function() {var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];s.type = &#39;text/javascript&#39;;s.async = true;s.src = &#39;http://widgets.digg.com/buttons.js&#39;;s1.parentNode.insertBefore(s, s1);})();</script></div><div style='float:left;padding-left:10px;'><a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div><div style='float:left;padding-left:10px;'><!-- Place this tag where you want the +1 button to render --><g:plusone size="medium"></g:plusone><!-- Place this render call where appropriate --><script type="text/javascript">  (function() {    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;    po.src = 'https://apis.google.com/js/plusone.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);  })();</script></div></div></b:if>

Look at the picture below :

7. Click Save Template

That How To Make Share Facebook, Twitter, Google and Digg + On Blogspot, please leave your comment,  good luck! 

Read More

Volume and Surface Area of Triangular Prism

Volume and Surface Area of Triangular Prism. Triangular prism is an polyhedron. A prism with two identical bases. Prism is a solid object that has two identical ends and all flat sides. The cross section is the same all along its length. The shape of the ends give the prism a name, such as "triangular prism"

Surface Area of Triangular Prism
A = (b x h) + ( 3 x l x b )

Volume of Triangular Prism

Read More