Free Blogger Help

IBM Cognos 10 BI OLAP Models Certification Exams

noreply@blogger.com (DrRaman) — Thu, 17 Jan 2013 09:02:00 +0000

These IBM exams are designed to test the knowledge and skills of OLAP modelers. OLAP modelers are in charge of PowerCubes and specifically the design, building, and overall maintenance of them. This level of certification is meant for individuals who are newer to this type of OLAP modeling and who will be productive contributors in a team setting.

There is only one IBM exam that individuals must secure a passing score on in order to receive this certification. This exam is known as the Test COG-635 – IBM Cognos 10 BI OLAP Developer. Before taking this exam, it is expected that the individual possesses experience both with gathering requirements as well as with data analysis.

There are a total of 65 questions on this IBM certification exam, and test takers have a testing period of 90 minutes to complete them. A number of knowledge areas are assessed by this exam to ensure that the individual has a sufficient knowledge base and functional understanding to perform this job. These areas include model creation, data sources, transformer basics, security, PowerCube content customization, model key performance measures, and maintenance and advanced techniques. This wealth of knowledge requires a matching study effort, and a wide variety of study aids ranging from courses to other materials are offered and encouraged.

One study aid that everyone should turn to for this exam is TestsLive. TestsLive provides exceptional study aids to help anyone to cover the material that will be tested on this exam as quickly and as completely as possible. These are the study aids that will help you pass.

3 fresh Blogger Templates

noreply@blogger.com (DrRaman) — Wed, 07 Nov 2012 09:36:00 +0000

After long time I am bringing three fresh elegant templates for your Blogger blog.

Diapason Blogger Template

Template author: Lasantha Bandara

Features

* 3 column template
* Elegant design
* Drop down Navigational Menu bar
* Gravatar on Comments activated
* Auto read more hack
* Social bookmarking icons
* Featured content
* Tabbed sidebar widget

BlissfulTravel Blogger Template

Template author: Lasantha Bandara

Features

* 3 column template
* Elegant design
* Drop Down Navigational Menu bar
* Gravatar on Comments activated
* Auto read more hack
* Social bookmarking icons
* Featured content
* Tabbed Sidebar widgets

Touchriver Blogger Template

Template author: newbloggerthemes.com

Features

* 2 column template
* Elegant design
* Right sidebar
* Navigational Menu bar
* Gravatar on Comments activated
* Auto read more hack
* Social bookmarking icons
* Featured content
* Feedburner subscribe

Web Development basic techniques

noreply@blogger.com (DrRaman) — Fri, 26 Oct 2012 07:07:00 +0000

Web development includes everything you need to run a website successfully. It includes design, content development, e-commerce, server and security etc. With availability of lot of different scripts, web development has become comparatively easy compared to earlier. But still there are many aspects of web development which may need the help of Professional web developers.

The first and foremost thing to do before starting a website is to make a consolidated plan. It must include some basics like theme/niche of the website, domain name, traffic expected, type of server needed, platform for the website, eCommerce solution etc. This would help you decide on your budget. Now if you want, you can take help of Professional Web Developers like Softtechnics, which will do all the thinking, coding and all other work and deliver you a fully developed website within short time.

If you wanna go DIY style, then you must first decide on the domain name and check whether its available. With Google Panda update EMD will not be a good idea, go for unique brand-able domain.

Next decide the platform for your website - PHP, CGI, Perl, JavaScript, ASP etc. You must decide after thorough research of all options. Now you'll have to decide the type of server whether linux or windows depending on the platform you choose.

After this choose which type hosting will you need. For content only websites with very few scripts, you can go with shared hosting for initial period till your website starts getting good traffic, later you can switch to VPS or Dedicated Server. But if your website would be providing online applications or hosting lot of scripts, it would be better to go for VPS or Dedicated Server from start only.

Next you'll need design, if you can code and design its good, else you'll need to hire a designer and coder (they need not be the same person). Look for attractive, user friendly and search engine friendly design.

If you want to sell something on your website you'll need an eCommerce solution. Lots of free and paid options available over internet, or you can go for customized solution which will need a programmer.

Now one of the most important thing to do - SEO - Search Engine Optimization. Again you can go DIY or hire some SEO expert. This is important because Search Engine provides lot of high quality traffic for FREE.

These are some basic techniques that'll be needed to run your website successfully.

Facebook Recommendations Bar Widget for Blogger

noreply@blogger.com (DrRaman) — Fri, 19 Oct 2012 07:43:00 +0000

Facebook recently introduced the Recommended Bar app for websites. It will add two options at the right bottom of your website. This helps to show additional recommended articles or post to visitors. The posts that are previously shared or liked on Facebook will be displayed with thumbnails. Overall this will increase your page views.

Let's Facebook Recommendations Bar Widget

Step 1 - Facebook Open Graphs meta tags

Gist.github.com provides the script to add Facebook Open Graphs meta tags.

Go to Edit HTML page

and add following code AFTER <head>

<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>

<meta expr:content='"en_US"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>

Step 2 - Getting App ID

1. Go to Facebook Application Page and click on Create a New App, a box will pop up.

2 . In the App Name box type "My Recommendation Bar" and click Continue. Enter captcha if appeares.

3. You will be redirected to Basic settings. Enter the details. And click on Save Changes.

Step 3 - Adding the bar

Go to Edit HTML and look for <body> and BELOW it add following code

<div id='fb-root'/>
<script>
//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=APP_ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'>
<div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3'
read_time='15' side='right' site='Your_Blog_Url' trigger='40%'/>
</div>
</b:if>

Replace App_ID with your Facebook APP ID code. Add your website URL to Your_Blog_Url. And save your template.

Customization
num_recommendations='3'
Change value here to increase the no. of posts to be shown.

recommendations-bar action='like'
You can use the text like/recomand

read_time='15'
It is the time required to appeare

max_age='0'
If you want all posts new and old to appear in Recommendations bar keep it 0. You can specify how many days (upto 1-180) old post to appear.

side='right'
Here you can specify on which side your bar will appear.

Multi-color links on hover for Blogger

noreply@blogger.com (DrRaman) — Wed, 17 Oct 2012 07:37:00 +0000

In this effect when you hover mouse pointer on a link it will change to multi colors. You have seen this effect on many websites.

Lets add this to your Blogger blog.

Go to Layout from your Blogger Dashboard and look for
</head>

Add following code just ABOVE it.

<script type='text/javascript'>

 //<![CDATA[

 var rate = 20;

 if (document.getElementById)
  window.onerror=new Function("return true")

 var objActive;  // The object which event occured in
  var act = 0;    // Flag during the action
  var elmH = 0;   // Hue
  var elmS = 128; // Saturation
  var elmV = 255; // Value
  var clrOrg;     // A color before the change
  var TimerID;    // Timer ID

 if (document.all) {
  document.onmouseover = doRainbowAnchor;
  document.onmouseout = stopRainbowAnchor;
  }
  else if (document.getElementById) {
  document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  document.onmouseover = Mozilla_doRainbowAnchor;
  document.onmouseout = Mozilla_stopRainbowAnchor;
  }

 function doRainbow(obj)
  {
  if (act == 0) {
  act = 1;
  if (obj)
  objActive = obj;
  else
  objActive = event.srcElement;
  clrOrg = objActive.style.color;
  TimerID = setInterval("ChangeColor()",100);
  }
  }


 function stopRainbow()
  {
  if (act) {
  objActive.style.color = clrOrg;
  clearInterval(TimerID);
  act = 0;
  }
  }


 function doRainbowAnchor()
  {
  if (act == 0) {
  var obj = event.srcElement;
  while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  obj = obj.parentElement;
  if (obj.tagName == 'A' || obj.tagName == 'BODY')
  break;
  }

 if (obj.tagName == 'A' && obj.href != '') {
  objActive = obj;
  act = 1;
  clrOrg = objActive.style.color;
  TimerID = setInterval("ChangeColor()",100);
  }
  }
  }


 function stopRainbowAnchor()
  {
  if (act) {
  if (objActive.tagName == 'A') {
  objActive.style.color = clrOrg;
  clearInterval(TimerID);
  act = 0;
  }
  }
  }


 function Mozilla_doRainbowAnchor(e)
  {
  if (act == 0) {
  obj = e.target;
  while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  obj = obj.parentNode;
  if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  break;
  }

 if (obj.nodeName == 'A' && obj.href != '') {
  objActive = obj;
  act = 1;
  clrOrg = obj.style.color;
  TimerID = setInterval("ChangeColor()",100);
  }
  }
  }


 function Mozilla_stopRainbowAnchor(e)
  {
  if (act) {
  if (objActive.nodeName == 'A') {
  objActive.style.color = clrOrg;
  clearInterval(TimerID);
  act = 0;
  }
  }
  }


 function ChangeColor()
  {
  objActive.style.color = makeColor();
  }


 function makeColor()
  {
  // Don't you think Color Gamut to look like Rainbow?

 // HSVtoRGB
  if (elmS == 0) {
  elmR = elmV;    elmG = elmV;    elmB = elmV;
  }
  else {
  t1 = elmV;
  t2 = (255 - elmS) * elmV / 255;
  t3 = elmH % 60;
  t3 = (t1 - t2) * t3 / 60;

 if (elmH < 60) {
  elmR = t1;  elmB = t2;  elmG = t2 + t3;
  }
  else if (elmH < 120) {
  elmG = t1;  elmB = t2;  elmR = t1 - t3;
  }
  else if (elmH < 180) {
  elmG = t1;  elmR = t2;  elmB = t2 + t3;
  }
  else if (elmH < 240) {
  elmB = t1;  elmR = t2;  elmG = t1 - t3;
  }
  else if (elmH < 300) {
  elmB = t1;  elmG = t2;  elmR = t2 + t3;
  }
  else if (elmH < 360) {
  elmR = t1;  elmG = t2;  elmB = t1 - t3;
  }
  else {
  elmR = 0;   elmG = 0;   elmB = 0;
  }
  }

 elmR = Math.floor(elmR).toString(16);
  elmG = Math.floor(elmG).toString(16);
  elmB = Math.floor(elmB).toString(16);
  if (elmR.length == 1)    elmR = "0" + elmR;
  if (elmG.length == 1)    elmG = "0" + elmG;
  if (elmB.length == 1)    elmB = "0" + elmB;

 elmH = elmH + rate;
  if (elmH >= 360)
  elmH = 0;

 return '#' + elmR + elmG + elmB;
  }

 //]]>

 </script>

Finally Save your template. In the above code you can change the color transformation speed by altering the value of

 var rate = 20;

That's it!

Add horizontal Twitter feed headlines to Blogger blog

noreply@blogger.com (DrRaman) — Sat, 29 Sep 2012 09:40:00 +0000

Now most of you have a Twitter account of your Blogger blog. In following tutorial we learn about adding horizontal scrolling Twitter feed headlines to your blog.

1. Go to Blogger dashboard and navigate to Edit HTML page. Look for ]]></b:skin> and paste following code BEFORE it.

/* The container for the module */
   #twitter {
    background: #f1f2f8;

    width: 553px; /* Up to you but remember to change the div width below as well if you change it */
    padding: 0 10px;

    overflow: hidden; /* clearfix */

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
   }

    #twitter h5 {
     float: left; /* We'll make the heading sit on its own line next to the tweets */
     width: 120px; /* Might wanna change this depending on the text in the heading */
     margin: 0;
     padding: 6px 0; /* I'll set the top and bottom padding here rather than in the container so as not to cut off any text */

     font-size: 12px;
     color: #4b9fff;
     line-height: 1;
    }

    /* The marquee plug-in turns a marquee element into a div */
    #twitter p,
    #twitter marquee,
    #twitter div {
     float: right;
     width: 430px; /* Container width - heading width - 10px (for some right padding) */
     margin: 0;
     padding: 6px 0; /* Again we set the padding in here so as not to cut text */
     line-height: 1;
    }

     /* All the tweets will be links pointing to your page on twitter */
     #twitter marquee a,
     #twitter div a {
      margin: 0 10px 0 0;
      color: #333;
      text-decoration: none;
     }

      /* The i is used to display the date of the tweet */
      #twitter marquee a i,
      #twitter div a i {
       font-style: normal;
       color: #999;
      }

2. Now look for </head> and paste following code BEFORE it.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'/>
<script src='https://sites.google.com/site/freebloggerhelpbiz/freebloggerhelp/jquery.marquee.js'/>
<script type='text/javascript'>
      //<![CDATA[
   var Twitter = {
    init: function () {
     // Pass in the username you want to display feeds for
   this.insertLatestTweets('SysRequirements');
    },

    // This replaces the <p>Loading...</p> with the tweets
    insertLatestTweets: function (username) {
     var limit = 5; // How many feeds do you want?
     var url = 'http://twitter.com/statuses/user_timeline.json?screen_name=' + username + '&count=' + limit + '&callback=?';

     // Now ajax in the feeds from twitter.com
     $.getJSON(url, function (data) {
      // We'll start by creating a normal marquee-element for the tweets
      var html = '<marquee behavior="scroll" scrollamount="1" direction="left">';

      // Loop through all the tweets and create a link for each
      for (var i in data) {
       html += '<a href="http://twitter.com/' + username + '#status_' + data[i].id_str + '">' + data[i].text + ' <i>' + Twitter.daysAgo(data[i].created_at) + '</i></a>';
      }

      html += '</marquee>';

      // Now replace the <p> with our <marquee>-element
      $('#twitter p').replaceWith(html);

      // The marquee element looks quite shite so we'll use Remy Sharp's plug-in to replace it with a smooth one
      Twitter.fancyMarquee();
     });
    },

    // Replaces the marquee-element with a fancy one
    fancyMarquee: function () {
     // Replace the marquee and do some fancy stuff (taken from remy sharp's website)
     $('#twitter marquee').marquee('pointer')
      .mouseover(function () {
       $(this).trigger('stop');
      })
      .mouseout(function () {
       $(this).trigger('start');
      })
      .mousemove(function (event) {
       if ($(this).data('drag') == true) {
        this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
       }
      })
      .mousedown(function (event) {
       $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
      })
      .mouseup(function () {
       $(this).data('drag', false);
      });
    },

    // Takes a date and return the number of days it's been since said date
    daysAgo: function (date) {
     // TODO: Fix date for IE...
     if ($.browser.msie) {
      return '1 day ago';
     }

     var d = new Date(date).getTime();
     var n = new Date().getTime();

     var numDays = Math.round(Math.abs(n - d) / (1000 * 60 * 60 * 24));
     var daysAgo = numDays + ' days ago';

     if (numDays == 0) {
      daysAgo = 'today';
     }
     else if (numDays == 1) {
      daysAgo = numDays + ' day ago';
     }

     return daysAgo;
    }
   };

   Twitter.init();
   //]]>
    </script>

Please replace the red name with your Twitter name. And save the template.

3. Now go to Page Elements page and click on Add a Gadget > HTML/JAVA Script and paste following code into it and save.

<div id="twitter">
                        <h5>Latest tweets</h5>
    <p>Loading...</p>

   <noscript>This feature requires JavaScript</noscript>

</div>

Drag and drop this gadget to above/below post or anywhere you want. Finally Save the arrangements. Happy tweeting.

Threaded comments for Blogger templates

noreply@blogger.com (DrRaman) — Sat, 08 Sep 2012 08:35:00 +0000

Blogger.com has introduced threaded comments lately. But it only works on official Blogger templates. What about the third-party templates most of the bloggers use? Now you can also implement threaded comment system on these templates also. Please check the demo.

How to Threaded comments for Blogger templates!

Step 1:
Go to Edit HTML page from Design and click on Expand Widget Templates. Look for following code

]]></b:skin>

Add following code just ABOVE ]]></b:skin>

#comments h4 {
font-size: 24px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width: 70px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background-image: url(http://img846.imageshack.us/img846/7357/unled1oww.jpg);
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
}

.cm_name {
font-weight: bold;
font-size: 12px;
float: left;
}

.cm_date {
font-size: 10px;
float: right;
font-style: italic;
color: #CCC;
}

.cm_entry p {
margin: 0;
font-size: 13px;
color: #666;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

Step 2
Now add following code just ABOVE </body>

<script type="text/javascript"></script>

Step 3
Now find following code very carefully.

<b:includable id='comments' var='post'>

Lots of code lines that you must replace

</b:includable>

There are lots of code lines related to comments between these includable tags. First delete that code lines and then add following code there.

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments > 0'>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> comment
<b:else/>
<span id='cm_total'><data:post.numComments/></span> comments
</b:if>
</b:if>
</h4>

<div id='cm_reply_css'></div>

<div class='cm_pagenavi' id='cm_page'></div>

<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>

<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=154513103004606848&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
</div>
</div>

<div class='cm_entry'>
<span class='cm_arrow'></span>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>

<p><data:comment.body/></p>
</div>
</div>
</div>
</b:if>
</b:loop>
</div>

<div class='cm_pagenavi' id='cm_page_copy'></div>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</b:if>
</div>

You have to replace code in red with your blog ID. You can find it using following image.

Finally save the template and check threaded comments are working.

If you have completed above 3 steps but still threaded comments not working then continue to Step 4.

Step 4

Look for following code in your template

<b:if cond='data:blog.pageType == "static_page"'>
<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 == "item"'>
<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 replace these two sets of red lines with

<b:include data='post' name='comments'/>

Save the template. It's done.

UPDATE: Problem with avatars
After implementing threaded comments if avatars are not working then delete old avatar CSS. Look for following code and delete it.

.avatar-image-container {
background:url(http://2.bp.blogspot.com/_u4gySN2ZgqE/SrTInZfKwVI/AAAAAAAAAwA/xaGlRIqkHDw/s400/default.gif);
width:35px;
height:35px;
}
.avatar-image-container img {
border:none;
}

Above code may be little different in your template.

Original code credits: artistutorial.blogspot.com

How to change image on mouse hover?

noreply@blogger.com (DrRaman) — Wed, 15 Aug 2012 08:32:00 +0000

Earlier we have opacity effect for images you add to Blogger. Following we discuss the two easy codes to change an image on mouse hover(rollover). When a hover mouse pointer image A will change to Image B. This effect can be seen on most websites.

Following are the codes and demos:

Change image on mouse hover without link

Copy and paste following code to Edit HTML section of post, template or gadgets section of your blog.

<img height="100" onmouseout="this.src='Image 1 URL'" onmouseover="this.src='Image 2 URL'" src="Image 1 URL" width="100" />

Change image URL's accordingly.

Change image on mouse hover with link

Copy and paste following code to Edit HTML section of post, template or gadgets section of your blog.

<a href="Targeted URL"><img src="Image 1 URL" onmouseover="this.src='Image 2 URL'" onmouseout="this.src='Image 1 URL'" /></a>

Change image URL's accordingly. Targeted URl means any link where you want to go when user clicks on image.

Don't forget to subscribe for more upcoming tricks n tips.

How to add a forum to your Blogger blog?

noreply@blogger.com (DrRaman) — Tue, 14 Aug 2012 09:09:00 +0000

Last time one of the you had asked me if it is possible to host a Forum or Discussion Board on Blogger blog. And many said NO. But now this is possible using third party help. This forum will be real and have many features of other boards like that of created using vBulletin.

Users will be able to register and post a new thread or replay to previous one.

How to add a Forum to your blog?

1. Go to Nabble (http://n3.nabble.com/free-forum.html).
Register with it and create your forum. Copy the Embed HTML code.

2. Now go to your Blgger dashboard and create a page and paste the HTML code from Nabble here in "Edit HTML" mode and NOT in "Compose" mode. Publish this page and view it. Your forum is ready.

3. You can change the theme, permissions and structure of your forum. Just login with admin username and use "Options" beside New Topic link.

Add email subscription below Blogger posts

noreply@blogger.com (DrRaman) — Fri, 03 Aug 2012 09:09:00 +0000

Most of you put email subscription on the sidebar of your blog. Most of other bloggers has asked about putting it below post. Below posts email subscription option has it's own advantages. When a user visits and read your post, he is tempted to sign in for future updates from your blog as the option for subscribing is clearly visible. You can customize it to suite your blog.

We will add Feedburner email subscription form below the posts. Following is the original code:

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Your Feed ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Your Website Name" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

Go to Edit HTML page and click on Expand widgets template check-box. And add above code just BELOW the

<data:post.body/>

If you want to place the email subscription just below the Post titles the paste above code just ABOVE <data:post.body/>

Alternatively you can place it to post footer. To do this put subscription code below the

<div class='post-footer-line post-footer-line-1'>

How to customize email subscription form

We already have the article about customizing the email subscription form.
You can modify border, change background color or add image to the background. change "Enter your email address" text, modify email id input Text box, modify Style of ‘Subscribe’ Button and more.

Why should you use Custom Permalink on Blogger?

noreply@blogger.com (DrRaman) — Sun, 29 Jul 2012 08:30:00 +0000

What is Permalink?

A permalink is a URL that points to or links to a specific blog post after it has been published.

For example,

The blog URL is http://www.blogger-help.com/

It has a post "jQquery based Mega Menu Bar for Blogger" and it's URL is
http://www.blogger-help.com/2012/06/jqquery-based-mega-menu-bar-for-blogger.html

So this is URL is the permalink of that post. This link was unchangeable until now. Say if you have edited the post and changed the title of post to "CSS based mega menu bar for Blogger", but its permalink remains the same i.e.
http://www.blogger-help.com/2012/06/jqquery-based-mega-menu-bar-for-blogger.html

As you have changed the post title you also need to change the permalink to
http://www.blogger-help.com/2012/06/css-based-mega-menu-bar-for-blogger.html

WHY?
When a user will search for CSS menu bar and he will get following result:
CSS based mega menu bar for Blogger
http://www.blogger-help.com/2012/06/jqquery-based-mega-menu-bar-for-blogger.html

Then he will be confused and rather do not visit your website. So we also need to change that permalink.

Why to use Custom Permalinks?
As I explained above when you edit post title, your post URL should also change to suit it. Otherwise this would result in broken links (linkrot), and fewer visitors to your blog.

How to customize permalinks?
Recently Blogger.com has introduced this new feature to enable you to customize permalinks. In the Post Settings "Permalink" option can be found.

By default Automatic URL is selected. That is your automatically generated post URL when you publish a post. If you have edited the post OR want another different URL then select the Custom URL option. Currently Custom URL characters are limited to - A to Z, a to z, 1-0 to and special characters like underscore, dash, and period.
If you have created post "Review of Samsung Galaxy", default Automatic URl will be
www.yourblogname.blogspot.com/2012/07/review-of-samsung-galaxy.html

But you can easily customize it to more user friendly URL as follows
www.yourblogname.blogspot.com/2012/07/Review-SamsungGalaxy.html

Anak Piit (2 column Blogger template)

noreply@blogger.com (DrRaman) — Wed, 18 Jul 2012 09:46:00 +0000

Template author: Loefa Cebook

Features

* 2 column template
* Elegant design
* Right sidebar
* Navigational Menu bar
* Gravatar on Comments activated
* Auto read more hack
* Social bookmarking icons
* Featured content
* Feedburner subscribe

Add Pinterest "Pin It" Button with Counter to Blogger

noreply@blogger.com (DrRaman) — Sat, 14 Jul 2012 08:21:00 +0000

Now all we know that we can use Pinterest Pin It button to promote our blog same as Facebook's Like button. So most of you are desperate to add these 'Pint It' buttons to your blog.

Step 1

Go to your Blogger Edit HTML page and click on Expand Widget Templates.

Press CTRL F and look for

<data:post.body/>

Step 2

Now paste any one of the following code BELOW <data:post.body/>

Vertical Pin It Button

<a class='pin-it-button' count-layout='vertical' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It now!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script'); e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script>

Horizontal Pin It Button

<a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It Now!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script'); e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script>

Save your template.

If you want to place the Pin It button just below the Post titles the paste above code just ABOVE <data:post.body/>

How to Customize Feedburner Email Subscription Form

noreply@blogger.com (DrRaman) — Tue, 10 Jul 2012 09:52:00 +0000

With changing times you will find the default Feedburner email subscription form boring. You can easily customize it to suit it with your template.You can change the background color, add image to the background, change width and add text to default text-box and customize the Subscribe button.

Following is the original Feedburner email subscription code:

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Your Feed ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Your Website Name" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

1. Add shadow to the box
Just paste
box-shadow: 10px 10px 5px #888888;
before
border:1px

You can modify values to set shadow position and color.

2. Modify Border
You can change border thickness by altering
border:1px

You can change border style as follows
border:1px solid
solid
dotted
dashed
double
groove

You can change Border color as follows
border:1px solid #ccc

3. Change background color
Add
background: #d1d1d1
just after
text-align:center;

You can get HTML color codes here.

4. Add image to the background
Add
background-image:url(your image URL);
just after
text-align:center;
(if you have added background color code, just remove it before adding background image code. Upload the image and paste the URL to above.)

5. Change "Enter your email address" text

Default code is

<p>Enter your email address:</p>

You can modify it as below

<p><span style='font-size: 110%;'>Enjoyed the post. Subscribe for daily Updates</span></p>

6. Modify email id input Text box
Default width of the text box where you add your email id is 140px. You can alter this value to increase or decrease the width.

<input type="text" style="width:140px"

To change the height of text box just add
height:25px;
just after
width:140px;

You can add the background to this box as follows

<input type="text" style="width:140px" background: #ffffa0

In the original code there is no any text in this email box. But you can add text to it, suggesting the users to put their email ID. To do this modify your code as follows:

<input name='email' onclick='javascript: this.value = ""' style='width:180px; background: #ffffa0 ' type='text' value='Enter your email'/>

So the box will look like

7. Modify Style of ‘Subscribe’ Button:

To do this we need to add button style to your template.
Go to EDIT HTML page and look for ]]></b:skin>

Now add following code just BEFORE it.

.button {
background-color: #757736;
font-size: 120%;
font-family:Times New Roman;
font-weight: bold;
color:#f1f1f1; }

Save the template and return to Feedburner code. Now find

<input type="submit" value="Subscribe" />

And replace it with

<input type="submit" value="Subscribe" class="button"/>

10. Remove Feedburner Link

Just delete following code to delete the 'Delivered by Feedburner' Link

<p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p>

It's done. You can try differant background images, fonts on your own to suit your choice.

What is Pinterest? How to add Pin It button to Blogger?

noreply@blogger.com (DrRaman) — Mon, 09 Jul 2012 09:17:00 +0000

What is Pinterest?
Pinterest is a social networking and social publishing site that enable the users to share photos they like. You create and manage theme-based image collections such as events, interests, hobbies. Pinterest.com is the fastest site in history to reach 10 million unique visitors per month.

How to Register with Pinterest?
Pinterest is currently invite-only. Go to pinterest.com and request an invite from them. When you receive an invite, you can register via Facebook Connect or connect through Twitter.

How to add Pin It button?
To add Pin It button to your website you can get the button code from Pinterest Goodies.

The code looks as follows

<a href="http://pinterest.com/pin/create/button/" class="pin-it-button" count-layout="none"><img src="//assets.pinterest.com/images/PinExt.png" alt="Pin it" / ></a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>

You can add it where you want.

Adding Pin It button with AddThis is easy
AddThis provides simple codes for social share and bookmark buttons. You can add following AddThis code

just BELOW <data:post.body/>

<div class='social'>

<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_google_plusone'/>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_button_tweet'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {"data_track_clickback":true};</script>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4daaf36d0b7c565c' type='text/javascript'/>

</div>

Floating Facebook Fan Page Or Like Box for Blogger

noreply@blogger.com (DrRaman) — Fri, 06 Jul 2012 08:49:00 +0000

We have very good script for adding floating Facebook fan page to Blogger blog. Facebook button will be visible and when you hover mouse pointer it will open fan page/like box.

So lets add this to your Blogger blog

Step 1

Go to Edit HTML and click on Expand Widget Template. Press CTRL F and look for ajax.googleapis. If it is present then move to Step 2. IF it is not present then look for </head> and add following code ABOVE </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Step 2

Go to Page Elements > Add a Gadget > HTML JavaScript and add following code to it.

<script type="text/javascript">
//
</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fpages/PC-Game-Requirements/192332410828966&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>

Replace pages/PC-Game-Requirements/192332410828966 with your Facebook fan page name. Click Save. That's it.

jQquery based Mega Menu Bar for Blogger

noreply@blogger.com (DrRaman) — Mon, 25 Jun 2012 09:37:00 +0000

Here is easy to install jQquery based Mega Menu Bar for your Blogger blog. The Mega Menu is very helpful when you want to show lots of links and categories to your visitors.

Following is the three step installation guide to add Mega Menu to your blog.

STEP 1
Go to Design >> Edit HTML and look for ]]></b:skin>
Add following code ABOVE ]]></b:skin>

/*----------------------------------------------------
{--------} Menu {--------}
----------------------------------------------------*/
ul.ldd_menu{
z-index:999;
margin:0px;
padding:0;
display:block;
height:50px;
background-color:#D04528;
list-style:none;
font-family:"Trebuchet MS", sans-serif;
border-top:1px solid #EF593B;
border-bottom:1px solid #EF593B;
border-left:10px solid #D04528;
-moz-box-shadow:0px 3px 4px #591E12;
-webkit-box-shadow:0px 3px 4px #591E12;
-box-shadow:0px 3px 4px #591E12;
}
ul.ldd_menu a{
text-decoration:none;
}
ul.ldd_menu > li{

float:left;
position:relative;
}
ul.ldd_menu > li > span{
z-index:999;
float:left;
color:#fff;
background-color:#D04528;
height:50px;
line-height:50px;
cursor:default;
padding:0px 20px;
text-shadow:0px 0px 1px #fff;
border-right:1px solid #DF7B61;
border-left:1px solid #C44D37;
}
ul.ldd_menu .ldd_submenu{
z-index:999;
position:absolute;
top:50px;
width:550px;
display:none;
opacity:0.95;
left:0px;
font-size:10px;
background: #C34328;
border-top:1px solid #EF593B;
-moz-box-shadow:0px 3px 4px #591E12 inset;
-webkit-box-shadow:0px 3px 4px #591E12 inset;
-box-shadow:0px 3px 4px #591E12 inset;
}
a.ldd_subfoot{
z-index:999;
background-color:#f0f0f0;
color:#444;
display:block;
clear:both;
padding:15px 20px;
text-transform:uppercase;
font-family: Arial, serif;
font-size:12px;
text-shadow:0px 0px 1px #fff;
-moz-box-shadow:0px 0px 2px #777 inset;
-webkit-box-shadow:0px 0px 2px #777 inset;
-box-shadow:0px 0px 2px #777 inset;
}
ul.ldd_menu ul{

list-style:none;
float:left;
border-left:1px solid #DF7B61;
margin:20px 0px 10px 30px;
padding:10px;
}
li.ldd_heading{

font-family: Georgia, serif;
font-size: 13px;
font-style: italic;
color:#FFB39F;
text-shadow:0px 0px 1px #B03E23;
padding:0px 0px 10px 0px;
}
ul.ldd_menu ul li a{

font-family: Arial, serif;
font-size:10px;
line-height:20px;
color:#fff;
padding:1px 3px;
}
ul.ldd_menu ul li a:hover{
-moz-box-shadow:0px 0px 2px #333;
-webkit-box-shadow:0px 0px 2px #333;
box-shadow:0px 0px 2px #333;
background:#AF412B;
}

STEP 2
Add following code ABOVE </head>

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
/**
* the menu
*/
var $menu = $('#ldd_menu');

/**
* for each list element,
* we show the submenu when hovering and
* expand the span element (title) to 510px
*/
$menu.children('li').each(function(){
var $this = $(this);
var $span = $this.children('span');
$span.data('width',$span.width());

$this.bind('mouseenter',function(){
$menu.find('.ldd_submenu').stop(true,true).hide();
$span.stop().animate({'width':'510px'},300,function(){
$this.find('.ldd_submenu').slideDown(300);
});
}).bind('mouseleave',function(){
$this.find('.ldd_submenu').stop(true,true).hide();
$span.stop().animate({'width':$span.data('width')+'px'},300);
});
});
});
</script>

If you already have

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

then delete that line in above STEP 2 code.

STEP 3
Finally add following code just ABOVE <div id='footer-wrapper'>

<ul class='ldd_menu' id='ldd_menu'>
<li>
<span>Vacations</span>
<div class='ldd_submenu'>
<ul>
<li class='ldd_heading'>By Location</li>
<li><a href='#'>South America</a></li>
<li><a href='#'>Antartica</a></li>
<li><a href='#'>Africa</a></li>
<li><a href='#'>Asia and Australia</a></li>
<li><a href='#'>Europe</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Category</li>
<li><a href='#'>Sun & Beach</a></li>
<li><a href='#'>Adventure</a></li>
<li><a href='#'>Science & Education</a></li>
<li><a href='#'>Extreme Sports</a></li>
<li><a href='#'>Relaxing</a></li>
<li><a href='#'>Spa and Wellness</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Theme</li>
<li><a href='#'>Paradise Islands</a></li>
<li><a href='#'>Cruises & Boat Trips</a></li>
<li><a href='#'>Wild Animals & Safaris</a></li>
<li><a href='#'>Nature Pure</a></li>
<li><a href='#'>Helping others & For Hope</a></li>
<li><a href='#'>Diving</a></li>
</ul>
<a class='ldd_subfoot' href='#'> + New Deals</a>
</div>
</li>
<li>
<span>Equipment</span>
<div class='ldd_submenu'>
<ul>
<li class='ldd_heading'>By Location</li>
<li><a href='#'>South America</a></li>
<li><a href='#'>Antartica</a></li>
<li><a href='#'>Africa</a></li>
<li><a href='#'>Asia and Australia</a></li>
<li><a href='#'>Europe</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Category</li>
<li><a href='#'>Sun & Beach</a></li>
<li><a href='#'>Adventure</a></li>
<li><a href='#'>Science & Education</a></li>
<li><a href='#'>Extreme Sports</a></li>
<li><a href='#'>Relaxing</a></li>
<li><a href='#'>Spa and Wellness</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Theme</li>
<li><a href='#'>Paradise Islands</a></li>
<li><a href='#'>Cruises & Boat Trips</a></li>
<li><a href='#'>Wild Animals & Safaris</a></li>
<li><a href='#'>Nature Pure</a></li>
<li><a href='#'>Helping others & For Hope</a></li>
<li><a href='#'>Diving</a></li>
</ul>
<a class='ldd_subfoot' href='#'> + New Deals</a>
</div>
</li>
<li>
<span>Locations</span>
<div class='ldd_submenu'>
<ul>
<li class='ldd_heading'>By Location</li>
<li><a href='#'>South America</a></li>
<li><a href='#'>Antartica</a></li>
<li><a href='#'>Africa</a></li>
<li><a href='#'>Asia and Australia</a></li>
<li><a href='#'>Europe</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Category</li>
<li><a href='#'>Sun & Beach</a></li>
<li><a href='#'>Adventure</a></li>
<li><a href='#'>Science & Education</a></li>
<li><a href='#'>Extreme Sports</a></li>
<li><a href='#'>Relaxing</a></li>
<li><a href='#'>Spa and Wellness</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Theme</li>
<li><a href='#'>Paradise Islands</a></li>
<li><a href='#'>Cruises & Boat Trips</a></li>
<li><a href='#'>Wild Animals & Safaris</a></li>
<li><a href='#'>Nature Pure</a></li>
<li><a href='#'>Helping others & For Hope</a></li>
<li><a href='#'>Diving</a></li>
</ul>
<a class='ldd_subfoot' href='#'> + New Deals</a>

</div>
</li>
<li>
<span>Tourists</span>
<div class='ldd_submenu'>
<ul>
<li class='ldd_heading'>By Download</li>
<li><a href='#'>South America</a></li>
<li><a href='#'>Antartica</a></li>
<li><a href='#'>Africa</a></li>
<li><a href='#'>Asia and Australia</a></li>
<li><a href='#'>Europe</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Category</li>
<li><a href='#'>Sun & Beach</a></li>
<li><a href='#'>Adventure</a></li>
<li><a href='#'>Science & Education</a></li>
<li><a href='#'>Extreme Sports</a></li>
<li><a href='#'>Relaxing</a></li>
<li><a href='#'>Spa and Wellness</a></li>
</ul>
<ul>
<li class='ldd_heading'>By Theme</li>
<li><a href='#'>Paradise Islands</a></li>
<li><a href='#'>Cruises & Boat Trips</a></li>
<li><a href='#'>Wild Animals & Safaris</a></li>
<li><a href='#'>Nature Pure</a></li>
<li><a href='#'>Helping others & For Hope</a></li>
<li><a href='#'>Diving</a></li>
</ul>
<a class='ldd_subfoot' href='#'> + New Deals</a>
</div>
</li>
</ul>

Save the template.

Credits: Artistutorial.blogspot.in

How Microsoft Surface Tablets are different from others

noreply@blogger.com (DrRaman) — Wed, 20 Jun 2012 09:10:00 +0000

Software giant Microsoft announced it's two new tablets running on Windows OS. These are the two tablets, Surface and Surface Pro. Both tablet will have 10.6 in ClearType screen with 16:9 aspect ratio.

These Tablets have some distinctive features from the other one available in market currently.

How Microsoft Surface Tablets are different from others

Touch Cover and Type Cover
Kickstand
Angled Camera
VaporMg Casing

Check each details here >>

Get ready for new iPad Mini

You have heavily built iPad3. There are rumors of miniature version of Apple iPad. The iPhone 5 and iPad Mini may be launched on September 2012.

It will be priced at around $250.

+ More Details >>

Google to join tablet race

Google is going to announce it’s own tablet and will share the market with Apple iPad, Microsoft Surface and other tablets. The tablet may be branded as Nexus 7 tablet.

+ More Details >>

MetroBTK (2 column Blogger template)

noreply@blogger.com (DrRaman) — Wed, 13 Jun 2012 09:19:00 +0000

Template author: Hong Hoa

Features

* 2 column template
* Elegant design
* Right sidebar
* Navigational Menu bar
* Gravatar on Comments activated
* Auto read more hack
* Social bookmarking icons
* Featured content

New Nokia Asha Touch Range

noreply@blogger.com (DrRaman) — Wed, 13 Jun 2012 08:48:00 +0000

Nokia has launched new touch range of Asha mobiles. These three new phone models are Nokia Asha 305, Nokia Asha 306 and Nokia Asha 311.

Nokia Asha 311 comes with 1GHz CPU and 3.0 inches touchscreen. Nokia Asha 305 3″ resistive touch screen and duel SIM feature. Nokia Asha 306 3″ WQVGA resistive touch screen and S40 Asha OS. All three devices provide faster internet and are affordable. More Info >>

Sony Xperia U

3.5 inches LCD capacitive touchscreen
GPRS, EDGEm USB, 3G, Wi-Fi, Bluetooth
Android OS v2.3 (Gingerbread)
Dual-core 1 GHz Cortex-A9 CPU
5 MP, 2592 x 1944 pixels camera
4 GB storage internal

More Info >>

Karbonn Smart Tab 1

7inches touchscreen
5 point multi-touch
3G, Wi-Fi, HDMI, USB
1.2 GHz Processor
Memory expandable up to 32GB

More Info >>

Boston Blogger template

noreply@blogger.com (DrRaman) — Sat, 09 Jun 2012 09:31:00 +0000

Template author: CreatingWebsite

Features

* 2 column template
* Elegant design
*Left sidebar
* Drop down Navigational Menu bar
* Gravatar on Comments activated
* Auto read more hack
* Social bookmarking icons
* Search box.
* Featured content slider

Johny Darkgamer Blogger Template

noreply@blogger.com (DrRaman) — Sat, 09 Jun 2012 09:05:00 +0000

Template author: CreatingWebsite

Features

* 2 column template
* Elegant Gallery style design
* Right sidebar
* Drop down Navigational Menu bar
* Gravatar on Comments activated
* Auto read more hack
* Social bookmarking icons
* Search box.
* Page navigation feature
* Featured content slider
* Replay to comments hack
* Pre installed breadcrumbs.

Milk Blue Blogger template

noreply@blogger.com (DrRaman) — Sat, 09 Jun 2012 08:26:00 +0000

Template author: Dadang Herdiana

Features

* 2 column template (3 columns on Home page)
* Elegant design
* Right sidebar
* Navigational Menu bar
* Gravatar on Comments activated
* Auto read more hack
* Social bookmarking icons
* Search box.
* 3 column footer
* Replay to comments hack
* Pre installed breadcrumbs.
* Ad space

How to add energy saving mode to your blog website

noreply@blogger.com (DrRaman) — Thu, 31 May 2012 07:22:00 +0000

Energy saving mode for a website? It is true guys. When you include the required code into your blog or website, the screen goes on standby mode turns to black as shown in image after specified time. This script is developed by www.onlineleaf.com

According to to onlineleaf.com

The standby engine is a project developed to reduce power consumption, when generating and displaying a website, without changing user experience while using the website. This is done by covering the site in a stationary, black color, which hides visual effects making the visitor's computer use less energy generating and displaying these.

You can check the live demo here.

So let's add this to your blog.

Go to Blogger dashboard >> Design >> Sdit HTML and click on Expand Widget Templates. Then add following code just above </head>

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=60"></script>

Here you can change time=60 value. time=60 means after 60 seconds your website will be on standby mode.

Save the template.