TechFlaps | Waves of Technology

The Prizes:

1. 2000 Entrecredits + Review on GosuBlogger + Domain name + Celebrity e-mail
2. 1500Entrecredits + Link on GosuBlogger + Link on Template Footer + Celebrity e-mail
3. 1000 Entrecredits + Link on Template Footer + Celebrity e-mail

How to Enter:

• Write a review about this contest.
• Subscribe to Gosu feedburner via E-mail.

<data:post.title/>

<h2 class="CLASS_NAME"/>

<h3 class="CLASS_NAME"/>

<h2 id="ID_NAME"/>

<h3 id="ID_NAME"/>

THIS IS THE POST HEADER

CLASS_NAME

class="CLASS_NAME"

.CLASS_NAME

id="ID_NAME

#ID_NAME

background

THIS IS THE POST HEADER

padding

padding-left: 25px;

}

THIS IS THE FINAL POST HEADER

1. 10 Free Web Icon and Button Sets for Web Designers
2. Coquette Part 2 - Free Icon Set for Download

Add Digg Button To Your Blog Posts With More Options

EXISTING CODE / FINAL CODE IN THE PREVIOUS POST

digg_title

digg_window

digg_title

digg_window

digg_window

MODIFIED DIGG BUTTON CODE WITH ADDITIONAL FUNCTIONS

digg_window = "new";

digg_window = "";

1. First one is the Topic under which you want to submit the article. Before submitting an article in Digg, you need to select the appropriate Topic. Using this option inside our code might be a tricky one as most of the blogs publishes articles in diverse topics and we can only set a single topic for the whole blog.
   
   But if your blog articles comes under a single topic, say World News, then you can send this as the default topic of all the articles which are being digged by your readers. To enable this in your Digg button add a new line to the code which we modified above. Modify the code as given below.
   
   <div style="float:right; margin: 3px 3px;">
   <script type='text/javascript'>
   digg_url = "<data:post.url/>";
   digg_title = "<data:post.title/>";
   digg_window = "new";
   digg_topic = "World News";
   </script>
   <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
   </div>
   <p><data:post.body/></p>


2. Second one is the background of the Digg button. By default, the background color shown for a Digg button is white and this will not look good in a blog/site which is having a different background color.
   
   To change the background color or the Digg button change the code as given below and replace the BACKGROUND_COLOR with the color code of your blog/site background. For example, if the background of your blog/site is black, replace the BACKGROUND_COLOR with #000000
   
   <div style="float:right; margin: 3px 3px;">
   <script type='text/javascript'>
   digg_url = "<data:post.url/>";
   digg_title = "<data:post.title/>";
   digg_window = "new";
   digg_topic = "World News";
   digg_bgcolor = "BACKGROUND_COLOR";
   </script>
   <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
   </div>
   <p><data:post.body/></p>

2. RSS Feed Icons Wood Design

3. Blog Social Bookmarking Icons

Download [118 Downloads]

4. Social Web Buttons

Download [100 Downloads]

5. Silk Icons

6. Aquatics Social Icons

Download [212 Downloads]

7. On Stage Web Icons

Download PNG files + PSD Sources [159 Downloads]

8. WebDev Social Bookmark Icons

Download

9. Function Free Icon Set

Download [131 Downloads]

10. Free Developers Icons

Download [118 Downloads]

How to Change The Post Title Font Style

1. Go to Blogger Home


2. Click on Layout option for the blog and click on Edit HTML


3. Now check on the "Expand Widget Templates" check box at the top right corner of the HTML Editor.


4. Inside the HTML search for the piece of code as given below.
   
   <b:includable id='post' var='post'>


5. For almost all the blog templates the Title of the Post comes immediately after this. This is an <h2> element in 99% of the blogger blog templates. This should look like as given below.
   
   
   <h2 class='title'>
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link'>
   <data:post.title/>
   </a>
   ..............
   </h2>


6. In this case the class which defines the style for the post title is title as you can see in the line <h2 class='title'>


7. Now search for the word .title in your style sheet. Don't remember the .[dot] before the title as this helps you to get the class definition easily.


8. If you can't find anything like that in your style sheet don't worry. we will add a CSS Class of property with that name.


9. If you already have a class or id named title in your style sheet, you can edit it to change the font style. If the font styles are already defined, edit them as per your needs. The basic font styles used are font-family, font-size, font-weight, font-color.
   
   So, to have a title with color black, size 22pixels, of family Arial, Verdana or Tahoma, and which is bold, add the blow given piece of code in your title style definitions.
   
   .title{
   font-family: Arial, Verdana, Tahoma;
   font-size: 22px;
   font-color: #000000;
   font-weight: bold;/*replace bold with normal to make the font normal*/}
   
   OR
   #title{
   font-family: Arial, Verdana, Tahoma;
   font-size: 22px;
   font-color: #000000;
   font-weight: bold;/*replace bold with normal to make the font normal*/}


10. Save the Template