Selasa, 10 Agustus 2010

How to Embed RSS Feeds into HTML Web Pages – The Easy Way

embed rss feeds Q. Yugalkishore is looking for a simple solution to help him   embed RSS feeds from Reuters website into his HTML web pages.


A. While there are tons of scripts that convert RSS feeds into Javascript*, I recommend using Google Gadget Creator for adding feeds to web pages – it’s easy as well as customizable. *If you are looking for a non-Javascript solution, get one of these Flash based RSS widgets from Yourminis or WidgetBox. add-rss-website


Step 1: Copy the URL of that RSS feed to the clipboard (make sure you copy the location of the feed, not the website).


Step 2: Append the feed URL to this string-


http://gmodules.com/ig/creator?url=


Confused ? Let me illustrate that with a quick example. Say the RSS feed address is http://feeds.labnol.org/labnol, then our string becomes:


http://gmodules.com/ig/creator?url=http://feeds.labnol.org/labnol

Step 3: Open this new link in your web browser, adjust the dimensions of the gadget, change the border color and finally click "Get the Code" button.


<script src="http://gmodules.com/ig/ifr?url=http://feeds.labnol.org/labnol&amp;synd=open&amp;w=320&amp;h=200&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>

Place this Javascript code anywhere in your web page where you want the RSS items to be displayed. Your site visitors can now scan the Reuters news headlines without leaving your website.

READ MORE - How to Embed RSS Feeds into HTML Web Pages – The Easy Way

Free Website Building Tools That Are Good Replacements for Google Page Creator

Google Page Creator AlternativesGoogle Page Creator is awesome – anyone can build a good looking website in minutes using the built-in templates or they can write pages externally (say in Dreamweaver) and upload them to Creator. And everything is free – there are no ads on your pages and Google takes care of all the web hosting bills. But as they say, all good things come to an end, and so is Google Page Creator getting replaced by Google Sites.

Compare Google Sites with Google Page Creator

While Google Sites and Google Pages have common feature (like the WYSIWYG AJAX editor), they are still quite different. For instance, you can’t upload HTML pages to Google Sites and are therefore limited to using one of the built-in themes for your site design. The second issue is that if you make a Google Site public, the associated ‘site activity log’ also becomes public – most website publisher will have reservations sharing this data with unknown visitors. Lastly, all external hyperlinks are ‘nofollow’ if that means anything to you.

Free Alternatives to Google Page Creator


Here’s a roundup of some website building services that are free and non-technical.

1. Office Live Small Business -While the name may suggest that the service is only for small business owners, just about anyone can create their website here.



office live website 


Website Builder inside Office Live Small Business


Office Live is easy and filled with goodies – you have tons of professional web templates and color themes to choose from, there’re ready-made modules for common tasks like web forms, photo galleries, live maps,  email newsletters, etc. plus you can also upload office documents to the website. Everything is free including web hosting and server space. See a sample site.



2. Weebly – This is powerful but very user friendly and easy web page builder where you start with a blank canvas and build the page by dragging elements that include text, videos, pictures, maps and more.



weebly-editor


Geeks can write their own HTML and add them to Weebly pages. There’s support for Google ads as well so you can even monetize sites created inside Weebly. Another advantage – site publishers download their full site with pictures and CSS as a zip file. Free users gets 100 MB of free storage space and there’re no bandwidth limitations. See sample site.



3. Snap Pages – This is Flash based website editor that is very beautiful and may be a perfect place if you looking to create a small website for sharing some photos and your calendar. The options are slightly limited for non-premium users as they can’t create new pages. See sample site.



snap pages 



4. Edicy Pages – It’s a new website creation tool that is just perfect for the techie crowd who wants more control over their site layout. Start by picking a design from the template gallery and then you may completely change the look and feel of your site by editing the blog template similar to WordPress themes or Blogger template. It also supports JavaScript code and like Google Sites, Edicy tracks all changes made to a site. See example site.


 edicy


5. Synthasite – This is again an easy yet very powerful tool for building websites but unlike competition, Syntasite is completely free. Images uploaded to Synthasite can be diretly edited in Picnik just like you have in Flickr. The tool also lets you embed Google AdSense ads in web pages much like Weebly. See example site.


 syntasite


Some more site builders worth checking out are WebOn, WebSketch, Viviti, Wix and Webs.


Source :http://www.labnol.org

READ MORE - Free Website Building Tools That Are Good Replacements for Google Page Creator

Minggu, 08 Agustus 2010

Change Older Post And Newer Post Link With Images Blogger

Change Older Post And Newer Post Link With icons or images in Blogger is very nice trick to make your blog look very beautiful.As it make your blog look more beautiful than before if you are using good icons to be get replaced with older post or newer post or home link.Today i will tell you how easy it is to hide those links and place your any image you like.
These are the links below pointed by arrows to be get replaced in picture which i was talking about.



Now how to change these links with icons is very easy.
Got to LAYOUT > Edit HTML > Expand Widgets
Now follow these steps to replace codes :-


Find the code in red lines and replace them with lines in green following each red line-

1.<data:newerPageTitle/>
Replace with
<img src='http://bandofgirls.googlepages.com/Newer_post_icon.png'/>

2.<data:olderPageTitle/>
Replace with
<img src='http://bandofgirls.googlepages.com/older_post_icon.png'/>

3.<data:homeMsg/>
Replace with
<img src='http://bandofgirls.googlepages.com/home_icon.png'/>


Please Host these images to your hosting image service and change these urls with yours as they may exceed bandwidth.


Now preview it . If its Ok
You can save your template.
How the links will appear after changing these codes -

I hope you will like these trick and icons for sure and its an advice to please host these images to your server.

READ MORE - Change Older Post And Newer Post Link With Images Blogger