.

Adding unique background image to the single widget

It is possible to setup background image to the single or an individual widget. Using this tricks, you can use different background images to each widget to your needs for your blogspot/blogger blog. You can see this demo in my blog's ads above.

To achieve this takes a little work. Each widget has a unique name. In this example, I have a widget, LinkList



First, logon to blogger.com


Go to Layout>>Edit Html

Search for your widget unique ID. I have "LinkList1" as the unique ID for my LinkList.

<b:widget id='LinkList1' locked='false' title='link widget' type='LinkList'/>

So, my unique ID here is LinkList1.

Add this code between <b:skin><![CDATA[/* and </b:skin> or better keep it before </b:skin>


/* Sidebar Content */ 
#LinkList1{
background: #ffffff;
}
The above code will result the white background. You can define your own background by changing the hex colour code. And you must remember that LinkList1 is the unique CSS code for your widget.

Further if you want to add your own background image. Just make some twist as below:

#LinkList1{
background: #ffffff url(http://www.yoursite.com/image/image.jpg) no-repeat;
  }
These are all the magic because of the CSS code. You can make add other interactive effects on your widget and blog by using the proper combination of CSS codes.

COMMENTS

BLOGGER: 14
Loading...
Hosted by HostGator
Name

Adsense Adsense hacks Advertising Affiliate Marketing Announcement Antivirus Application hacks Applications Backlinks Blog Blogger Blogger Features Blogger Help Blogger Roll Blogger Templates Blogger Widgets Blogging Bluetooth hack Bootable Browsers Business Cell phones Contest Cool tricks CSS Device Download Email Marketing Entertainment Facebook FeedBurner FIFA World CUP Files n Folders Flash Free software Fun with Windows Games Gmail hacks Google Google hacks Google Plus Graphic Hacking tools Hosting How to HTML Info Internet Tips ip address iphone hack Ipod hacks Javascript Keyword Research Make Money Blogging Make money online Mobiles Monetize Nokia hacking Page Rank Password Hacks PC Games PC Hacks Photoshop Promote site Reviews SEO Social Bookmarking Social Media Symbian hack Tips n Tricks Traffic Tutorials USB Virus Web 2.0 Web design Widget Windows Tricks WordPress WordPress Themes
false
ltr
item
Hack Tutors — Blogger Tricks, Blogging and Social Media Tips: Adding unique background image to the single widget
Adding unique background image to the single widget
Hack Tutors — Blogger Tricks, Blogging and Social Media Tips
http://www.hacktutors.info/2009/10/adding-unique-background-image-to.html
http://www.hacktutors.info/
http://www.hacktutors.info/
http://www.hacktutors.info/2009/10/adding-unique-background-image-to.html
true
7369343002377078183
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy