TechFlaps | Waves of Technology

• 3 column theme with separate top sidebar block and bottom sidebar with split 2 widget sidebars
• Theme Option to control your font style, featured category and front page post control (full content or excerpt content)
• 6-8 ad space for 125 x 125 banner advertisement to generate aside income from your advertising
• top header 728×90 skyscraper banner *optional - you can replace it with google AdSense
• 300×250 ad banner compatible in sidebar
• Bottom left post content to featured 2 parent category from your archive
• Sidebar featured category with custom field and auto excerpt
• Custom Category Page With Inline Left Custom Image
• Archives page and sitemap page included

• Top Ad Space : 728X90 large advertisement space at the top. you can either include some ads of can place some images there.
  
  



• Label Cloud : Code which shows Label Cloud already included.
  
  



• Top Menu : Stylish top menu.
  
  
  
  You can Add/Delete or Edit links in this menu. Just look for the below given code and edit it as you want.
  <div id='navigation'>
<ul class='top-page'>
<li id='home'>
<a href='/' title='Home'>Frontpage</a>
</li>
<li class='page_item page-item-2'>
<a href='http://bloggerweb20templates.blogspot.com/' title='About'>About</a>
</li>
<li class='page_item page-item-9'>
<a href='http://bloggerweb20templates.blogspot.com/' title='Page 1'>Page 1</a>
</li>
<li class='page_item page-item-10'>
<a href='http://bloggerweb20templates.blogspot.com/' title='Page 2'>Page 2</a>
</li>
</ul>
</div>



• Sociable Links : Stylish and cool sociable links added at the bottom of each post for users to bookmark and discuss the blog posts.
  
  



• RSS Feeds Section : Attractive RSS Feeds Subscription section which allows you to show off your feed circulation and let readers subscribe for the Feeds.
  
  
  
  To edit this section look in the code for the following piece of code.
  
  <div id='rssbox'>
<p id='subs'>Subscribes To Our Rss Feeds</p>
<p><a href='http://feeds.feedburner.com/BW20T'>Feeds Via Readers Feed</a></p>
<p><a href='http://feeds.feedburner.com/BW20T'>Feeds Via Email Subscriptions</a></p>
<p>
<a href='http://feeds.feedburner.com/BW20T' style='height: 25px;'>
<img alt='' src='http://feeds.feedburner.com/%7Efc/BW20T?bg=F1F1F1&fg=444444&anim=0' style='border: 0pt none ;' width='88'/></a>
</p>
</div>
  
  Once found change the part in the code in BOLD to make the feed links pointing to your blog.



• Space for 125X125 Ads : Space for popular 125X125 ads in the sidebar. By default there are 6 Ad spaces for 125X125 ads.
  
  
  
  You can always increase or decrease the number of ads in this space.Just look for this piece of code adn edit it to include the ads.
  
  <div class='sidebar-ads2'>
<h3>Sponsors</h3>
<a href='/'><img alt='ads' border='0' src='http://i344.photobucket.com/albums/p340/codebreeze/TimelineDigest/125ad.png'/></a> <a href='/'><img alt='ads' border='0' src='http://i344.photobucket.com/albums/p340/codebreeze/TimelineDigest/125ad.png'/></a> <a href='/'><img alt='ads' border='0' src='http://i344.photobucket.com/albums/p340/codebreeze/TimelineDigest/125ad.png'/></a> <a href='/'><img alt='ads' border='0' src='http://i344.photobucket.com/albums/p340/codebreeze/TimelineDigest/125ad.png'/></a> <a href='/'><img alt='ads' border='0' src='http://i344.photobucket.com/albums/p340/codebreeze/TimelineDigest/125ad.png'/></a> <a href='/'><img alt='ads' border='0' src='http://i344.photobucket.com/albums/p340/codebreeze/TimelineDigest/125ad.png'/></a></div>



• Customized Comments Block : Very stylish and eye catching comments block will make your readers to leave a comment.
  
  

PLEASE TRY TO REHOST THE TEMPLATE CSS IMAGES TO YOUR PREFERRED IMAGE STORAGE AS THE IAMGES STORED BY USE MIGHT GET DELETED ANYTIME.

Good luck and I hope you find my free templates useful!

• Three columns with 2 right sidebars


• Good design with magazine style


• Built-in RSS feed and Email Subscription links


• Nice top navigation bar


• Customized comment box


• Different list style on widgets


• Adsense ready (468×60 banner, 200×200 square)

HELP

1. Go to Blogger Home


2. Go to Layout >> Edit HTML


3. Find the below given piece of Code
   
<h1><a expr:href='data:blog.homepageUrl'>Personal Mag</a></h1>
<h2>Blogger Template by ThemeLib.com</h2>


4. Change the parts highlighted [in red] to include the blog header and description.

1. Go to Blogger Home


2. Go to Layout >> Edit HTML


3. Find the below given piece of Code
   
<li><a href="http://blogger.com">Blogger</a></li>

<li><a href="http://themelib.com">ThemeLib</a></li>

   You can Change/Remove or Add more links as you wish.

1. Go to Blogger Home


2. Go to Layout >> Edit HTML


3. Find the below given piece of Code
   <div id='rss'>
<p class='first'>
<a href="http://feeds.feedburner.com/ThemeLib">Subscribe to Rss feed</a>
</p>

<p class=’Second’>
<a href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2136690">Subscribe to the feed via E-mail</a>
</p>
</div>
   Replace http://feeds.feedburner.com/ThemeLib with your blogs feed address

1. Go to Blogger Home.


2. Click on the "Layout" link for the blog.
   
   


3. Make sure you are in the "Page Elements" part. By default this will be selected.
   
   


4. Decide on where you want to put your widgets on (ideally this will be on the sidebar part) and click on "Add a Page Element" link. A pop-up window is opened, and choose a Feed element (comes in the middle of the pop-up window) then click "Add to Blog".
   
   


5. Fill in your Feed address for the content [ Post Comments ] in the space provided
   
   


6. You can change the Title, number for comments/posts displayed, show the published date or the author if needed and then click Save.
   
   


7. Finished

• XML - A raw XML feed
• HTML - A simple HTML display of the scraped data
• RSS - A RSS Feed
• Alert - Sends an email alert whenever the data on the page changes.
• Email - Emails the data to any email address
• Google Map - Creates a Google map with any address data from the data source.
• Google Gadget - Creates a gadget to place on your Google homepage
• Image Loop - Creates a scrolling display of all the images in the data feed
• JSON - A JSON datafeed that you can utilize directly in your javascript apps
• Link to Another Dapper - Allows you to use data from one Dapper in another Dapper

• BBC Style Header Ticker : Display a dynamic, stylish BBC style header for your blog.
  
  
  
  To make this happen follow the steps.
  
  
  1. Go to Blogger Home
  
  
  2. Go to Layout >> Edit HTML
  
  
  3. Search for this piece of code in our blog code.
  
  
  <div id='ticker'>
  <ul id='popular'>
  <li><a href='/'>WEB 2.0 BLOGGER TEMPLATES...........</a></li>
  <li><a href='/'>Cool blogger templates for you</a></li>
  </ul>
  </div>
  
  
  4. Replace WEB 2.0 BLOGGER TEMPLATES with your Blog Name
  
  
  5. Replace Cool blogger templates for you with your Blog Description
  
  
  6. Save.
  
  
• Header Images Component : This feature also uses jQuery platform + Easynews plugin to show different header images for your blog. The component supports all kind of HTML code, so you can put pictures or any other data that you want in the news items. Your site visitors can scroll through the news experiencing a smooth javascript transition.
  
  


• Support for Advertisements : The theme also has support for 125×125 ads right in the middle section (hottest area of a website according to Google Heat Maps). These banners are also controlled by modifying a single file in the theme.
  
  
  Search for these codes in your template code:
  
  <div align='center' id='ads'>
  <div class='ad125'><img alt='Advertisement' src='http://i288.photobucket.com/albums/ll161/templatehell/images/tb/ad.gif'/></div>
  <div class='ad125'><img alt='Advertisement' src='http://i288.photobucket.com/albums/ll161/templatehell/images/tb/ad.gif'/></div>
  <div class='ad125'><img alt='Advertisement' src='http://i288.photobucket.com/albums/ll161/templatehell/images/tb/ad.gif'/></div>
  <div class='ad125'><img alt='Advertisement' src='http://i288.photobucket.com/albums/ll161/templatehell/images/tb/ad.gif'/></div>
  </div>
  
  And replace
  
  <img alt='Advertisement' src='http://i288.photobucket.com/albums/ll161/templatehell/images/tb/ad.gif'/>
  
  with the code for 125 X 125 ads for your blog.


• Comments & Trackbacks : The comments and trackbacks in this theme are tracked separately so it will be easy for the website administrator to follow up on both of them.
  
  


• Social Bookmarking Icons : A stylish division for social bookmarking icons had been included at the end of each post to allow users to bokmark the story.
  
  


• Design & Layout : Unique Web 2.0 Design with crisp colors and layout. A nice RSS Feed icon has also been added for your viewing pleasure.
  
  



• Convenient Vertical Menu : Strategically placed vertical menu makes the navigation easy and effective.
  
  


• Noticable & Stylish Date Header : Different date header for your posts whichs is different from the normal Blogger Date Header. Please take care that you need to change the date format. For this follow the steps.
  
  
  
  STEPS :
  
  1. Go to your Blogger Central and then go to Layouts->Page Elements
  2. Click on EDIT button on the BLOG widget.
  
  3. Change the date format as shown in the image. [DD[space]MONTH[space]YEAR]
  

Good luck and I hope you find my free templates useful!

• Services, not packaged software, with cost-effective scalability
• Control over unique, hard-to-recreate data sources that get richer as more people use them
• Trusting users as co-developers
• Harnessing collective intelligence
• Leveraging the long tail through customer self-service
• Software above the level of a single device
• Lightweight user interfaces, development models, AND business models

• Open data formats


• No data lock-in or walled gardens


• User created data


• User owns their own data


• Ability to use data outside the confines of the application


• Data used across devices

• Easy to use


• Pleasurable to use


• Build social networks


• Rich user interface


• Functions like a traditional application

• Open data through API's and web services


• RSS


• Ajax


• Web Standards (DOM Scripting, XHTML, CSS)

References
What is WEB 2.0? - By Tim O'Reilly
What is WEB 2.0? - By Richard MacManus
WEB 2.0 - By Paul Graham

1. Sign-up and download Loopt to your mobile phone.


2. Use the codes to invite the artists you want to follow. (ex: 000-000-0001)


3. Invite your friends so everyone can Follow the Music (and each other!)

ADD DIGG BUTTON TO YOUR BLOG POSTS

1. Go to Blogger Home
2. Select the Blog
3. Go to Layout >> Edit HTML [When you click on Layout, by default Blogger will take you to the Page Elements ]
4. Make sure that you download the current template and copy it in your local system. You will be able to revert back to the original template if something wierd happens.
5. Make sure that you have selected the Expand Widget Templates check box. This appears above the top right corner of the HTML Editor.
6. Now Search for this line of code
   
   1. Normally in almost all the templates you will be able to find this piece of code.
      
      <div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/>
      </div>
      
      
   2. If you can't find this whole piece of code search for this piece of code
      
      <data:post.body/>


7. Now copy the code exactly as given below
   
   <div style="float:right; margin: 3px 3px;">
   <script type='text/javascript'>
   digg_url = "<data:post.url/>";
   </script>
   <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
   </div>
8. And paste it above the line : <data:post.body/>
9. Now your code should appear like given below.
   
   • If you followed STEP 6.1, then the resulting code will be
     
     <div class='post-body entry-content'>
     <div style="float:right; margin: 3px 3px;">
     <script type='text/javascript'>
     digg_url = "<data:post.url/>";
     </script>
     <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
     </div>
     <data:post.body/>
     <div style='clear: both;'/>
     </div>
     
   • If you followed STEP 6.2, then the resulting code will be
     
     <div style="float:right; margin: 3px 3px;">
     <script type='text/javascript'>
     digg_url = "<data:post.url/>";
     </script>
     <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
     </div>
     <data:post.body/>
     


10. Save your Template. Click on the Save Template button at the bottom right corner of the HTML Editor
11. The digg button as the one that is shown in the left side of each of the posts in my blog will be shown at the top of each post (after the heading) in your blog!