How To Change Text Selection or Highlight Color in Blogger blog

Basically when you select any text from a webpage it shows white text on blue background as follows.

This internationally renowned, best-selling textbook provides a rational and easily understood basis for the practice of clinical medicine

Now you can change these colors with your own as follows.

Go to Dashboard > Design > Edit HTML and look for

body {

Now add following code ABOVE body {

::selection {
   background: #477980; /* Safari */
        color: #f1f1f1;
   }
::-moz-selection {
   background: #477980; /* Firefox */
        color: #f1f1f1;
   }

Change above color codes with your favorite ones and Save template.

Read More

Football Fan - Blogger Template

Template author/Designer: chicablogger.com

Features

* 2 column template
* Elegant design
* Right sidebar
* New look Featured content slider
* Gravatar on Comments activated
* Auto read more
* 3 column footer
* CSS3 rounded corners, Exceperts with automatic thumbnails, banners 468 × 60 ads

Read More

Future X blogger template

Template author/Designer: Avinas Bhardwaj (besttheme.net)

Features

* 2 column template
* Elegant design
* Right sidebar
* New look Featured content slider
* Gravatar on Comments activated
* Facebook, Tweeter, RSS icons
* Auto read more
* 4 column footer
* Ads spaces

Read More

Motorola XOOM Full Specifications and review

Motorola is launching it’s first tablet named Xoom very soon. It is a power packed tablet with Nvidia Tegra 2 dual-core 1GHz cpu, 1 GB RAM and latest Android 3.0 Honeycomb OS.

Features

• 10.1 inches HD Capacitive Touch Screen
• Android 3.0 Honeycomb OS
• Nvidia Tegra 2 Dual-core 
• 1GHz Processor
• 32 GB built-in memory
• 1 GB DDR2 RAM
• 5 MP camera Dual-LED Flash, 2 MP front camera
• 3D Graphics hardware accelerator

For complete specs and review visit here.

Read More

Awesome Recent Posts Widget with thumbs for Blogger blog

Till now we have 3 recent post widgets for Blogger:

1. Simple Recent Posts Widget using feeds 
2. Recent Posts widget (new version with Spy effect)
3. Recent posts widget with thumbs

Now we have another awesome recent posts widget with thumbnails and you will definitely love it. This widget allows you to keep/remove snippet (post description). Also the thumbs are real time as they are cropped and not re-sized as in earlier version of recent posts widget.

Installation


Step 1
Go to your Blogger Dashboar > Layout. Click on Add a Gadget and Select HTML/JAVA Script.



Step 2
Add following code into it

<div class="eggTray">
<script src="https://sites.google.com/site/freebloggerhelpbiz/freebloggerhelp/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"http://medimania.blogspot.com/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 4 }</script>
<div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://www.blogger-help.com/" target="_blank">Get This Widget</a></div><noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:10px;}
.pipesDescription {display:yes;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>

Above code offers you snippet. If want to remove snippet just change

.pipesDescription {display:yes;}
to
.pipesDescription {display:none;}  


Step 3: Customization

Replace http://medimania.blogspot.com/ with your website URL.

To remove the scroll bar, delete ”height”:”500“,

To change the numbers of posts to be shown just change value at ”count”: 8

Finally save the gadget and enjoy the new widget.

Read More