Information Technology Blog

download "Surprise" - Official Call of Duty: Black Ops 2 Live-Action Trailer

2012-11-01T20:34:00.001-07:00

New Site earn money with getlike.info

2012-05-18T03:01:00.000-07:00

register here
http://getlike.info/?r=5704
Join now and get:
Sign Up BONUS - $0.05
For each user that sign up to our site with your URL, you get $0.05 + 50 coins.
$0.00005 per site you surf in our system.
Earn 10% of all your referral's earnings by surfing.
NO MINIMUM to Cashout to Paypal
Improve your online presence in all of the following:
facebook likes,
Google Plus
Twitter Retweets
Website Traffic
Twitter Followers
MORE And MORE

The Samsung Galaxy S III: The First Smartphone Designed Entirely By Lawyers

2012-05-06T20:03:00.002-07:00

The Galaxy S III is... well... it's ugly. There's really no other way to put it. But why? Why is it ugly? I don't mean aesthetically, why is it ugly, I mean, "How did something like this ever make it out of Samsung's design studio?" I'll tell you how, it was never in the design studio. This phone design was born down the hall, in a room where the door sign reads "Samsung Legal."

It was designed by lawyers.

I can tell just from the press shots, this thing is a Samsung lawyer's dream. I'm sure you must be thinking,"Hmm, that's a weird assumption to make." but don't worry, an explanation is forthcoming. We're going to take a trip, way, way back to the prehistoric times of April 18, 2011: The day Apple claimed ownership of the rectangle.

Remember this? It's Apple's trade dress lawsuit against Samsung. For those that don't remember, or just weren't paying attention: "Trade Dress" is a legal thing, a form of intellectual property, basically a trademark for how a product looks, as opposed to a logo or word. Like a trademark offers protection to the use of a word or the look of a logo, trade dress offers protection on design. Trade dress lets Apple say to Samsung "Your product looks too much like our product; prepare to be sued into oblivion!"

Back in April 2011, Apple's trade dress infringement claims against Samsung went like this:

a rectangular product shape with all four corners uniformly rounded;

the front surface of the product dominated by a screen surface with black borders;

as to the iPhone and iPod touch products, substantial black borders above and below the screen having roughly equal width and narrower black borders on either side of the screen having roughly equal width;

as to the iPad product, substantial black borders on all sides being roughly equal in width;

a metallic surround framing the perimeter of the top surface;

a display of a grid of colorful square icons with uniformly rounded corners; and

a bottom row of square icons (the "Springboard") set off from the other icons and that do not change as the other pages of the user interface are viewed.

That is basically a list of things you aren't allowed to do. Now, individually, those traits aren't worthy of a lawsuit. It's the combination of those things that will send Apple Legal over to kick down your door. The combination of those attributes got the Galaxy S and SII in legal hot water, so for the S III, Samsung made this list their "Hey, don't do this" design guidelines. That's right, the entire phone design revolves around not pissing off Apple.

Why should Samsung care about what Apple thinks? Well for one, there's the aforementioned legal goon squad, and for two, Apple is one of Samsung's biggest customers. Not for phones - walking around Apple campus with a Galaxy phone sounds like a good way to get fired - Apple is one of Samsung's biggest customers for components. Samsung makes all sorts of phone and tablet components: CPUs, RAM, flash memory, displays, and more, and they want Apple to buy them - and they do. The iPhone 4, for example, owes about 25% of its component cost to Samsung. Apple sells a lot of phones, so that's a lot of cash in Samsung's pocket. The iPhone/Galaxy battle is a win/win for Samsung, and they would like to keep it that way.

Which brings us back to the The Phone Designed By Lawyers. Maybe you aren't a believer yet. Well, it's time for some evidence. Let's run down the list of trade dress grievances, shall we?

Game puzzle 18+

2012-04-24T19:57:00.000-07:00

Intel launches Ivy Bridge with 37 percent faster processing

2012-04-24T19:54:00.001-07:00

The long-awaited next generation of Intel processors has arrived. Intel announced its 22 nanometer processors, coded-named Ivy Bridge, at a press conference Monday.

We all knew Ivy Bridge would be fast, but these new processors are about 20 percent faster than Intel’s previous offerings. Intel also says the third-generation Core chips operate with 20 percent less energy than Sandy Bridge, the code name for the previous generation of processors.

“[Ivy Bridge is] 20 percent better performance on multithreaded applications, two times better 3D graphics, and twice as fast media processing, compared to the previous generation,” said Intel corporate vice president Kirk Skaugen at a press conference in San Francisco.

“I’m here to say that Moore’s Law is alive and well,” Skaugen said.

The new chips boast a 22 nanometer transistor design, in contrast to Intel’s Sandy Bridge, which has 32 nanometer transistors. The higher density chips mean computers with Ivy Bridge chips will be faster and will handle media playback much better than before.

Thunderbolt and USB 3.0 support is integrated with Ivy Bridge, which makes data transfer between cameras and external hard drives faster. USB 3.0 has been introduced for PCs and Thunderbolt is available on Apple computers and one Sony Vaio model.

“A video that used to take five minutes to transfer will take 30 seconds and going from five minutes to less than 30 seconds is a big deal,” said Skaugen.

What will catch many gamers’ and video editors’ eyes is the integrated graphics processing unit, which will make editing videos faster and game play sharper. One-third of the chips’ estimated 1.4 billion transistors are contained within the GPU.

Ivy Bridge will also offer support for up to three displays, for those who like wide computer real estate on their desks.

Previous computer chips had a flat transistor design, but Ivy Bridge employs tri-gate designs, in which the microscopic transistors contain a small, raised “fin,” enabling greater density of transistors on the chip and also facilitating lower power consumption. The raised nature of the chip has led to Ivy Bridge’s “3D” moniker. Intel has been working on tri-gate technology since 2001, and made a splash when it announced the new transistor in 2011, but this is the first family of chips to contain the new type of transistor.

“Even back [in 2001] we realized the planar structure would run out of steam,” said Mark Bohr, an Intel senior fellow who led the development of tri-gate transistors.

“We had reservations [about adopting tri-gate], but after Mark described the performance enhancements…especially at low voltages, we were convinced its was the right choice,” said Intel program manager Brad Heaney.

Intel’s chips fall into “Tick” and “Tock” releases. Tocks are major processor architecture changes and ticks are smaller process changes based on the same architecture. Intel is calling Ivy Bridge a “Tick+” because it is adding a new processor and media subsystem.

Despite a marketing campaign that Intel started at the Consumer Electronics Show in early 2012, the new chips won’t be immediately available for Ultrabooks, powerful and thin PC laptops that would compete with the MacBook Air. Instead, they will be used in Intel’s Core i7 and Core i5 quad-core processors for desktop and laptops first.

Intel said that manufacturers are planning more than 270 desktop and all-in-one models and 300 laptops based on the new processors. Pricing for the new processors will be close to Sandy Bridge, so we shouldn’t see a dramatic price increase on the consumer end.

Intel wouldn’t say exactly when we can expect ultrabooks with Ivy Bridge, but said it would be in the next couple of months. Ivy Bridge for ultrabooks will be dual-core processors ad run at a lower voltage to accomodate the thinness of a ultrabook, Skaugen said.

Intel launches Ivy Bridge

Check out photos from the launch of Intel Ivy Bridge.

Large scale version of the Ivy Bridge chip

CPX24: Get Paid To Promote

2012-04-17T19:33:00.000-07:00

Site Descriptions:

Online since: 2007
Ways to earn: paid to promote (PTP links, banner code, pop-under code)
Tier 1 CPM=$2, Tier 2 CPM-$1.20, Tier 3 CPM=$0.30, Tier 4 CPM=$0.20
Accept worldwide members
Only 0.50$ minimum payout by PayPal, Liberty Reserve, WebMoney, MoneyBookers or AlertPay
Payments are processed every weekend
5% referral commission

My Review:
CPX24 is a paid to promote site where you get paid to promote the website in many different ways, including PTP links which you can promote anywhere you want, banner code which you put into your blog/website, and lastly pop-under code which is also for blog/website. The site is based on impressions, therefore there is no click requirement from visitors in order for you to get paid. Simply copy and paste the banner or pop-under code to your blog/website and you are ready to make money.

From my experience, although it is stated that the CPM is up to $2, but I hardly get any valid hits for this site. Until now I'm still not sure how did they count the hits, sometimes I've sent more than 100 visitors to my website but I only get 1 hit on my CPX24 account. Although minimum cashout is only $0.50 but it takes very long time to reach. So far I only manage to reach the minimum cashout one time, and I got paid for that, proven that CPX24 is not scam.

Releasing Thesis Blogger Template

2012-04-11T09:54:00.000-07:00

Thesis is the popular and worthy WordPress theme provided by DiyThemes. I am very happy to announce that, I've successfully converted Thesis WordPress theme for all blogger users for absolutely free. Thesis Blogger Template have 2 columns, where you can place many widgets and Ads.

View Demo

4309
Times Downloaded

I've converted it into blogger template based on the theme of ShoutMeloud.

Features of Thesis Template:

It has stylish 2 columns, one is post body and second one is sidebar, where you can put many widgets and Ads. In the bottom of this template, there is 3 rows as well.

This template consists of Read More hack with automatic thumbnail to make the template more professional.

Readers can easily comment on any post by clicking Add your comment button which consists on Home Page. Also, you can view, how many comments consists in each posts.

It has 2 navigation bar on the top of the template where you can add the main link to your blogs post or categories.

On the bottom of the template there is 3 rows where you can place option widgets like About Me, Categories and so on.

It has the most demanded Blogger hack i.e. Page navigation on the bottom of each page.

Customizations

Top Menu Configuration

To customize Top Menu, find the following code in your template and place your own links.

<div id='nav'>
<ul id='secnav'>
  <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='http://hacktutors.info/2009/08/contact-me.html'>Contact Us</a>
   <ul class='children'>
   </ul>
  </li>
  <li><a href='http://www.hacktutors.info/p/our-in-touched-bloggers.html'>Bloggers</a></li>
  <li><a href='http://hacktutors.info/p/link-to-us.html'>Link to Us</a></li>
  <li><a href='http://hacktutors.info/search/label/Download'>Download</a>
   <ul class='children'>
   <li><a href='#'>Drop</a></li>
   </ul>
  </li>
  <li><a href='http://www.hacktutors.info/search/label/Page%20Rank'>Rank</a></li>
  <li><a href='#'>Join HackTutors</a>
   <ul class='children'>
   <li><a href='#'>Advertise</a></li>
   </ul>
  </li>
</ul>

Adsense Search Customization

To customize the search form on the top right side of the template, find the following code and replace it with your own adsense search code.

<div id='google-search'>
  <form action='http://www.shoutmeloud.com/search' id='cse-search-box'>
   <div>
   <input name='cx' type='hidden' value='partner-pub-6601904697443775:73g5y9j0de1'/>
   <input name='cof' type='hidden' value='FORID:10'/>
   <input name='ie' type='hidden' value='ISO-8859-1'/>
   <input name='q' size='30' type='text'/>
   <input name='sa' type='submit' value=''/>
   </div>
  </form>
  <script src='http://www.google.com/cse/brand?form=cse-search-box&lang=en' type='text/javascript'/> </div>

Sub Navigation Bar

To customize sub navigation bar, search for the following code code and replace the link with your own.

<div id='categories'>
  <ul>
   <li><a href='http://hacktutors.info/search/label/Blogging'>Blogger tools</a> </li>
   <li><a href='http://www.hacktutors.info/search/label/Graphic'>Graphics</a>
   <ul class='children'>
   <li class='cat-item cat-item-149'><a href='#'>SEO</a> </li>
   </ul>
   </li>
   <li><a href='http://www.hacktutors.info/search/label/Web%20design'>Web Design</a>
   <ul class='children'>
   <li><a href='http://www.hacktutors.info/search/label/Social%20Media'>Social Media</a> </li>
   </ul>
   </li>
   <li><a href='http://www.hacktutors.info/search/label/Make%20money%20online'>Make Money Online</a> </li>
   <li><a href='http://www.hacktutors.info/search/label/Blogger%20Help'>Blogger Help</a> </li>
  </ul>
</div>

Header Logo and Banner

Search for the following code in your template to replace the logo. There is the 468X60px banner on the top right, you can customize that with your banner URL.

<div id='joelogo'>

<a href='http://www.hacktutors.info'><img class='logo' src='http://4.bp.blogspot.com/_b0xJ7qk6DTc/TGdrjNWW8cI/
AAAAAAAAA1Q/mZxvQIRDDO0/s1600/Thesislogo+copy.png'/></a>

<div id='joead2'>
<a href='http://www.hacktutors.info' target='_blank'><img border='0' src='http://3.bp.blogspot.com/_b0xJ7qk6DTc/TGdcVUncDfI/
AAAAAAAAA0o/T6te7Q6DjS8/s1600/Bigbanner.gif'/></a>
</div>
</div>

Placement of Google Ads below the Sub Navigation bar

You can get more ad clicks by placing the Google Ad Link Units below the sub navigation bar. To do like that, search for the following code and place your link unit code just below the following code.

<div id='joead3'>

Your ad code goes here.

</div>

Customizing Facebook Like Button

There is the small Facebook like button on the top right in each blog posts. To customize that, Search for the following code in your Template:

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

<div style='float:right;padding:4px;'>

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.hacktutors.info&layout=button_count&
show_faces=false&width=70&action=like&font=arial&
amp;colorscheme=light&height=21' style='border:none; overflow:hidden; width:70px; height:21px;'/>

</div>

Replace above red codes with the following:

(Code Updated)

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&
width=64&action=like&
font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:64px; height:40px;'/>

Now, you are ready to use this template! Enjoy the new Thesis Blogger Template. If you have any problem regarding this template, you are free to ask me. You can suggest me any thing that you are thinking to do new in this template.

I'll update this template with more new feature. Please subscribe to our feed using your Email address to get the new updated template direct to your inbox.

Releasing Platinum Blogger Template

2012-04-11T09:52:00.000-07:00

Once again I'm back with one new magazine style Blogger Template named "Platinum". It look very professional and definitely suits on your blog. Platinum Blogger Template has many features that are most demanded by Blogger users. Thesis Blogger Template is also the greatest template that I've made. I guess you'll love it after viewing the Demo.

View Demo

3828 Times Downloaded

I converted Platinum WordPress theme into Blogger Template. Originally, Brian Gardner designed it and I converted it for all Blogger users and make it available for absolutely free.

Let see what I have added the cool feature on this template:

JQuery Drop Down Menu Bar

On the top of the page, it consists of awesome Drop down menu with JQuery effects. When you hover your mouse to these menus, it will drop soothly to downward direction.

JQuery Featured Post widget

With this widget, you can show the most featured post of your blog with image thumbnail and summary text. However, featured post widget is only visible on HomePage to make it look more professional.

Automatic Read More with Thumbnail

After you've written a post, you don't need to worry about the Jump links that blogger recently announced. Just you have to create a post a publish it! Your reader can easily view your post with attractive thumbnail on the left side and Ream More link on the right side.

Page Navigation

There was an error on the Blogger's default pager links. So, I installed Page Navigation hack for it to make it easy to turn the page of your blog easily.

There is many more missing that I cannot mention it here. In fact this template have more flexible where you can add more widgets on the right sidebar and there widget on the footer.

Customizations

Now, let's do some customization to fit it on your blog.

Top Menu Configuration

Find the following code on your template and replace URL(s) with your own.

<div id='nav'>
<ul class='nav superfish'>
<li class='home'><a class='home-link' expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='page_item page-item-70'><a href='#'>Sample Page</a>
  <ul class='children'>
   <li class='page_item page-item-17'><a href='#'>Sub Page 1.1</a>
   <ul class='children'>
   <li class='page_item page-item-25'><a href='#'>Sub Page 2.1</a>
   <ul class='children'>
   <li class='page_item page-item-31'><a href='#'>Sub Page 3.1</a></li>
   <li class='page_item page-item-33'><a href='#'>Sub Page 3.2</a></li>
   </ul>
   </li>
   <li class='page_item page-item-27'><a href='#'>Sub Page 2.2</a></li>
   <li class='page_item page-item-29'><a href='#'>Sub Page 2.3</a></li>
   </ul>
   </li>
   <li class='page_item page-item-375'><a href='#' title='Page Layouts'>Page Layouts</a>
   <ul class='children'>
   <li class='page_item page-item-377'><a href='#'>Content/Sidebar</a></li>
   <li class='page_item page-item-379'><a href='#'>Sidebar/Content</a></li>
   <li class='page_item page-item-387'><a href='#'>Full Width Content</a></li>
   </ul>
   </li>
   <li class='page_item page-item-62'><a href='#'>Page Templates</a>
   <ul class='children'>
   <li class='page_item page-item-112'><a href='#'>Archive Page</a></li>
   <li class='page_item page-item-227'><a href='#'>Blog Page</a></li>
   </ul>
   </li>
   <li class='page_item page-item-213'><a href='#'>Contact Page</a></li>
   <li class='right rss'><a href='#'>Posts</a><a href='#'>Comments</a></li>
  </ul></div>
</div>
<div id='subnav'>
  <div class='wrap'>
   <ul class='nav superfish'>
   <li class='cat-item cat-item-4'><a href='#'>Category #1</a></li>
   <li class='cat-item cat-item-5'><a href='#'>Category #2</a></li>
   </ul></div></div></div>

Remove # and place your URL.

Featured Post

Go to Design > Page Element. You'll found the widget on the top named "Featured Post". Edit that widget and replace all URL and text with your own.

Note: You can remove that widget if it doesn't fits on your blog.

Logo

To change your own logo find the following code on your template and replace the image URL with your own logo URL,

<h1 id='title'><a expr:href='data:blog.homepageUrl'><img src='http://4.bp.blogspot.com/_b0xJ7qk6DTc/
THvRqkecH1I/AAAAAAAAA64/EgNa1OjtlQQ/s1600/logo.png'/></a></h1>

Now finally, you are ready to use Platinum Blogger Template to your blog. If you have any problem regarding this template feel free to ask. You feedback is highly appreciated. You can share your opinion about this new wordpress converted Blogger Template. I hope you like this template.

We'll create more Blogger Template like this. Subscribe to this blog to get more awesome template direct to your inbox.

Releasing Flash News Blogger Template

2012-04-11T09:51:00.000-07:00

nce again, I'm back with the new Blogger Template named Flash News. Flash News Blogger Template have 2 columns with the clean layouts and professional design. Flash News Blogger Template suits on any blog. It loads faster with comparison to other web templates. I made Flash News Blogger Template available for freefor all blogger users!

View Live Demo

2874 Times Downloaded

Main Features
Flash News Blogger Template has all the features that has been taken out through the official Blogger and Blogger resources. I converted it into Blogger Template, originally it is WordPress theme designed by WooThemes.

Stylish Menu Bar

JQuery Menu Bar

Th top Menu Bar is based on JQuery which is professional designed and with special hover effects.

Featured Post Widget

Top 3 WordPress Converted Free Blogger Templates

2012-04-11T09:50:00.000-07:00

Now a days, there is the most demand of professional blogger template which are derived from WordPress. However, I made 3 professional blogger template which is very hot now a days.

So, today I am revising all my previous blogger template that I have made. Some of you may not have see these. Lets go with the popular one.

Thesis Blogger Template

View Demo | Download

Thesis Blogger Template is the first one that I have converted it into blogger platform. My first blogger template covered the top professional blogger template of August and its very hot! It have simply, 2 column and very good layouts.

As the inspiration if this, Platinum and Flash News was my target and already covered it!

Platinum Blogger Template

View Demo | Download

This one is second blogger template and the most good choice of Blogger users. Platinum theme covered same feature like Thesis have but its professional design attracted users. However, it have some more great feature like JQuery menu, JQuery Slider and so on.

Flash News Blogger Template

View Demo | Download

Flash news was my last choice (but not least). I found it is very professional blogger template but HackTutors readers haven't covered too much interest on it. Its stylish header may attract your visitor.

So these are the 3 good blogger template that I have made. I will be creating more new professional blogger template in future. Your feedback is highly appreciated. Without your feedback, I'll not create any new template.
http://book4y.blogspot.com copy by hacktutors.info

Updated Thesis Blogger Template - Resolved Bugs

2012-04-11T09:47:00.000-07:00

4 months ago, I released Thesis Blogger Template. Till now it have got 800+ downloads. There were some few bugs which have been disturbing the users and viewers as you can view comments where some of our smart reader caught the errors of the template. So, I have done some minor changes and fixed the bugs of Thesis Blogger Template. So, lets see what is updated.

3610 Times Downloaded

Customizable Logo
Now you can directly place logo from your computer or from blogger. New option has been add to the logo layout area. You can access this by going to Design > Page Element, Click on the "Edit" link on header then you will see the option to upload your logo.

Search Bar
Search form works perfectly from now! Just you or your users have to type the keyword and hit enter. You can place the Google adsense search form if you prefer.

Google Adsense below Navbar
Now you can add Google Link Unit ads below the sub navigation bar on the top of the page. You can get more click by this feature. Make sure your link ad unit is in the site of 468 X 15px. Bigger than this ads units may overlap entire post. So, 468 X 15px link unit ads suits perfectly. Use with (#FFF) color for the text and dark grey (#CCC) for background.

Facebook Like Button
Facebook like button which consists on the top right side of each post have been updated. Now it works perfectly where there was some error on this.

Page Navigation
Page Navigation were not working smoothly before. Nut now, it works perfectly.

What's next?
If there is anything other to be updated then please let me know. You can inform me what to update via comment below.
book4y copy by hacktutors.info

Introducing Social Eyes Blogger Template

2012-04-11T09:43:00.000-07:00

Converting Blogger Template became one night dinner for me. Now, Hack Tutors is up with another new Blogger Template called Social Eyes. Social Eyes is blue color 2 column Blogger template which is socially inspired. Its ready to use with no costs for every blogger users as usual. First, let's have a look the demo:

View Live Demo

525 Times Downloaded

Features of Social Eyes Blogger Template
Social Eyes Blogger Template have following features:

2 Column
Socially inspired blue color
Stylish transparent navigation menu and sub-menu
Automatic read more with thumbnail for each post
User friendly comment section
SEO friendy
3 column footer widget

Installation Details
To install this template on your Blogger blog, login to your Blogger account and go to > Design > Edit HTML. Backup your Blogger current Blogger template by click "Download Full Template". Choose and upload XML template of social eyes from you hard drive.

You need to make some changes in its menu feature. Just replace URL and anchor text with your own. This is the code that you have to edit for top navigation menu.

<ul class='nav superfish'>
   <li class='home'><a class='home-link' expr:href='data:blog.homepageUrl'>Home</a></li>
   <li class='page_item page-item-70'><a href='http://www.hacktutors.info/2011/03/introducing-digital-bunch-forums.html'>Digial Bunch</a>
   <ul class='children'>
   <li class='page_item page-item-17'><a href='http://www.hacktutors.info/2011/03/blogger-will-introduce-awesome.html' title='Sub Page 1.1'>Feature</a>
   <li class='page_item page-item-33'><a href='http://www.hacktutors.info/search/label/Web%20design' title='Sub Page 3.2'>Web Design</a></li>
   </ul>
   </li>
   <li class='page_item page-item-27'><a href='http://hacktutors.info/search/label/Hosting' title='Sub Page 2.2'>Hosting</a></li>
   <li class='page_item page-item-29'><a href='http://buysellads.com/buy/detail/30763' title='Sub Page 2.3'>Advertise</a></li>
   </ul>
   </li>
   <li class='page_item page-item-22'><a href='http://www.hacktutors.info/p/blog-page.html' title='Sub Page 1.3'>Archieve</a></li>
   </ul>
   </li>
   <li class='page_item page-item-375'><a href='#' title='Page Layouts'>Page Layouts</a>
   <ul class='children'>
   <li class='page_item page-item-381'><a href='#' title='Content/Sidebar/Sidebar'>Content/Sidebar/Sidebar</a></li>
   </ul>
   </li>
   <ul class='children'>
   <li class='page_item page-item-227'><a href='http://www.hacktutors.info/2011/02/add-stylish-subscription-box-below.html' title='Widget'>Widget</a></li>
   </ul>

Now, your installation is complete!

If you have any problem regarding Social Eyes Blogger Template then feel free to ask me via comment below.

Let me know you suggestion and feedback about Social Eyes Blogger Template. Please note that this template is converted from WordPress theme from StudioPress.

book4y copy by hacktutors.info

6 Best Free Blogger Templates With jQuery Content Slider

2012-04-11T09:41:00.000-07:00

One of the popular features of Blogger Blogspot Templates is the Featured Post Slider or Slideshow Carousal. Today I was searching on internet and best free blogger templates. SO I get and idea of presenting some of them with best jquery content slider and much more features. Here are 5 Best Free Blogger Templates With jQuery Content Slider All the Sliders are created with jQuery which allows some cool features such as the transitions (The effect between each slide).

I had placed all link to download and live demo in image. Click On The Screenshot Of Each Template For The Demo and Download Details.

Glow - Free Premium Blogger Template

Glow has a beautifully constructed Featured Slider Slideshow.The slides are visible as thumbnails on the left of the full size slider.The template also has a glowing two column magazine design with right sidebar.

Oracle - Advanced Magazine Blogger Template

Oracle has a beautifully fitted Featured Slider, Image Slideshow with the sides fading away.The slides auto scroll with a manual scroll option.The template also has a two column magazine design with a left sidebar.

Nyke - Magazine Blogger Template

The Featured Slider, Image Slideshow has a very unique rounded bottom and a number of coll transitions between images.The template has a two column layout with right sidebar.

MoonLight - Clean Magazine Blogger Template

MoonLight - Clean Magazine Blogger TemplateThe Featured Slider, Picture Slideshow on Moonlight has a more simple design but fits neatly above the posts with auto scroll and manual scroll options.The template has a minimalist design with two columns and a right sidebar.

Calenotis - Photographers Magazine Blogger Template

Calenotis has a beautiful full width Featured Slider Slideshow that has a 3D design.The slides are on auto scroll with a number of different transitions.The template also has a professional magazine design with a two column right sidebar layout.

Flash News Blogger Template

That's all.Hope you like my collections. Also check out more blogger templates by Hacktutors.

book4y copy by hacktutors.info

Breaking News: Mom makes $379/day Working From Home

2012-04-11T09:32:00.000-07:00

Posted by Justin D. Wilson on April 08, 2012 and filed under Job News. You can follow any responses to this entry through the RSS 2.0. You can leave a response or track-back to this entry from your site

Many sites showcase people making as much as $300+ a day working online from home on their computer using Google.

SUN VALLEY, Idaho - Is working from home the next gold rush?

For Katie Jenkins it sure is. Katie, a mother from Orlando, Florida is thriving, in the middle of an economic recession working in the comfort of her own home.

"I earn on average about $25 for every link I post on Google and I make around $8,700 a month right now" says Jenkins.

But Katie’s life wasn’t always so prosperous. Her recent employer, a well-known insurance agency, did some downsizing and let her go.

Her husband James now became their only source of income, which they both knew they couldn’t live on. That is why Katie took the job at the insurance agency to begin with. They needed extra money and they needed it fast.

Katie’s family had 2 choices. She could either look for another job in her industry (but in these tough economic times, she knew that was a long shot.) Or her husband could take night classes and try to get a promotion at work. But that too would take too much time. And where would they get the money for school?

Katie says, “I was in tears one Saturday night because things were getting tough and we couldn’t even afford to take the kids out to dinner like we do every Saturday night. The kids asked why we weren’t going out and we had to try and explain to them that times were tough. I don’t think they understood. That’s when I knew I had to take matters into my own hands and find a solution for my family.”

That’s when Katie found an advert for Home Income Package.

"I read the ad, and at first I was skeptical because they said you will get paid over $300 a day and that seemed like a lot of money to me. But I suspended my disbelief and got started."

She started making money right away and she got her first week’s paycheck of $2,100.

“This was more money than I used to make in a month,” Katie adds.

Home Income Packageis a risk free course that can teach anyone, regardless of computer skill level to start making money online.

For those who have seen the “make money online scams” Katie warns that, while they do exist,Home Income Package is one of the only ones she found that is backed and uses a $billion dollar publicly traded company, like Google.

Katie shared her tips for how she got started. Following the simple steps below is all you need to do to get started:

Step 1: Go to Home Income Package, fill out the basic form to see if they have positions available in your area.

Step 2: Follow the directions on Online Income Solution that shows you how to and set up a Google account. Then they will give you the website links to post. Start posting those website links. The system tracks everything.

"I really hope people take advantage of this, its good to finally see someone using a large company to make money online and help people like me" says Jenkins

Associated Links:
Home Income Package official site

Make Money With CloudCrowd on Facebook

2012-04-11T09:16:00.000-07:00

What is CloudCrowd?

CloudCrowd is another crowdsourcing site where you can make money completing tasks.It’s similar to the other micro jobs sites like Amazon MTurk.Their system is based on the ClowdCrowd Facebook application.Once you add that application to your Facebook account you can access all the projects from that.It’s an easy to use system.Any one can making money with this.

How To Get Started With Them?

You need two things to work with them-Facebook account and a PayPal account.Add the CloudCrowd app to your Facebook account and start working.You need PayPal to get paid.They usually pay in the next day to your PayPal account after completion of the task.You also need an account with their forum to give your feedback.All these are free.So,you can make money fast and free with them.

How Does This Works?

CloudCrowd works with credibility points.The more credibility points you have the more tasks you can get and the more money you can make.They’ll give some initial credibility points so that you can start doing some less paying tasks.As you go on to complete those tasks efficiently and get positive reviews,your credibility points increase.With the increase of your credibility points you can then access high paying tasks.Usually these tasks take few minutes to complete.So you do not need lots of time investment.

These tasks are in the field of writing and editing,translation,data extraction and categorization,searching,promotion.Tasks can be like tagging images,videos,finding URLs,writing short articles and more.

These are apparently very easy tasks.But,some of the tasks may look bit complicated because of the poor job description given with them.

Regarding your privacy,they do not automatically posts on your Facebook wall.So,their isn’t much to worry about.

How Much Can You Make?

Do not expect to make lots of money with them.Usually you can make few bucks a day with them.That can cover your webhosting costs or you can buy some stuffs.The good thing is that they pay you within the next business day.So that’s great way to make some quick money.

Another big problem is that since CloudCrowd is growing fast,it often is unable to provide enough tasks for all it’s members.That actually decreases the chances of earning enough money.But,if you’re working with other micro job sites or other make money online programs then this should be a good supplement to your income.

Is It A Legitimate Site?

I personally don’t have anything to say against it.I haven’t found anyone complain much against this company.It’s legitimate paying company.The best part is they pay you by the next day.So,there isn’t any chance of getting scammed.If they do not pay you the next day stop working with them.But,I must say you should try it.

But,one problem is that they pay only via PayPal,so if PayPal doesn’t support your country,or you’re not comfortable using it then CloudCrowd is not for you.

http://www.cloudcrowd.com

Breaking: Facebook’s Buying Instagram for a Billion Dollars

2012-04-09T18:53:00.002-07:00

Mark Zuckerburg just announced that Facebook has agreed to buy mega-popular photo sharing service Instagram for $1 billion. Facebook's been on a buying spree of late, and has been beefing up its ownalready-ubiquitous photo sharing service lately as well. But it looks like it just landed a whale.

Facebook is already one of the biggest photo sharing destinations on the web. Everyone's on Facebook, and so are all their pictures. But Instagram isn't just another photo sharing service; it's basically everyone's favorite little social network. And unlike Twitter, the last little social network that didn't stay little, Facebook's nipping Instagram in the bud before it takes on a life of its own.

How fast has Instagram grown? It's got 30 million users despite having been iOS-only until recently. And it just expanded its API to include uploads from competitors like Hipstamatic. If everyone you know wasn't on it before, they were going to be soon. In fact, after this deal goes through, they definitely will be.

An acquisition of this magnitude certainly comes as a surprise, but maybe it shouldn't have been a total one. We've been hearing rumblings about Facebook working on an iPhone-based photo-sharing Instagram competitor for almost a year now. At a certain point, if you can't beat 'em, you buy 'em.

Facebook's impending IPO probably didn't have much to do with its ability to purchase Instagram—it already had globs of cash—but might shade how it uses Instagram going forward. Meaning, it'll have public investors to appease, so it's going to need to justify spending a ton of money. That means monetization, probably in the form of aggressive APIs, which Instagram was already jumping into. Zuck's announcement post says Facebook is "committed to building and growing Instagram independently," so it's just a matter of seeing whether or not that happens.

Either way, we'd say hold off on the doomsaying for Instagram's future as a smart and beautiful way to store and share your photos. We've actually quite liked Facebook's recent additions—Timeline and its new Photo Viewer—so at least wait and see what happens. And for those of you worrying how this will affect your Twitter account? It won't, according to Zuck. At least for the time being, Facebook is going to continue to develop Instagram "independently," and will keep allowing uploads to third-party services.

Facebook's other recent buys include a load of patents from IBM, the staff behind a webcam eye-tracking software startup called GazaHawk, and the staffs from Momentus Media andCaffeinated Mind.

We'll fill you in on the details as we know more, but for now, here's the full announcement from Zuck's FB page:

I'm excited to share the news that we've agreed to acquire Instagram and that their talented team will be joining Facebook.
For years, we've focused on building the best experience for sharing photos with your friends and family. Now, we'll be able to work even more closely with the Instagram team to also offer the best experiences for sharing beautiful mobile photos with people based on your interests.
We believe these are different experiences that complement each other. But in order to do this well, we need to be mindful about keeping and building on Instagram's strengths and features rather than just trying to integrate everything into Facebook.
That's why we're committed to building and growing Instagram independently. Millions of people around the world love the Instagram app and the brand associated with it, and our goal is to help spread this app and brand to even more people.
We think the fact that Instagram is connected to other services beyond Facebook is an important part of the experience. We plan on keeping features like the ability to post to other social networks, the ability to not share your Instagrams on Facebook if you want, and the ability to have followers and follow people separately from your friends on Facebook.
These and many other features are important parts of the Instagram experience and we understand that. We will try to learn from Instagram's experience to build similar features into our other products. At the same time, we will try to help Instagram continue to grow by using Facebook's strong engineering team and infrastructure.
This is an important milestone for Facebook because it's the first time we've ever acquired a product and company with so many users. We don't plan on doing many more of these, if any at all. But providing the best photo sharing experience is one reason why so many people love Facebook and we knew it would be worth bringing these two companies together.
We're looking forward to working with the Instagram team and to all of the great new experiences we're going to be able to build together.

by http://gizmodo.com

5 Useful Google Chrome Extension for Bloggers

2012-04-09T09:37:00.000-07:00

You need more advanced tools to take benefits while blogging. You may need many online tools and stuffspromote your blog by blog commenting, bookmark and sharing. But, you feel easy when you use advanced tools to make your work more flexible. The popular browser plugins can help you to make your work faster and easy. Considering the busy bloggers, I have some useful Google Chrome Extension that can you use it while blogging. For now, it is only for Google Chrome users.

Check DoFollow or NoFollow

You many be more busy to comment on DoFollow blogs. But all of the blogs may not be DoFollow. To check weather the blog is DoFollow or not this extension is very important to you. It highlights only NoFollow links on any web page. If you found any links that is highlighted with red color, the you have to recognize that is NoFollow links. However, it doesn't highlight DoFollow links.

Read: HackTutors is Now DoFollow Blog!

Stumbleupon

We all know Stumbleupon is another great site to increase the blog traffic and organic visitors. If you are active stumbler you can get thousands of unique visitors per day. But, you always have to bookmark the page and start clicking thumbs up though Stumbleupon. By using this extension you can stumble any site that you like - If you found the interesting stuffs on the web, you can share it to Stumbleupon by one click.

AddThis - Bookmark, Email, Share, Translate

This is one of the advanced sharing plugins of Google Chrome. This extension allow you to share, bookmark, email and translate any page that you have found on the web. You can share the page to Facebook, Twitter, WordPress, Posterous, Instapaper, and 200 more. Also it translate the web page language to different popular languages.

WebPage Screenshot

If you write a review of any blog or website then this Chrome extension is very useful. You can capture any part of the web page. You can Save, Share, Print and Edit screenshots of any webpage. This plugins consists of drawing tools and sharing features. The format of the image is PNG and JPG.

AdBlock

This extension helps you to block the existing ads on the web ads like Google adsense or any PPC ads. The page with maximum ads doesn't irritate you in your work. This is the most popular Google Chrome extension.

These are some popular and useful Google Chrome extension that can help you to enhance your working power on the web. What actually is, I only collected the suitable extension from their plugin directory and shared it with you guy. You can get more awesome extension fromGoogle Chrome Extension Directory. If you found any useful plugins like I mentioned above, then let me know.

What Google Chrome extension do you mostly use and found it important?

Easy ways to Get Approved for BuySellAds.com

2012-04-09T09:35:00.003-07:00

Recently HackTutors get approved for BuySellads.com. BuySellAds is popular direct advertising methods which makes us easy to get advertiser and publisher as well.

I was trying to submit my blog many times but, they declined my application. Now, Finally I get approved for BuySellAds.

You must have one question in your mind, how do you get approved from BuySellAds.com easily? So, I have some simple tips to get approve from BSA.

Less than 100K Alexa rank also works!

According to BSA terms, you only can submit your blog if you have less than 100K Alexa rank. But, you can get approved your blog for BSA, even if you have more than 100K Alexa rank. So, you don’t have to do harder for your Alexa ranking. But, try getting more traffic.

Make your blog older

BSA will not approve if your blog is recent and just created. Your blog must be at least 3 months old. So, be patient for your new blog.

Try your own domain name

BSA will send ‘Your blog is declined’ message if you have not your own domain like .com .info or .net

Try to get your own domain instead of free service like blogspot.

Keep trying on

If you have submitted your blog to BSA and get ‘declined’ message, don’t think that you will not get approved in future as well. There are many chances to get approved by BSA in future. So, keep trying on until you get ‘approved’ email message.

Clean and customize your blog

BSA also views your blog cleanliness. So, make your blog simple and not to irritate your visitor by lots of links, ads and many pictures.

Make your fresh content

One thing that you have to do remember is “Content is King”. Try to make more unique content that can impress to all. Also you can post different article that we can’t find that in other’s site. Don’t copy any content from other’s site.

See my buysellads publisher page: http://buysellads.com/buy/detail/30763/zone/1249167

Now, I am expecting for advertisers. Need more progress :D

Do you know more facts or tips about BSA? Then share it to us freely :)

50 DoFollow Blogs to Increase your Page Rank

2012-04-09T09:35:00.000-07:00

The webmasters are mostly busy to increase the page rank of their initial website. Guest Posting, blog commenting and forum posting is famous way to made some positive change on your blog page rank. May be you're always busy to comment on other's blog. All the blog may not be DoFollow. Comparatively, dofollow blog commenting is more effective than nofollow.

Considering this, I have collected the 50 blog of the popular bloggers. Main objective is to be In Touch with bloggers. I asked them weather the blog is dofollow or not. Of course it covered half of the time for blogging by asking 50 bloggers about their blog. I've choose only dofollow blogs and listed here as follow:

HackTutors Author - It's me Anup!
TechFreakStuff Author - Rohit Sane
SmartBloggerz Author - Typhoon a.k.a Sushant (Advanced DoFollow blog)
TechChunks
CafeBlogger Author - Hieu Martin
TechnShare Author - Dev
FamousBloggers Author - Hesham
TechPatio Author - Klaus
Blogxic Author - FebapLiew
BlogWithWings Author - Joella Molson
Designer's Digest Author - Kelvin
EarningStep
NetChunks - Shiva Chettri
TechHamlet Author - Pubudu Kodikara
SocialTimes Author - Nick O’Neill
Blinkky Author - Blinkky
TechnBlogging Author - Sourav Das
Online Mareting Blog
Blogging Tips Author - Saksham Talwar
TheMallBlog
Stompernet
BloggerUniversity Author - Annie
TycoonBlogger Author - Dan Keller
WassupBlog Author - Aussie
BlogJer
Businessfinancemag
TechJaws
SEObythesea Author - Bill Slawski
Snoo Author - Alisha Paul
EdenDevelopment
BlueHatSEO
CostPerNews
OmnipotentPoobah Author - Omnipotent Poobah
WeBuildYourBlog Author - Andrew Rondeau
Wnagele
DesignAdaptations Author - Charity Ondriezek
DrownRadio
Ruski
FiberDreams
Zabadani Author - Hicham Elzabadani
Isuman Author - Suman
Growsmartmaine
DevilsLab
WallPaperStop
Kikolani Author - Kristi
PolyGeek
Danemorgan
PHPCafe
BarryWise Author - Barry Wise
Sirpi
Incsub
AZBlogTips Author - Tinh
Hiswat
ExtremeBackLinks Author - Poras Gupta
iTechGiz Author - Fahad
Everything about Blogging - Author - Mukund

Work hardly and be busy commenting on the blogs which I have mentioned above. Surely, Google consider your hard work and provide some positive reward for you. It means you can get blog popularity and make money from it! All the people looks for Page Rank and nothing else. I've done all these work for your walefare and rest of the thins are up to you.

Your blog is not mentioned here? Let us know your blog is DoFollow to mention in above list.

12+ tips to show your inner or older blog post to your reader

2012-04-09T09:34:00.002-07:00

Do you ever think, Why your old blog entries and your older article, post is most non viewed elements? Many of you start blogging with annoy identification. It doesn't matter but, this may hurt you after you have large number of blog post. So, you understand? You have to start blogging with entire known identification. Then you and your blog must be popular. This is the solution for the beginners. But, people who already done their work to their blog, What should they do?

You have a good content in your blog. And that content are not able to show to your reader, because that is inside and inside in your blog. So, here is some tips to show your good quality article inside your blog.

Placement of navigation bar on top: You should place some navigation menu bar to the top of your blog header with some link. Just don't forget not only link, it should be attractive to impress you loyal reader. And navigate to your blog post or different labels.

Random posts: Try to put a random post widget to your blog. This helps to your reader to see the random post whether, they are older or newer.

Removal of useless widget: If you have some useless widget to your blog, then try to remove it. Because your blog will be heavy and your loyal reader can't access your blog perfectly. If your reader click any other internal link of your blog post, then most of the visitor doesn't patience and get out from your blog or directly close your blog window.

Page navigation: You show place page number navigation widget to show exact number of your blog pages. Either, they can directly jump to your farthest blog post. And your older blog post will be reviewed. But, you have to ensure that your widget must be well designed and impressive.

Link to your older post: Time-to-time, you should link to your older blog post by the topic of current features. If you get some topic and you remember your older posts, the of course you can link to it to your post in your new article.

Search bar: Search form is equal important. Your reader can search whatever they want from your blog. They can found their topic and you also happy they also happy :)

Related post: You have to place related post widget to each blog post. And your older blog post can be viewed by your loyal reader. Try to place link not picture with thumbnail.

Contest management: It is very awesome way to redefine your old and new articles. For example, I just launched Top Commentator Contest and also I announced winner. See these links to see the contest result. You can get comment and get views of your older post. Reader try to comment more. In the path of commenting lots of visitors go to comment in your inner post.

Resolve the temporary issues: If your have commented in your inner post of your blog requesting to solve the problem of your blog or their issue then, don't be lazy. Immediately try to place your work in rest position and let's hear your reader's voice.

Commenting to others blog: If you find related article in others blog, the you can link to your blog with encouraging words like, We have same article!

Add rest of the widget: You can put rest of the linked widget to your blog like populat post, recent comments, most discussed, etc.

Keyword popularity: In the search engines, all the website article are searched in the basis of quality keyword. Any one can reach to your any post from the search engines. So, it is important to have quality keyword.

The above are my guess. You can added your own think and voice in this post. Just share your mind via comment. Feel free to take some action about this topic.

Floating page loading icon and text for blogger

2012-04-09T09:33:00.002-07:00

If your page is taking time to load, this may be the best solution to tell your reader to be patience. You have seen many animated loading icons in Facebook, Fire Fox tab, and anywhere else. The icon disappears when the page is completely loaded.For the dome look can look at here(see the top right corner). This tutorial may be easy to you but, it was difficult to make the script. Here is the tutorials how to add in your blogger blog.

Adding floating loading icon in your blog

It's simple, just you have to copy and paste script in your template code.

Go to layout and Edit Html. In your template section, find the the code <body>

Then, replace the tag <body> with the following code:

<body onLoad='init()'> <span id='loading' style='position:absolute; text-align: center; top:10px; right: 10px;'><img border='0' src='http://imgboot.com/images/anupviews/loading1.gif'/></span> <script> var ld=(document.all); var ns4=document.layers; var ns6=document.getElementById&&!document.all; var ie4=document.all; if (ns4) ld=document.loading; else if (ns6) ld=document.getElementById("loading").style; else if (ie4) ld=document.all.loading.style; function init() { if(ns4){ld.visibility="hidden";} else if (ns6||ie4) ld.display="none"; } </script>

Now you can see the loading animated icon in the top right of your blog and it will disappears when your blog is completely loaded.

Changing animated icon and text

You can change the animated icons with another image or text. You have to change the red colored URL with your image URL. I host the image in Imgboot. It is ultimate image hosting service. You can host with your own service. But, don't try to host it with blogger because the animated image will stop animating.

Here are some animated loading icon:

<img src="http://imgboot.com/images/anupviews/loading1.gif" border="0" />

<img src="http://imgboot.com/images/anupviews/loading2.gif" border="0" />

<img src="http://imgboot.com/images/anupviews/loading3.gif" border="0" />

<img src="http://imgboot.com/images/anupviews/loading4.gif" border="0" />

<img src="http://imgboot.com/images/anupviews/loading5.gif" border="0" />

And if you want to place text with animated icon, just type your text instead of image URL. Type the text link Loading, Please wait, Be patience or what ever you link.

These codes are not only for blogger, everyone can use who are involved in web designing and who have HTML parts.

Hope this help you. If you found any other animated icons you can share with me via comments :)

Blogger launched new Template Designer feature

2012-04-09T09:30:00.002-07:00

Blogger has recently launched a new template designer. This is one of the awesome feature of blogger. This new feature contains HTML/layout editing, Template designing and each and every color fonts customization. It has highly customizable stuffs. Now you can design your own template yourself with out knowledge of CSS.

This feature doesn't change any saves after you have designed and saved the template. You can customize each and every layout, background, text, color, fonts and widget placement.
Actually, it gives little benefit you. You will not have to place credit on your blog footer because the template is designed by yourself with entirely different layout. And also it increase your blogs loading speed.

See more about this feature in Blogger Buzz
This feature is now on blogger draft. It will placed on blogger main page on few days.

Using template designer

Log on to Blogger.com

Click layout tab and you will see a template designer tab.

And start customizing your template.

You can see the editing options on the left side of the page. Choose the sample template, and begin to edit background, layout. You can add CSS in Advanced option. You can see preview below the customization options.

Just try it out. You will like it. Design new template from this feature and provide it for free to blogger lover. So, start to designing templates. And don't forget to share your views. Do you like this feature?

Feel free to ask a question.

Older post, Newer post & Home links are not visible| Error solved!

2012-04-09T09:29:00.002-07:00

Updated: Blogger has solved the problem! here is the official blog of blogger to know recently news!
Auto pagination on blogger

Today I have dropped a problem in blogger basket. In my blog pager links i.e older post, newer post and home links was not visible. Don't know what's the real bug. These links are disappeared temporarily. I was worried about pageviews. I used page navigation instead of newer, older and home links. But, again it doesn't appeared.

Main error of pager links:

It is not visible or disappeared.
It is visible but not in right place.

I thought it is the problem of browser because it was not visible only on Fire Fox browser. And I try to updated my browser the, again that links were not visible. It appeared in Internet Explorer, Opera and other similar browsers. Those who use Fire Fox, they were not able to read other post of my blog.

Now today I exactly solve it! It was just a problem of one CSS line of code. That links are not displaying on line. It just needs a following code:

display: inline;

This is needed to display links in particular place. It is for IE bug but don't know why it is important for Fire Fox.

I think many of you have this kinds of problem including me :) So, why don't you follow the steps and solve it?

Log on to Blogger.com >> Layout >> Edit Html

Search for the following code:

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

And just make a look like this:

#blog-pager-newer-link {
float: left;
display: inline;
}

#blog-pager-older-link {
float: right;
display: inline;
}

#blog-pager {
text-align: center;
display: inline;
}

You just have to add display: inline; code to display exactly in line. The save the template and you're Done!

I have blogger/blogspot solved problem myself. Now I have known it is not too hard to solve the simple problems. Coding is like game!

If you have still some problem, you can freely share with me. And don't hesitate to give your thought via comment ;)

Blogger Help for Some of The Readers

2012-04-09T09:08:00.000-07:00

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 :)

Placement of Ads or Widgets below the post title in Blogger

2012-04-09T09:06:00.000-07:00

This post is specially for one of my reader. I have just received a comment from Sarvesh. He was asking about how to put the Google ads below the post title. This will give better ad revenue and this is one of the good placement of ads.

Admin
it will great if you show how to add ads in the post like you have in blogger i want to know it plz will u write a post abt it or tell me plz :)

I am glad to answer this question. Now have a look how to do this.

First log in to Blogger.com -> Layout-> Edit Html tab and Check Expand Widget Template.
Search for the following line of code:

<div class='post-body entry-content'>

If you haven't found above code, search for the following:

<div class='post-body'>

Got it? ok. Now you can add the widget (ads) code just below the above code. See the below example:

<div class='post-body entry-content'>
You ads Code Goes Here....

<div class='post-body'>
You ads Code Goes Here....

Replace the red colored text with your ad or widget code. If you get some problem like the ads or widget are show in home page also, you have to put some line of the code to show the widget in only one post page ( inside the page).

Replace the code which you have found above with:

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:left; margin-right:15px;'>
You ads Code Goes Here....(first ad)
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:left; margin-right:15px;'>
You ads Code Goes Here....(first ad)
</div>
</b:if>

Now, you will see your ads or widget are only inside the page. But don't forget to replace red text with your code.
Placement for second ad

The above one is first ad (left in position) . Now you can put second ad (Right in position). See the following example for details:

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:23px;'>
You ads Code Goes Here....(second ad)
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:23px;'>
You ads Code Goes Here....(second ad)
</div>
</b:if>

Updated

It may not work if you copy the ad code directly form adsense. You have to encode that html ads code. Do the following:
Copy & paste your ad code to following form and click Convert. Then copy the code after converting it & replace red text with the code which you have converted.

Post-Code: code converter

Gadgets powered by Google

And that's it. Hope it was clear. If you get some problem, you can frequently ask me :)
by hacktutors.info