Posted by: lomographyid | June 30, 2008

Menambah Icon di Website

Ini cara untuk menambahkan icon di websitemu kayak punyaku.

  1. Buat icon yang akan dimunculkan (Imagicon 2.8) ato kalo males, pilih aja dari situs ini http://www.iconarchive.com
  2. Buat yang pake WordPress : Edit theme kamu terus tambahkan kode ini <link rel=”shortcut icon” href=”http://www.imageshare.web.id/viewer.php?file=iuundjv04399f6qp89o.ico&#8221; /> di antara kode <head> dan </head>. Kalo yang pake Blogger: Edit HTML dan tambahkan kode <link rel=’shortcut icon’ href=’http://www.imageshare.web.id/viewer.php?file=iuundjv04399f6qp89o.ico&rsquo; /> di antara <head> dan </head>
  3. Cuma gitu aj.

Mudahkan? Kalo sudah bisa, kabari ya…

Catatan : “http://…ico&#8221; diganti dengan lokasi icon yang kamu buat.

Posted by: lomographyid | June 30, 2008

Mem-paste Beberapa Baris ke dalam Sebuah Sel

Untuk melakukannya, tekan toombol F2 sebelum mem-paste baris tersebut ke dalam sel.

Posted by: lomographyid | June 30, 2008

Apa seh Open ID?

Apa seh?

OpenID adalah layanan identitas secara berbagi (shared), yang dapat digunakan para pengguna internet untuk  masuk (log-in) ke beragam situs web dengan hanya menggunakan 1 (satu) identitas. Jadi fungsi utamanya untuk mengurangi kebutuhan pembuatan user id dan password pada tiap situs web dan memudahkan para pengguna internet. OpenID menggunakan sistem desentralisasi (decentralized)  bebas (free) dan Standard Terbuka (open standard) yang membolehkan pengguna mengatur informasi yang dibutuhkan.

Di situs mana aja bisa digunakan ?

OpenID dapat digunakan banyak situs web (hampir 10.000!) yang mendukungnya, yang setiap hari selalu bertambah. Jika situs favorit yang digunakan belum mendukungnya, bisa kok ditanyakan kapan mendukung OpenID. Berikut beberapa situs yang mendukung OpenID :

Gimana cara mendaftarnya?

Wah! Gak perlu daftar lagi kalo situs yang kamu gunakan adalah : Blogger (blogname.blogspot.com), Technorati (technorati.com/people/technorati/username), WordPress.com (username.wordpress.com) or Yahoo! (openid.yahoo.com).

Memang seh, OpenID masih dalam tahap pengembangan, yang kian hari situs web yang mendukungnya kian bertambah seperti AOL, Microsoft, Sun, dan Novell. Yang terpeting, kapan bisa digunakan di situs web Indonesia, ya gak?

Source: OpenID

Posted by: lomographyid | June 30, 2008

Firefox versi 3

Firefox

Versi baru Firefox (versi 3) telah tersedia dengan penambahan keamaan, kecepatan dan fasilitas keren yang akan mengubah cara kita ber-internet (web).

Dengan lebih dari 15.000 perbaikan, Firefox 3 akan menjadi browser yang lebih cepat, lebih aman, dan lebih pintar dari sebelumnya.

Berikut beberapa kelebihannya:

  • Fitur Baru: Tampilan kotak URL baru (innovation bar) termasuk  satu klik untuk membuat bookmar situs web, bar yang pintar dan mempercepat pencarian.
  • Keamanan: Menjaga keamanan kita dan personal information kita. Firefox 3 memiliki fasilitas phishing dan proteksi malware, dengan tambahan informasi site ID.
  • Produktivitas: Penambahan spell checking, session restore dan full zoom, sehingga membuatnya bekerja lebih cepat dan efisien di Web.
  • Kustomisasi: Firefox 3 memiliki lebih dari 5.000 add-ons yang dapat digunakan sesuai kebutuhan.

Klik di sini untuk download.

Posted by: lomographyid | June 24, 2008

Top 10 WordPress Plugins To Improve Readers Experience

This is a guest post by Nirmal from Life Rocks! 2.0 who writes about Technology, Blogging, Internet, Reviews, Tutorials and Tips & Tricks. Don’t forget to Subscribe to his feeds to get all updates.

Improving reader’s experience on our blog is one of the primary things we have to concentrate on. We also do a lot of design modifications so that blog is easily readable, navigational and fast loading. Here are a few tools and plugins which are useful for readers:

  1. WP-Email: This Plugin helps readers to share posts on blogs which they liked with their friends or even to their email. The plugin is easy to use and configure. Download WP-Email
  2. WP-Print: This Plugin displays a printable version of your blog when the reader requests for it. The user can directly take a print out from it. The documentation can be found here. There is also another print widget by HP. This adds a print option to your blog posts. This plugin is available for WordPress and Movable type. This plugin can also convert blog posts into PDF files. Download WP-Print
  3. Convert to PDF: Converting your blog posts into PDF is useful when your blog has more content on tutorials and tips & tricks. Download to PDF. Generates a PDF file which can be saved to hard disk.
  4. Related Posts: As the name indicates, this plugin will show the related entries for a particular post based on keyword matching. (Download Related Posts)
  5. WP-PageNavi: This plugin adds an advanced page navigation to WordPress blogs. The documentation can be found here. Download WP-PageNavi
  6. Subscribe to Comments: Subscribe to Comments 2.1 is a plugin that allows commentators on your blog to check a box before commenting and get e-mail notification of further comments. This is useful to have a good discussion going on in your posts. Download Subscribe to Comments
  7. Popular Contest / Top Posts by Category: Popularity contest will help you see which of your posts are most popular and the Top posts plugin displays your top rated posts categorywise based on comments or page views. Download Popular Contest/Top Posts by Category
  8. Brians Threaded Comments: This plugin creates a “reply to comment” link for all the comments and allows readers to reply to a comment just below the comment itself. Download Brians Threaded Comments
  9. Related posts in your Feed: This WordPress plugin adds a list of Related Posts to your full text feed. For this plugin to work properly you need Related Posts plugin or Ultimate Tag Warrior plugin activated. Download Related posts in your Feed
  10. Live Comment Preview: Live Comment Preview Plugin is the simplest way to get live comment previews on your site. The preview is generated as the user types the comments. Download Live Comment Preview

Which WordPress Plugins do you use to improve readers experience?

Source :My Bloglog

Posted by: lomographyid | June 24, 2008

Open ID

What’s it?

OpenID is a shared identity service, which allows Internet users to log on to many different web sites using a single digital identity, eliminating the need for a different user name and password for each site. OpenID is a decentralized, free and open standard that lets users control the amount of personal information they provide. So, with OpenID eliminates the need for multiple usernames across different websites, simplifying your online experience.

Where can I use it?

You can use your OpenID on any one of a growing number of sites (nearly ten-thousand) which support OpenID. If one of your favorite sites doesn’t support OpenID yet, ask them when they will! Here are some places you can visit to see where you can use your OpenID to log in today:

How do I get it?

Surprisingly! You may already have one. If you use any of the following services, so you already have your own OpenID: Blogger (blogname.blogspot.com), Technorati (technorati.com/people/technorati/username), WordPress.com (username.wordpress.com) or Yahoo! (openid.yahoo.com).

OpenID is still in the adoption phase and is becoming more and more popular, as large organizations like AOL, Microsoft, Sun, Novell, etc. begin to accept and provide OpenIDs. Today it is estimated that there are over 160-million OpenID enabled URIs with nearly ten-thousand sites supporting OpenID logins.

Source: OpenID 

  

Posted by: lomographyid | June 23, 2008

DWI Lawyer Austin Texas

Jamie, it is interesting that you wrote, “I often wonder at why jurors are so ready to ruin the lives of defendants who are on trial for DWI…” Don’t you think the defenda

DWI Lawyer Austin Texas.

Posted by: lomographyid | June 22, 2008

WP Theme Lesson #16: Comments Template

Follow this WordPress Theme Tutorial Series from the beginning.

You’re almost done. Hang on for just one more lesson. Today, you take on the life of all blogs; the comments template. In my opinion, a blog is not a blog if it doesn’t allow readers to comment. To some, comments are not important, but it’s strange for me to imagine blogs without them.

You should know:

  • There’s no right way to set up the comments template in comments.php.
  • Most WordPress designers use the default comments template from the WordPress Default Theme, Kubrick.
  • Some designers modify the default comments template to suit their needs.
  • You will use my modified version of the default comments template.

Step 1

  • Create a new file: comments.php.
  • Copy my comments.txt file to your comments.php.
  • Save comments.php.

Step 2

  • Copy my comments-template-css file to your style.css.
  • Place it at the end of style.css or right above #footer.

Step 3

Type this under the entry DIV, in the single.php file:

<div class=”comments-template”>
<?php comments_template(); ?>
</div>

comments-template.gif

The comments_template() function is what calls for the comments template from the comments.php file. The comments.php file then follow its template (or codes) to display the comments listing. Each item in the listing is a comment.

You can also use the comments_template() function in the page.php file to allow people to comment on them too. Whether to do that is up to you. If you like, repeat step 3 for page.php.

Step 4

Step four is validate, validate, and validate your codes some more. However, there is no step four because you’re using my cleaned-up and modified version of the default comments template. I’ve validated the codes for you.

To validate offline:

  • Go to View > Page Source or Source.
  • Copy all the source codes.
  • Go to the validator.
  • Paste your codes in the Direct Input box.
  • Click Check.

For future reference (when you build your own theme and comments template), here are the pages to validate:

  • Home page
  • Archive pages
  • Category pages (if you customize category pages)
  • Search result pages
  • Pages (i.e: About)
  • Single post view page
  • Single post with no comments
  • Single post with comments
  • Single post with must login message
  • Single post with no login required message
  • Password protected single post with comments

Further Comments Template Explanations

  • The comments template is basically one Ordered List (OL), not unordered. Although, they basically work the same way. Unordered is organized by bullet listing. Ordered is organized by number listing (each item has a number, starting from one).
  • In the single.php file, you wrapped the comments-template DIV around comments_template(). Now, your comments template is an ordered list within a DIV.

When you password protect your post, your comments option is also password protected:

password-protected.gif

The modified version of comments template that you’re using has an H2 sub-heading that says Password Protected. The default comments template doesn’t have that.

Here’s what makes up the comments listing:

comments-template-core.gif

And here’s what that actually means:

comments-template-simple.gif

The comment_text() function is what calls for each comment.

I will not explain what the CSS codes for the comments template means. Unlike the codes in the comments.php file, you can actually play with the CSS codes without breaking the comments template. They’ll do you more good if you play with them instead of reading an explanation from me.

And guess what? There’s no lesson review, today. You’re done.

The initial batch of lessons for this tutorial series is complete. Future lessons will cover more advance design and styling techniques.

Posted by: lomographyid | June 22, 2008

WP Theme Lesson #15: Sub-Template Files

Follow this WordPress Theme Tutorial Series from the beginning.

To continue with where we left off, you’re going to create more sub-template files like yesterday’s header.php, sidebar.php, and footer.php files.

Now that the index.php file’s divided, it gets even easier.

Step 1

Before you do this step, look at the Sidebar, click on an Archives link. The resulting page doesn’t look different from your front page right?

  • Create a new file: archive.php
  • Copy and paste everything from index.php to archive.php
  • Save archive.php
  • In the archive.php file, change the_content to the_excerpt.
  • Save the archive.php file again.

By creating an archive.php file and changing it to make it different from index.php, you are customizing the appearance of archive pages.

Now, if you refresh your archive page, it will give you only excerpts, not the full posts.

Why would you want to do this? – to prevent Google from penalizing your blog for having duplicate content. If one of the archive pages and the front page display the same content, that’s duplicate content.

What if you have a private blog? Then, it’s not necessary to distinguish the archive pages from the front page. That’s not to say excerpts aren’t useful for private blogs.

Also – By default, your category pages will look for instructions on how to display content from the archive.php file. If you don’t have an archive.php file, category pages will look for index.php.

If you want the category pages to look different the front page and archive pages, create a category.php file and customize it.

Step 2

  • Create a new file: search.php
  • Copy and paste everything from archive.php to search.php
  • Save and you’re done.

Now, all search results will be returned as excerpts. Without the search.php template file, the search option looks to index.php on how to display search results.

(Optional) You can go back to lesson one to review the hierarchy.

Step 3

  • Create two new files: page.php and single.php
  • Copy and paste everything from index.php to page.php and single.php. (For now, page and single should be the same.)
  • Save page and single. Close index. Close single.

Step 4

There’s a difference between a Page and a page remember? The page.php template customizes the look of those special Pages.

First, in page.php, type the following codes under <?php the_content(); ?>:

<?php link_pages(’<p><strong>Pages:</strong> ‘, ‘</p>’, ‘number’); ?>

and

<?php edit_post_link(’Edit’, ‘<p>’, ‘</p>’); ?>

Second, remove the postmetadata codes from page.php. Here’s what you should have without postmetadata.

page-php.gif

Third, remove the posts_nav_link() or navigation block from page.php.

remove-navigation.gif

What just happened?
The first line of codes was for displaying links to sub-pages.

nextpage.gif

For example, edit your About page. Follow my screenshot below for what to add.

add-nextpage.gif

This is useful for when you have to break down one REALLY long page into multiple pages.

For the second line of codes, it’s your administrator-only Edit link.

Your Pages don’t have categories attached to them and you usually don’t want to show a time stamp for them either so that’s why you removed the postmetadata. You also removed the posts_nav_link() codes because the Page pages don’t display Next page and Previous page links.

Save the page.php file and close it.

Step 5

Clicking on a post title to read the rest of an entry takes you to the single post view. single.php template handles the appearance of the single post view.

In single.php, type this under <?php the_content() ?>:

<?php link_pages(’<p><strong>Pages:</strong> ‘, ‘</p>’, ‘number’); ?>

Yes, that is the same line of codes for sub-page links. Did you know you can also break down posts into multiple sub-posts?

Second, in the postmetadata area, remove the <?php comments_popup_link(); ?> function and the <br /> tag before it. Don’t remove the whole postmetadata.

You removed the comments link function because it doesn’t work on single post view so there’s no use in having it in the single.php file. Without the number of comments link, there’s only the invisible, administrator-only, Edit link, left after the BR tag. You don’t want to skip-a-line for an INVISIBLE link that only you can see right? That’s why you removed the BR tag.

Third, replace <?php posts_nav_link(); ?> with:

<?php previous_post_link(’&laquo; %link’) ?> <?php next_post_link(’ %link &raquo;’) ?>

On front, archive, category, and search pages, you use the posts_nav_link() function to call for Next page and Previous page links. For the single post view page, there’s no Next page or Previous page link. You use the previous_post_link() and next_post_link() functions to call for the previous and next post links.

Save the single.php file. Go to a single post view page to see the difference in the navigation area.

Lesson Review

  • You created four new files or sub templates: archive.php, search.php, page.php, and single.php.
  • The archive.php and search.php templates are the same.
  • Pages (different from posts) don’t have categories attached to them. They also don’t have Next and Previous page links.
  • Single.php can’t display the number of comments link (called for by the comments_popup_link() function) and it doesn’t use posts_nav_link() to call for navigation links.
Posted by: lomographyid | June 22, 2008

WP Theme Lesson #14: Footer and Dividing Index

Follow this WordPress Theme Tutorial Series from the beginning.

Today, we wrap up styling and start dividing the index.php file into multiple small files. You’ll need the style.css early in today’s lesson. Later, you’ll work with index.php along with creating some new files. Finally huh? Yes, you’re almost done.

Open Xampp, theme’s folder, Firefox, IE, index.php, and style.css.

Step 1

Add a 10px top padding to the footer DIV. You remember how to add padding right? I’m not giving you the codes this time.

Step 2

Give all P tags under within the footer an 18px line-height. That’s #footer p{}. (You’re done with style.css for today.)

Step 3

  • Create a new file, name it header.php. Make sure the result is a PHP file, not a text document.
  • In the index.php file, start coping from the end of the header DIV to everything above it. Paste it in the header.php file.

create-headerphp.gif

copy-header.gif

Here’s my header.php file. Don’t copy and paste from my file. Copy and paste from your index.php file.

Step 4

For everything that you’ve copied and pasted in the index.php. Still in the index.php file, replace it with:

<?php get_header(); ?>

get-header.gif

is a function within the WordPress theme system to speficially include the header.php file, instead using <?php include (TEMPLATEPATH . ‘/header.php’); ?>.

Save and refresh the browsers. You should see no changes. If your theme look broken after you made the change then there’s a mistake.

Step 4

  • Step 4 is more of the same thing. This time, create the sidebar.php file.
  • From the beginning of the Sidebar DIV to the end of it, copy and paste into the sidebar.php file.
  • Then, in the index.php file, replace it with <?php get_sidebar(); ?>.
  • Save and refresh the browsers. Again, you should see no changes.
  • Here’s my sidebar.php file.

get-sidebar.gif

Step 5

  • Repeat the steps above for the footer.php file.
  • Here’s my footer.php file.

get-footer.gif

Lesson review

  • You created three new files: header.php, sidebar.php, and footer.php.
  • You learned three new functions: get_header(), get_sidebar(), and get_footer().
  • The following are my files by the end of this lesson: index, style, header, sidebar, footer. Don’t just copy and paste or use them to replace your own files. If you’re getting errors or your theme isn’t displaying correctly, check your codes against mine.

« Newer Posts - Older Posts »

Categories