Jqury Tutorial

04 Nov 2010

The last two drop down menu tutorials on this blog use background images in the menu-tabs...

Read More

CSS Tutorial

10 May 2012

Today I am going to tell you how to change opacity (transparency) of the image and add image hover ...

Read More

Blogger Widgets

06 Nov 2010

Google Buzz is a great social tool which is very similiar to Twitter and Facebook. It's a wo...

Read More

SEO

Recent Posts

How we can download the Original size of Picture or photo from facebook

15 May 2012

Hy Guys this me Shaan Ali Choudhry; Many people ask me about this question How we can download the Original size of Picture or photo from facebook.? While we are save as its saved in small size.Here is is a unique Tutorial which is very easy to learn how to download image from faceb...

How to Add Meta Tags and Blog Description to Blogger Blogspot

13 May 2012

Meta tags are very helpful for search engines to find your site. Actually they describe your site. You can add meta tags to blogger blogs too. Here is step by step on how to add meta tags to blog spot blogs. 1. Login to your blogger account 2. Go to Blogger Dashboard – Design – and cli...

How to Disable Facebook Timeline App-Bloger Tricks

11 May 2012

Facebook timeline is a great way of displaying your old photos, memorable posts and apps with your friends and family. This feature changes your entire Facebook Profile layout into a more attractive look. today I am sharing the tutorial on how to completely remove the timeline app from yo...

How to Show HTML and JavaScript Codes within Blogger Posts

10 May 2012

While writing my blog posts for my readers I noticed that every time I use "<" or ">" signs to show JavaScript or HTML codes and snippets within my Blogger post editor in "Edit HTML" mode, it's not visible. This happens because Blogger post editor recognizes it as snippets...

Highlight Text In Posts Through Colored HTML Text Boxes

0 Comments


By highlighting specific regions of your post/article, you make it easier for your readers to understand the post in a better way. Although in Blogger, you can tweak the quote boxes (like the gray boxes, I use in my blog to show HTML codes), but as it is done directly in the template of the blog, so it will be applied to the whole of your blog, and therefore the boxes will have same appearance every time you use them anywhere in the blog.
So here's another easy method through which you can control and change all the settings like background color, text color size, font style etc. every time you use these boxes:
An example:

The Best Way To Make Your Dreams,
Come True Is To Wake Up.

To display a similar box in your blog, use this code:

<div align="center">
<div style="background-color: #cccd94; border: 1px solid black; font-family: sans-serif; font-weight: bold; padding: 10px; text-align: center; text-transform: capitalize; width: 300px;">
<i>The Best way to make your dreams,
come true is to <span style="color: blue; font-weight: bolder;">wake up.</span></i></div>
</div>
You can adjust the colored parts in the code to match your blog and requirements.

You may also like to read this post:













Your Ad Here




More Tools

www.ShaanAli.info







Email Subscription
Stay Updates with this Blog. You can get the new posts on your mailbox. To subscribe through email,Enter your Email here:


Don't forget to confirm your email subscription.

Drop your comments Complaints Required Question In the Comments Box we Will reply you with in 24 hours