.

Blogger Help for Some of The Readers

Now a days many of my readers are asking for help. I am so happy to help my readers :) Mainly they asked for coding help. So, now I'm going to tell you what's the trick for your problems.

One of my post CSS hacks for blogger, Glenn Paolo request me for CSS help. CSS hack code for Blogger's Blogroll widget.

You need to modify only one widget with html and CSS code. I am giving you a tutorial for that...



First, you have to find your widget id in your Edit Html section.  Go to Blogger.com-> Layout->Edit Html.

Search for your unique widget title which you want to modify it. For example your widget title is Blogger Roll, then press CTRL+F and type Blogger Roll. Now you can see the line of code like this:
<b:widget id='BlogList1' locked='false' title='Blogger Roll' type='BlogList'/>
The line which you have found your widget title, in the same line you can find the widget id something like BlogList1 as show above. Now you have found widget id BlogList1. After that you have to create new group of CSS.

Now search for ]]></b:skin>

#BlogList1{
background: #ffffff

margin : 6px;
padding : 10px
border: 1px solid #DDD;
}


Place the above code just before ]]></b:skin> of course you can change color, margin, padding as you like. If you want to place background image instead  of color see this post. If you want to decrease the characters in your blogger roll widget arrange the option as below



And that's it. Hope your problem is solved :)

#2 Now this is problem number 2 of Alpana. She was asking about how to separate comments in a bubble or box. You can see all of my comments are out lined. It's that magic of CSS. It well manage the comment and also it looks good. If you want to do that line mine follow the steps:

Step 1: Go to Blogger.com-> Layout->Edit Html.
Step2: Search for the below CSS code
#comments-block .comment-body
And make it look like this:
#comments-block .comment-body {
    margin: .25em 0 10px;
    padding-left: 20px;
    border-right: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    border-top: 1px solid #EEE;
  }
You can modify color what you like and that it! Now you can see border in your all comment :)

#3 One of the blog Admin asked how to put the ads below the post title. I have already solved his problem in this post.

Hope you guys are satisfied with these tricks. See you in next post :)  

 


COMMENTS

BLOGGER: 9
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: Blogger Help for Some of The Readers
Blogger Help for Some of The Readers
http://img94.imageshack.us/img94/6079/93527052.png
Hack Tutors — Blogger Tricks, Blogging and Social Media Tips
http://www.hacktutors.info/2010/01/blogger-help-for-some-of-readers.html
http://www.hacktutors.info/
http://www.hacktutors.info/
http://www.hacktutors.info/2010/01/blogger-help-for-some-of-readers.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