A Div Style

Your Xbox 360 credit card details Vulnerable to Hack | The Hacker News (THN)   Your Xbox 360 credit card details Vulnerable to Hack. THN Magazine and The Hacker News is Most Comprehensive resource in providing news related to Information Technology, Cyber security, infosec, Hack...  Your Xbox 360 credit card details Vulnerable to Hack. THN Magazine and The Hacker News is Most...

READ MORE - A Div Style

Example of Inline Style with Paragraph Tag and Img Tag (2)

Many businesses create a website to just follow the fashion as every one has these days and for many it might be an integral component of marketing strategy. The ones who are having websites for the purpose of marketing strategy, have to make sure that they go for redesigning their website, this time with the div tags. If we put the usage of div tags in simple words, it can be said that creation...

READ MORE - Example of Inline Style with Paragraph Tag and Img Tag (2)

Div Tag Floating an image to the right (Step 4)

Step 4 - Add a border To add a border to the image, use "border: 1px solid #666;". Again, Netscape 4 does not like this rule, so it should be hidden from the browser using "@import". Go to Step 5 → CSS CODE .floatright { float: right; margin: 0 0 10px 10px; border: 1px solid #666;padding: 2px; } HTML CODE <p> <img class="floatright"...

READ MORE - Div Tag Floating an image to the right (Step 4)

Div Tag Floating an image to the right (Step 3)

Step 3 - Add margin Margins can be added to push the content away from the left and bottom sides of the image. Netscape 4 badly misinterprets margins. To hide margins from this browser, but allow them to be applied by standards compliant browsers, place the margin rules in a separate style sheet and use "@import" to link the style sheet to your html page. We are...

READ MORE - Div Tag Floating an image to the right (Step 3)

Div Tag Floating an image to the right

Step 2 - Apply float: right to the image To force the image over to the right edge, "float: right" is applied to the image using a class selector. In this case, the name of the class is ".floatright" to help illustrate the point, but any name can be used. However, it is better to name classes based on their meaning, rather than their appearance. No width is needed in this instance...

READ MORE - Div Tag Floating an image to the right

Div Tag Floating an Image to The Right

Floating an image to the right Step 1 - Start with a paragraph of text and an image For this exercise, we want to force an image over to the right to allow the content to flow alongside it. We also want to add margins to the left and bottom sides of the image to push the content away. Finally, we want to add a border around the image. We start with an image sitting inside a paragraph...

READ MORE - Div Tag Floating an Image to The Right

How to Add Extra Gadget/Widget Section to Blogger Header

Let’s go one step forward and add an extra gadget section within Blogger header in new template designers. Within this gadget section you can add anything that you may want, for example, subscribe buttons, search box, Pages links list (navigation bar) or your AdSense ads.DemoIn previous tutorial I have told you How to resize Blogger header section which needs to be done first to give space for the...

READ MORE - How to Add Extra Gadget/Widget Section to Blogger Header

How to Resize Blogger Header to Logo Size

One of the drawbacks of Blogger is its header. When you are using text as your blog title, you will find that there is no problem but when you add an image or logo to the header portion instead of title and description or having description placed after the image from Layout > Page Elements tab, you will find that it’s not the logo but the whole header becomes clickable. So in this tutorial we...

READ MORE - How to Resize Blogger Header to Logo Size

Glowing Navigation with Jquery

Hi guys! Today, we will try to create Glowing Navigation Menu with jQuery for Blogger. Maybe this trick is almost similar with Hide Show Social Bookmarks with Hover. But, I think Glowing Navigation is better. Want to see the DEMO? OK, now if you want to try Glowing Navigation Menu with jQuery for Blogger, just follow the steps below.1. Log in to your blogger account2. Go to Design...

READ MORE - Glowing Navigation with Jquery

Spoiler Template for Spoiler

Template Style for Spoiler<code><div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Click here!</b>: <input value="View" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display...

READ MORE - Spoiler Template for Spoiler

Google Search Modifying Style

Google has updated their appearance, including their search box. I think this Search Box is very nice with some. So better for us to try create Cool Search Box with New Google Style. Below is the difference of the search box. New Google Search Google Search for Blogger OK, let's see the . Looks nice right? Now if you want to create cool search box with new google style, just follow the steps...

READ MORE - Google Search Modifying Style

Add Floating Spoiler Menu

Hi, guys! Now, we will try to add floating spoiler menu. This spoiler menu is difference with others. We don't need to click the button to display the menu. Just put your cursor on this menu, and the menu wil be slide out. Want to see the DEMO? Now, if you wanna add floating spoiler menu into your blog, just follow the steps below.1. Log in to your blogger account2. Go to Design --> Page Elements...

READ MORE - Add Floating Spoiler Menu