Wednesday, December 24, 2008

Wowzio, solutions create widgets for your blog.

Perhaps you have any questions as this:

Looking for photo slideshow for your blog?
Looking for Traffic Feed widget for your blog?
Tired of adding photos to flickr or picasa to embed into your blog?
Want to share your posts feed to other blogs?
Looking for attractive tag cloud?
Want to change your widgets color,layout,size,rows and colomns?

If you say "Yes" to any one of the above question ...www.wowzio.com is the solution for your problem.

So adding images of my previous posts could help me in solving this problem, then i tried yahoo's flickr and googles picasa online image hostings where it has got good widgets to embed all the images to my blog.

Luckily i found a wonderful website www.wowzio.com ,which is widget creator for your blogs.
Wowzio has rolled out a scalable widgets platform which is offered for FREE to bloggers for personal use.
Just by giving my blog url it shows all my blog posts randomly and no need to update every day.

Only thing you need is your blog/website should be rss/atom enabled.(not sure whether your blog is rss/atom enabled ?? just create your own blogs rss feeds by your Google account from www.feedburner.com...its free of cost )

Most amazing things that i liked with wowzio is it has got most popular widgets that are very essential for your blogs or website to attract users and stay for long time.
»»  read more

Friday, December 19, 2008

Opera browser 9.63

Opera 9.63 features

1. Feed Preview.
Preview a Feed by clicking on the feed icon, and you will see it in clean and efficient multiple-column layout.
This makes it easier to see a feed’s content before subscribing to it — or even bookmarking it — and to view what's new in a page quickly, without distractions.

2. Opera Link

Opera Link lets you synchronize data of your choice online, or among different computers and devices. Sync your Speed Dial, Bookmarks, Custom Searches, History and Notes between your work and home computer; take your bookmarks with you on your phone.

3. Quick Find

Have you ever forgotten the page where you found that great article or that perfect gift? When using Opera, the browser remembers not only the titles and addresses, but also the actual content of the Web pages you visit

4. Opera Mail

Opera browser offers an e-mail client designed to optimize your daily e-mail-handling requirements. It is called Opera Mail, and it organizes, indexes and sorts your messages so that you can spend more time doing the real work. Best of all, it is built right into your browser.

5. New browser engine

We have made the fastest browser in the world even faster with superior support for Web standards. Opera is quicker to start, faster at loading Web pages and better at running your favorite Web applications.

6. Quick and customizable Web search

Get quick access to Google, eBay, Amazon and more with the search field in the upper right corner. Or, for even quicker searching, search directly in the address bar using built-in and customizable keywords. For example, type "g Opera" in the address bar to search for “Opera” with Google. You can also create your own Web search from any search field on the Internet, simply by right clicking on a search field and choosing “Create Search”.

Existing Top Features

1. Speed Dial

Typing addresses for sites you visit frequently is ineffective. Get your favorite Web page with just one click. Speed Dial is a set of visual bookmarks you see when you open a new tab, like a dashboard for your online life. To add a new page, simply click on an empty Speed Dial slot, and Opera will make suggestions based on browsing history and bookmarks.

2. Mouse Gestures

With Opera you can navigate the Web with your mouse. A mouse gesture is performed while clicking and holding the right mouse button and moving the mouse in an easy pattern. Perform movements with the mouse to access well-known functions such as Back, Forward and Open New Tab. As with Opera's keyboard shortcuts, mouse gestures are fully customizable, so you can tailor them any way you want.

3. Download Manager with BitTorrent

Download files quicker with Opera. Opera starts downloading as soon as you've saved the file, so there's no wasted time. Pause and resume downloads with the push of a button, and choose multiple files to download simultaneously without any fuss. Opera also features built-in support for the social file distribution protocol, BitTorrent, which makes it easy to download Torrent files without the need for a separate application.

4. Tabs and Sessions

Opera is very light on your computer, so it's possible to have many tabs open at once. Drag and drop tabs around to change their order, or get a preview pausing over them with your mouse. You can even save a session of tabs for later, making it easy to pick up where you left off.

5. Content blocking

Block images, pop-ups, and plug-ins you don't want . Right-click and choose "Block content" to selectively disable annoying elements. To make Web pages load faster, or to avoid offensive content, temporarily turn off images by pressing the image button. In Opera, smart pop-up blocking is turned on by default.

6. Zoom and Fit to width

Is it difficult to read the content on a page? Use Opera's Zoom button in the lower right corner to resize Web pages. If the page is too wide for your screen, simply hit "Fit to Width" and Opera will resize the Web page so you avoid horizontal scrolling.

7. Customize your browser

Opera is easily customizable. Choose among hundreds of skins and setups, add or remove buttons, toolbars, or change the entire layout of the browser. It is easy to do ... or undo.

8. Add a Widget to your life

Widgets are small Web applications (multimedia, news feeds, games and more) that make your desktop experience more fun and useful. Use the Widgets menu to discover new widgets and access your favorites. Visit widgets.opera.com to learn more.

9. Stay safe with new Fraud Protection and EV

Not all Web pages are what they say they are. In Opera, Fraud Protection is enabled by default, automatically detecting and warning you about fraudulent Web sites. Fraud Protection is powered with phishing information from Netcraft and PhishTank, and Malware protection from Haute Secure. Malware is malicious software hidden throughout the Web. In addition Opera support Extended Validation certificates (EV). This provides added assurance and trust for secure Web sites.

Download : http://www.opera.com/browser/download/
»»  read more

Wednesday, December 17, 2008

Make Tabview with YUI

Sharing this time, I want to share the experience step by step how to create Tabview with YUI. Results from this sharing, which is tabview in this blog.

Step by step how to make:

1. Add the code below before : ]]></b:skin>

/* tabview sharingpost*/

* {
margin: 0;
padding: 0;
}
body {
font:x-small Georgia Serif;
}
p {
font-size: 1.5em;
margin-bottom: 10px;
}

a {
text-decoration: none;
}
a:hover {
color: #990000;
}

h2 { font-size: 1.5em; }

.clear {
clear: both;
}

#page-wrap {
width: 600px;
margin: 20px auto;
}
#content-explorer {
padding-top: 10px;
width:100%;
line-height:normal;
}
#content-explorer ul {
padding: 10px 10px 0;
list-style: none;
max-width: 640px;
border-bottom:1px solid #fff;
height: 31px;
}
#content-explorer ul li {
float: left;
background: #fbe0c5;
border-top:1px solid #fff;
text-align: center;
overflow: hidden;
margin-left: 5px;
}
#content-explorer ul li a {
display: block;
background: #fbe0c5;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
padding: 10px 20px 6px 20px;
font-weight: bold;
color: #999;
}
#content-explorer ul li a:hover {
color: #990000;
}
#content-explorer ul li.selected {
background: #fad00d;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
}
#content-explorer ul li.selected a {
background: #71572a;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
padding-bottom: 8px;
color: #ffffff;
}
div.yui-content {
overflow: auto;
background: #71572a;
border-bottom: 1px solid white;
border-right: 1px solid white;
border-left: 1px solid white;
padding: 15px;
}

2. Add the code below before : </head>

<script src='http://yui.yahooapis.com/2.5.0/build/yahoo-dom-event/yahoo-dom-event.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.5.0/build/element/element-beta-min.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.5.0/build/connection/connection-min.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.5.0/build/tabview/tabview-min.js' type='text/javascript'/>


3. Add the following code in the page elements or <body>:

<div id="page-wrap">

<script type="text/javascript"> var myTabs = new YAHOO.widget.TabView("content-explorer");</script>

<div id="content-explorer">

<ul class="yui-nav">
<li class="selected"><a href="#">
Title1</a></li>
<li><a href="#">Title2</a></li>
<li><a href="#">Title3</a></li>
<li><a href="#">Title4</a></li>
</ul>

<div class="yui-content">
<div>
<p>additional text</p>
<a href="#">Text1</a>
<br/>
<a href="#">text2</a>
<br/>
additional text & URL
<br/>
<br/>
<center><p>additional text </p></center>
</div>
<div>
<p>additional text</p>
<a href="#">Text1</a>
<br/>
<a href="#">text2</a>
<br/>
additional text & URL
<br/>
<br/>
<center><p>additional text </p></center>
</div>
<div>
<p>additional text</p>
<a href="#">Text1</a>
<br/>
<a href="#">text2</a>
<br/>
additional text & URL
<br/>
<br/>
<center><p>additional text </p></center>
</div>
<div>
<p>additional text</p>
<a href="#">Text1</a>
<br/>
<a href="#">text2</a>
<br/>
additional text & URL
<br/>
<br/>
<center><p>additional text </p></center>
</div>
<div>
<p>additional text</p>
<a href="#">Text1</a>
<br/>
<a href="#">text2</a>
<br/>
additional text & URL
<br/>
<br/>
<center><p>additional text </p></center>
</div>
</div>
</div>
</div>


Please add the URL or the inclination according Image
You can view the source code of this blog to see variations from the text or URL

Congratulations to try
»»  read more

Thursday, December 11, 2008

Have You Tried Blogsvertise Yet?

Blog AdvertisingIn order to get started with blogsvertise you must register your account and blog with our service.
If you do not have a blog, please visit this page for our list of recommended free blog sites. Once your account and is submitted , an administrator reviews your site for quality assurance purposes and will approve or reject your account. Please Read our rules for more information on what is allowed/not allowed.

Once your account is registered you will then add your blogs for review and approval. Once approved by the administrator your blogs are inserted into the assignment queue, where you will then be emailed tasks/new assignments to write about in your blog. Please read our rules At that point you should login to see the user service and how it works.

When the task assigned to you, You will be emailed a website url along with a brief note. Your task will be to mention the website in your blog and provide at least 3 links to the website in your blog entry. Your entry must be permanent and should not be deleted in the future. Note: You do not have to endorse the website's products or services, just mention it, discuss it, or relate to it somehow in your blog/journal entry.

After you have written your blog entry, you will need to submit the blog entry back to us for review and approval via our online forms. We will again review your entry for approval. Once your blog entry is approved , you will be paid after 30 days for your entry via paypal. You must have a paypal account in order to be paid.


Refferensi by Blogsvertise
»»  read more

Tuesday, December 09, 2008

Create a Tab View

Try to see the tabview at the top, under this step by step how to make

1. After you log in bloggers, and then enter the layout and edit the HTML.

Remember, we do not have to sign on the "Expand Widget Templates"
Add the code below before ]]></ b: skin>

/* tabview Modify by nataludin */
* {
margin: 0;
padding: 0;
}
body {
font:x-small Georgia Serif;
}
p {
font-size: 1.5em;
margin-bottom: 10px;
}
a {
text-decoration: none;
}
a:hover {
color: #990000;
}
h2 { font-size: 1.5em; }
.clear {
clear: both;
}
#page-wrap {
width: 600px;
margin: 20px auto;
}
#content-explorer {
padding-top: 10px;
width:100%;
line-height:normal;
}
#content-explorer ul {
padding: 10px 10px 0;
list-style: none;
max-width: 640px;
border-bottom:1px solid #fff;
height: 31px;
}
#content-explorer ul li {
float: left;
background: #fbe0c5;
border-top:1px solid #fff;
text-align: center;
overflow: hidden;
margin-left: 5px;
}
#content-explorer ul li a {
display: block;
background: #fbe0c5;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
padding: 10px 20px 6px 20px;
font-weight: bold;
color: #999;
}
#content-explorer ul li a:hover {
color: #990000;
}
#content-explorer ul li.selected {
background: #fad00d;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
}
#content-explorer ul li.selected a {
background: #71572a;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
padding-bottom: 8px;
color: #ffffff;
}
div.yui-content {
overflow: auto;
background: #71572a;
border-bottom: 1px solid white;
border-right: 1px solid white;
border-left: 1px solid white;
padding: 15px;
}


2. Then add this code before </ head>

<script src='http://yui.yahooapis.com/2.5.0/build/yahoo-dom-event/yahoo-dom-event.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.5.0/build/element/element-beta-min.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.5.0/build/connection/connection-min.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.5.0/build/tabview/tabview-min.js' type='text/javascript'/>


3. Then add this code in the <body> or on the Page Elements

<div id="page-wrap">
<script type="text/javascript">
var myTabs = new YAHOO.widget.TabView("content-explorer");
</script>
<div id="content-explorer">
<ul class="yui-nav">
<li class="selected"><a href="#">tab1</a></li>
<li><a href="#">tab2</a></li>
<li><a href="#">tab3</a></li>
<li><a href="#">tab4</a></li>
<li><a href="#">tab5</a></li>
</ul>

<div class="yui-content">
<div>
your text here (tab1)
</div>
<div>
your text here (tab2)
</div>
<div>
your text here (tab3)
</div>
<div>
your text here (tab4)
</div>
<div>
your text here (tab5)
</div>
</div>
</div>
</div>


Note: To Width adjust your template
»»  read more

Friday, December 05, 2008

Making CSS Vertical Navigation Menu

Let's learn-sharing in the CSS. This time I try to encourage the sharing of how to create CSS Vertical Navigation Menu.

Step by step how to create CSS Vertical Navigation Menu is as follows:

1. copy the code below:

/ * Extra-menu * /

#menu {
width: 200px;
margin: 10px;
}

#menu li a {
height: 32px;
voice-family: &quot;\&quot;}\&quot;&quot;;
voice-family: inherit;
height: 22px;
text-decoration: none;
}

#menu li a:link, #menu li a:visited {
color: #666;
display: block;
background: url(http://i288.photobucket.com/albums/ll179/ahnning/menu.gif);
padding: 10px 0 0 35px;
}

#menu li a:hover {
color: #000;
background: url(http://i288.photobucket.com/albums/ll179/ahnning/menu.gif) 0 -32px;
padding: 10px 0 0 35px;
}

/ * End of the menu * /

2. Paste the code before : ]]></b:skin>

3. And then save the changes. The next step, we will add the code below:

<div id="menu">
<ul>
<li><a href="url" target="_blank" >Link 1</a></li>
<li><a href="url" target="_blank" >Link 2</a></li>
<li><a href="url" target="_blank" >Link 3</a></li>
<li><a href="url" target="_blank" >Link 4</a></li>

and so on ..

</ul>
</div>


in the body, or on the Page Elements, by pressing "add a gadget" and then click the HTML / Javascript

Congratulations to try
»»  read more

Wednesday, December 03, 2008

Catalog Blog

Sharing the place, which I frequently visit the tutorial and it's often practical blog is owned Jaloe.

From here also, I get a lot of useful knowledge. Especially problems modification of the template, or learn CSS

From this blog, you can also learn Adobe. This blog also provides a template for free.

If you need to share, then seemly visited Catalog blog
»»  read more

Monday, December 01, 2008

Ultra MP3 CD Burner 7.4.3.1953

Ultra MP3 CD Burner helps you to burn your favorite MP3 files to CD in MP3 format; it is easy-to-use, audio-CD-burning software. It allows you to burn audio files with high speed and excellent audio quality.

With Ultra MP3 CD Burner you can:

* Burn MP3 files on music CDs easily.

* Save image as ISO file and write disc from ISO file.

* Add files or delete unwanted files before burning.

* Set desired burning speed and burning mode and then write discs quickly.

* Burn high-quality music CDs with all popular CD burners, all sizes of CDs, DAO and TAO burning modes for all disc types.

* And much more!
»»  read more
 

Recent Post