MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

Features of Elegant Style Blogger Template

• SEO Ready
• Ads Ready
• White Background
• Top Navigation menu
• 3 Columns Layout
• 3 Columns Footer
• One Right Sidebar
• Social Share buttons
• Works with all browsers
• Elegant Style
• Professional Look

Extra Information About Elegant Style Blogger Template

How To Install Elegant Style Blogger Template 

•  Go To Blogger.com >> Then Click On Template as shown Below in the picture

                                          

•  Now Click On Restore/Backup as shown in the below picture.

                                                

•  Now a Box will pop up >> Click on Chose a file >> And Select the .xml file from the specific directory >> And hit upload,that's it :).

How To Install Alexa Widgets On Blogspot/Blogger?.

• Choose a widget style first Given Below.
• Copy the one code of that widget.
• Paste it into your notepad And Word...
• Replace My blog Highlight URL with yours.
• Go to >> Blogger Dashboard >> Layout.
• Click on Add a Gadget tab.
• Select "HTML/JavaScript"
• Paste the code and save it.

Alexa Site Rank Widget : Code 1

<center><a href="http://www.alexa.com/siteinfo/http://www.matrixar.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=http://www.matrixar.com/'></script>
</a></center>

Alexa Site Rank Widget : Code 2

<center><a href="http://www.alexa.com/siteinfo/http://www.matrixar.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/b?url=http://www.matrixar.com/'></script>
</a></center>

Alexa Site Rank Widget : Code 3

<center><a href="http://www.alexa.com/siteinfo/http://www.matrixar.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/c?url=http://www.matrixar.com/'></script>
</a></center>

Alexa Site Rank Widget : Code 4

<center><a href="http://www.alexa.com/siteinfo/http://www.matrixar.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/b?url=http://www.matrixar.com/'></script>
</a></center>

Alexa Site Rank Widget : Code 5

<center><a href="http://www.alexa.com/siteinfo/http://www.matrixar.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/a?url=http://www.matrixar.com/'></script>
</a></center>

Alexa Site Rank Widget : Code 6

<center><a href="http://www.alexa.com/siteinfo/http://www.matrixar.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/c?url=http://www.matrixar.com/'></script>
</a></center>

How Customization This Code.

• Finally save your widget and you are done It.

https://www.facebook.com/groups/imtiazblogtrick

LIVE Preview & Demo:

How ADD MULTI-TABBED WIDGET TO YOUR BLOGGER SIDEBAR:

• 1. Go to Design >> Page Elements >>  Add a gadget, then choose >>  HTML/JavaScript. 
• 2. Paste Below code Empty inside It.
• 3. Code is Below.

<script type='text/javascript'>
//<![CDATA[
function NewBloggerTips_oom(NBTID, id)
{
  var NewBloggerTips = document.getElementById(NBTID);
  var NBTs = NewBloggerTips.firstChild;
  while (NBTs.className != "NBTs" ) NBTs = NBTs.nextSibling;
  var NBT = NBTs.firstChild;
  var i   = 0;
  do
  {
    if (NBT.tagName == "A")
    {
      i++;
      NBT.href      = "javascript:NewBloggerTips_ubah('"+NBTID+"', "+i+");";
      NBT.className = (i == id) ? "Active" : "";
      NBT.blur();
    }
  }
  while (NBT = NBT.nextSibling);
  var Halamans = NewBloggerTips.firstChild;
  while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;
  var Halaman = Halamans.firstChild;
  var i    = 0;
  do
  {
    if (Halaman.className == 'Halaman')
    {
      i++;
      if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";
      Halaman.style.overflow = "auto";
      Halaman.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Halaman = Halaman.nextSibling);
}
function NewBloggerTips_ubah(NBTID, id) { NewBloggerTips_oom(NBTID, id);
}
function NewBloggerTips_inisial(NBTID) { NewBloggerTips_oom(NBTID,  1);
document.write('');}
//]]>
</script>
<style>
div.NewBloggerTips div.NBTs {
height: 24px;
overflow: hidden;
}
div.NewBloggerTips div.NBTs a:hover, div.NewBloggerTips div.NBTs a.Active {
background-color: #eee;
}
div.NewBloggerTips div.Halamans {
clear: both;
border: 2px solid #f4f4f4;
overflow: hidden;
background-color: #ffffff;
}
div.NewBloggerTips div.Halamans div.Halaman {
height: 100%; padding: 0px;
overflow: hidden;
}
div.NewBloggerTips div.Halamans div.Halaman div.Alas {
padding: 3px 5px;
}
div.NewBloggerTips div.NBTs a {
border-left:1px solid #eee;
border-right:1px solid #eee;
border-top:1px solid #eee;
border-boNBTom:0px solid #eee;
float: left;
display: block;
width: 95px;
text-align: center;
vertical-align: middle;
height: 24px;
padding-top: 3px;
text-decoration: none;
font-family: "Arial", Serif;
font-size: 11px;
font-weight: 900;
color: #000000
}
</style>
<form action="NewBloggerTips.html" method="get">
<div id="NewBloggerTips" class="NewBloggerTips">
<div style="width: 300px;" class="NBTs"> <a>Tab 1 Title</a> <a>Tab 2  Title</a> <a>Tab 3  Title</a></div>
<div style="width: 300px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
Tab 1 content goes here</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 2 content goes here</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 3 content goes here</div>
</div>
</div>
<small><a style='margin-left:10px;align:right;' href='http://www.matrixar.com/' target='_blank'>Multi-Tabbed Widget</a> | <a href='http://www.matrixar.com/' target='_blank'>IBT</a></small>
</div>
</div></form>
<script type="text/javascript">Tips_inisial('NewBloggerTips');</script>

How Customization This Code:

• Replace Tab 1 Title, Tab 2 Title, Tab 3 Title with you Tab Title Any.
• Replace Tab 1,2,3, Content goes here with your widget code Such As like Box..ETC....
• Change width: 300px; height: 300px; with your need.
• If You Want To change Background Color of Multi-Tabbed widget : Replace #ffffff with you favorite color.

https://www.facebook.com/groups/imtiazblogtrick