System Information

Google doodle: 57th anniversary of invention of the bar code

noreply@blogger.com (daun_hijau) — Wed, 07 Oct 2009 11:41:00 +0000

Google has honoured the 57th anniversary of the invention of the bar code

Users of the internet search engine are being greeted with a bar code in place of the usual Google logo, exactly 57 years after United States inventors Norman Woodland and Bernard Silver were granted a patent.

It follows recent Google doodles in honour of the ancient Chinese philosopher Confucius and Mahatma Gandhi, the father of modern India.

Woodland and Silver, who met while students at the Drexel Institute of Technology in Philadelphia, originally devised a system that would encode data in concentric circles.

The lines of varying width were developed later, partly inspired by Morse code.

According to a Washington Post report, the doodle bar code appears to have been created by encrypting the word ‘Google’ using Code 128, a standard symbology.

The original patent was filed by Woodland and Silver in 1949 and granted on 7 October 1952.

However, bar codes were not used commercially until retailers in the National Association of Food Chains (NAFC) agreed on the familiar Universal Product Code designs that are still seen on billions of worldwide items today.

The first supermarket scanner that could read UPC bar codes was installed at March’s supermarket in Troy, Ohio, in June 1974. The first product to bear the bar code was a packet of Wrigley’s chewing gum.

10 Fonts to design original logos

noreply@blogger.com (daun_hijau) — Mon, 05 Oct 2009 13:16:00 +0000

1. Unit Rounded Bold (download)

A rounded font to design Facebook-like logos.

2. Helvetica Neue

Helvetica Neue is absolutely the font I prefer in this collection. Clean and professional:

3. Qlassik (download)

Another font I like very much:

4. Punk's not dead (download)

Punk's not dead is "dirty" font to design grunge logos:

5. Chica Monospace (download)

A font with an optimal legibility and an elegant style:

6. Kyra Lynn (download)

Kyra Lynn is another "dirty" font for grunge logos:

7. Nicotine (download)

A bold font for big logos:

8. Light Out (download)

9. Anja Eliane (download)

Anja Eliane is a bold rounded box. Best result in medium-big size.

10. Danube (download)

A courious font for modern logo design.

Source:

http://woork.blogspot.com/2008/09/10-fonts-to-design-original-logos.html

10 Beautiful and free fonts for web designers

noreply@blogger.com (daun_hijau) — Mon, 05 Oct 2009 12:22:00 +0000

1. Take out the garbage

Take out the garbage is a very nice font designed by Kirk Shelton. You can use it for free for personal, non profit use. For commercial licensing, please contact the author:

2. Vegur

Vegur is a clean font set similar to Helvetica family, designed by dotcolon:

3. VTKS Animal 2

VTKS Animal 2 is a brush-style upper case only font set created by Douglas Vitkauskas. Useful to design headers with a big font-size:

4. Nevis

Nevis, this strong, angular typeface is ideal for headings. It features 96 of the most commonly used glyphs:

5. Bedini

Bedini is an elegant font similar to Bodoni. Useful to design typographic-style websites:

6. Pappo's Blues

Pappo's Blues is an original font set very useful to enrich your design with handwritten style graphic elements:

7. 309

309 is another nice upper case only font set useful to design bold headers:

8. Philosopher

Philosopher is a beauty and elegant font maked with Erico Lebedenco:

9. 2 Peas Goofball

2 Peas Goofball is a funny and tiny font designed by Lorenzo Simo:

10. Diego

Diego is another interesting handwritten font:

Source:

http://woork.blogspot.com/2009/02/10-beautiful-and-free-fonts-for-web.html

10 Delicious Free Fonts with commercial-use license

noreply@blogger.com (daun_hijau) — Mon, 05 Oct 2009 12:21:00 +0000

1. Aller (download)

2. Fertigo Pro Regular (download)

You can download this very nice font for free from myfonts.com (requires registration).

3. Colaborate (download)

4. NeoRetroDraw (download)

5. Ubuntu title (download)

6. Marketing (download)

7. Justus (download)

8. UglyQua (download)

9. Universal Fruitcake (download)

10. Yanone Kaffeesatz (download)

Source:

http://woork.blogspot.com/2009/01/10-delicious-free-fonts-with-commercial.html

10 Awesome typewriter fonts for web designers

noreply@blogger.com (daun_hijau) — Mon, 05 Oct 2009 12:18:00 +0000

1. King (download)

King is an elegant and highly readable typewriter font useful to design titlesheaders. and

Download King

2. 39 Smooth (download)

39 Smooth is a large-space font. I prefer use it in a big size to design headersDownload 39 Smooth and titles

3. Underwood 1913 (download)

Underwood 1913 is a dirt-line font. Useful for old-style sites to design headerstitles. and

Download Underwood 1913

4. Type-RA (download)

Type-Ra is another dirt-line font useful to design old design elements. I prefer use it in a small size.

Download Type-Ra

5. Last Words (download)

Last Words is a large typewriter font. Nice using big size for title and headers.

Download Last Words

6. F25 Executive (download)

F25 Executive is a very. To design text elements and headers for old-style letters or vintage websites.

Download F25 Executive

7. Telegraphem (download)

Telegraphem is an uppercase typewriter font. Useful to design old style labels using small size.

Download Telegraphem

8. Another Typewriter (download)

Another Typewriter is one of my preferred typewriter font, highly readable for titles, headers or simple text.

Download Another Typewriter

9. Stalker (download)

Stalker is a large-space font. I prefer use it with a big size (greater than 40pt).

Download Stalker

10. XBand Rough (download)

XBand Rough is another uppercase typewriter font. Useful to design old style labels (I like medium size 16pt-30pt)

Download XBand Rough

Source:

http://woork.blogspot.com/2008/08/10-awesome-typewriter-fonts-for-web.html

10 Interesting fonts for web designers

noreply@blogger.com (daun_hijau) — Mon, 05 Oct 2009 12:17:00 +0000

1. 7 Days (download 7 Days)

7 Days is a free font design by Jakob Fischer (PizzaDude) for non-commercial use only. If you like to use the font in any commercial way, contact Jakob before doing it.

2. Caracteres L2 (download Caracteres L2)

3. Twilight (download Twilight)

Do you like vampires? :)

4. Charrington (download Charrington)

5. Elsewhere (download Elsewhere)

Elsewhere is a font Created by Brian Kent you can use for personal use, commercial use, or whatever.

6. Stone (download Stone)

Stone is one of my favourite fonts. It's elegant and versatile for a lot of situations:

7. Stewardson (download Stewardson)

Stewardson Regular is a nice font useful to design elegant headers.

8. Dorkbutt (download Dorkbutt)

9. Bronic Shadow (download Bronic Shadow)

Bronic Shadow is a font created by Daniel Zadorozny. This font may be freely distributed and is free for all non-commercial uses.

10. Copyright Violations (download Copyright Violations)

Source:

http://woork.blogspot.com/2009/06/10-interesting-fonts-for-web-designers.html

10 Beautiful and free must have Serif Fonts

noreply@blogger.com (daun_hijau) — Mon, 05 Oct 2009 12:16:00 +0000

1. Medio (download)

Medio is one of my favourite fonts designed by dotcolon (the same authors of Vegur, Tenderness and Ferrum)

2. Jura (download)

Jura is a distinctive yet readable serif typeface, suitable for headings and body content alike. It features 96 of the most commonly used glyphs (characters).

3. Fontin (download)

The Fontin is designed to be used at small sizes. The color is darkish, the spacing loose and the x-height tall. Don't forget to check Fontin Sans!

4. Sling (download)

Sling is a versatile typeface available in bold, normal and light version.

5. Calluna Regular (download)

Calluna regular is a popular typeface designed by Jos Buivenga author the best seller font Museo on myfonts.com.

6. Lido STF (download)

Lido STF is a font designed by František Štorm for the periodical Lidové noviny (People’s Newspaper). This font is a modification of the original Times New Romans font.

7. Salernomi (download)

Salernomi is an elegant typeface designed by Julius B. Thyssen. You can use it with a perfect result for the web and print.

8. Novello Pro (download)

Novello Pro is a moderate Roman typeface with round serifs and modern details designed by Ingo Zimmermann.

9. Steinem (download)

10. TeX Gyre Schola (download)

TeX Gyre Schola is another great serif font especially useful for the print.

Source:

http://woork.blogspot.com/2009/09/10-beautiful-and-free-must-have-serif.html

10 Awesome typewriter fonts for web designers

noreply@blogger.com (daun_hijau) — Mon, 05 Oct 2009 12:15:00 +0000

1. King (download)

King is an elegant and highly readable typewriter font useful to design titlesheaders. and

Download King

2. 39 Smooth (download)

39 Smooth is a large-space font. I prefer use it in a big size to design headersDownload 39 Smooth and titles

3. Underwood 1913 (download)

Underwood 1913 is a dirt-line font. Useful for old-style sites to design headerstitles. and

Download Underwood 1913

4. Type-RA (download)

Type-Ra is another dirt-line font useful to design old design elements. I prefer use it in a small size.

Download Type-Ra

5. Last Words (download)

Last Words is a large typewriter font. Nice using big size for title and headers.

Download Last Words

6. F25 Executive (download)

F25 Executive is a very. To design text elements and headers for old-style letters or vintage websites.

Download F25 Executive

7. Telegraphem (download)

Telegraphem is an uppercase typewriter font. Useful to design old style labels using small size.

Download Telegraphem

8. Another Typewriter (download)

Another Typewriter is one of my preferred typewriter font, highly readable for titles, headers or simple text.

Download Another Typewriter

9. Stalker (download)

Stalker is a large-space font. I prefer use it with a big size (greater than 40pt).

Download Stalker

10. XBand Rough (download)

XBand Rough is another uppercase typewriter font. Useful to design old style labels (I like medium size 16pt-30pt)

Download XBand Rough

Source:

http://woork.blogspot.com/2008/08/10-awesome-typewriter-fonts-for-web.html

10 Handwritten fonts you can't miss

noreply@blogger.com (daun_hijau) — Mon, 05 Oct 2009 12:13:00 +0000

1. Analgesics (Download)

Analgesics is a "bold" font particular useful to design heder elements.

Download Analgesics

2. Sketch Rockwell (Download)

This is absolutely my preferred handwritten font, very good to be used, with a big size, for titles and headers.

Download Sketch Rockwell

3. Joe Hand (Download)

Joe Hand is a "fast" handwritten font, nice using small size.

Download Joe Hand

4. Two Turtle Doves (Download)

Two Turtle Doves is e big size font good to design big titles or headers.

Download Two Turtle Doves

5. Estrya's Handwriting (Download)

This is a beautiful font design by Jellyka Nerevan free to use for a personal use. You can use this font to design, for example, notes like this:

Download Estrya's Handwritting

6. Gregs Other Hand (Download)

Gregs Other Hand is an uppercase font you can use for note header like this:

...or with Estrya's (font 5 in this list) to obtain a crayon + pencil effect:

Download Gregs Other Hand

7. Later On (Download)

Later On is a slimmish font which I suggest you to use for big size titles (use a size greater then 42 point for a better effect)

Download Later On

8. Bubbly Frog (Download)

Bubbly Frog is another font useful to design titles or header elements.

Download Bubbly Frog

9. Rai Elegant (Download)

Rai is an elegant handwritten font I prefer to use for small text:

Download Rai

10. Imitation (Download)

Imitaion is another "big" font useful to design titles and headers elements.

Download Imitation

Source:

http://woork.blogspot.com/2008/08/10-handwritten-fonts-you-cant-miss.html

5 Beautiful penstyle fonts

noreply@blogger.com (daun_hijau) — Mon, 05 Oct 2009 12:11:00 +0000

1. Walk Around the World

Download Walk Around the World - Walk Around the World is a beautiful font set designed from Nicole Dalesio.

2. Pastas

Download Pastas - Pastas is a strong font set designed by Subcoolture:

3. Pointy

Download Pointy - Pointy is another nice font set designed by James Beardmore. You can use it for free for personal, non profit use. For commercial licensing, please contact the author.

4. Euphoric

Download Euphoric - Euphoric is a beauty font to design big header elements:

5. Dumpster Diver

Download Dumpster Diver - Dumpster Diver is an upper case big font set designed by Jsh Wilhelm:

Source:

http://woork.blogspot.com/2008/10/5-beautiful-pen-style-fonts-set.html

How to implement a Post-to-Wall Facebook-like using PHP and jQuery

noreply@blogger.com (daun_hijau) — Mon, 05 Oct 2009 11:56:00 +0000

Take a mind, every post in the Facebook Wall contains a lot of information (user, sender, message content, date, number of comments, ...):

This tutorial is for Ajax/jQuery/PHP beginners. So I decided to simplify the original Wall using just a single information: the message content.

In this tutorial we have these files:

- confing.php (database connection parameters)
- index.php
- insert.php
- jquery.js

How the Wall works?

index.php contains a form with id "submit_form" with an input text with id "message_wall". When an user submits a new message. Then the new message is appends to top of the ul list with id "wall" with a nice fade-in effect (with jQuery). Ok, now take a look at the code.

1. index.php
index.php is very simple and contains just simple HTML code:

<form id="submit_wall">
<label for="message_wall">Share your message on the Wall</label>
<input type="text" id="message_wall" />
<button type="submit">Post to wall</button>
</form>

<ul id="wall">
</ul>

The <ul> list with id "wall" is the "container" of messages which are posted into the wall.

2. JavaScript Code
Open index.php and include jQuery in the <head> tag of the page:

...then add this simple function to enable Ajax functionalities to insert the message posted from the user into a database table without reload the page:

.prepend(...) is a jQuery function to insert elements inside, at the beginning, of a specific element (in this case UL list with id wall -->$("ul#wall")). When the new message is added into the list is hidden (display:none). Then it appears with a fade-in effect:

$("ul#wall li:first").fadeIn();

ul#wall:first: gets the first li element (the last added) into the ul list with id "#wall".

3. insert.php
insert.php contains some lines of PHP code to insert the new message into a database table. In this example I created a table WALL with just one attribute "message". PHP code is very simple:

<?php
if(isset($_POST['message_wall'])){
/* Connection to Database */
include('config.php');
/* Remove HTML tag to prevent query injection */
$message = strip_tags($_POST['message_wall']);

$sql = 'INSERT INTO WALL (message) VALUES( "'.$message.'")';
mysql_query($sql);
echo $message;
} else { echo '0'; }
?>

That's all! Download the source code ready to use in your web projects.

Source:

http://woork.blogspot.com/2009/05/how-to-implement-post-to-wall-facebook.html

14 Best Online Typography Tools for Web Designers

noreply@blogger.com (daun_hijau) — Mon, 05 Oct 2009 11:44:00 +0000

Since typography is one of the most challenging and important aspects of web design, it’s important to have useful tools that can make things easier. Here’s a list of tools that will be a big help in making your typography beautiful, and you won’t even have to leave your browser.

CSS Type Set

CSS Type Set allows you to visually and interactively style text and it generates the CSS.

Typetester

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

Typechart

Typechart lets you flip through, preview and compare web typography and then grab the CSS.

WhatTheFont

WhatTheFont allows you to scan in or provide the URL of a font and it will tell you what it is.

Fontstruct

FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.

Baseline Rhythm Calculator

Baseline Rhythm Calculator generates CSS from a base font size and line height entered by the user.

PXtoEM

PXtoEM is a calculator that does conversions of pixels, em’s, points, and percentages.

Font Burner

Font Burner gives you a simple block of code to put in your webpages so you can transform your headlines from boring system fonts to any of the quality fonts in their archives.

TypeNavigator

TypeNavigator is the world’s first interactive visual font search system.

Font Tester

Font Tester is a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them.

Flipping Typical

Flipping Typical allows you to enter text and then preview it in many different fonts at one time.

Identifont

Identifont lets you identify a typeface from a sample by answering a series of questions about key characteristics.

STC FontBrowser

STC FontBrowser lets you preview all of the fonts active on your computer.

Convert TrueType Font to Sifr Flash File

The name of this one is self explanatory, plus it emails the Sifr file to you.

Here's some other articles that you will definitely find useful.

33 Epic Works of Typography Art

14 Most Impressive Photoshop Typography Effects

12 CSS Tools and Tutorials for Beautiful Web Typography

40 Super Sleek Fonts for Clean Web Design

Turn Off Your Computer and Go Read a Book

Source:

http://webdesignledger.com/tools/14-best-online-typography-tools-for-web-designers

Membuat Top Post (popular artikel) di blogspot

noreply@blogger.com (daun_hijau) — Sun, 04 Oct 2009 14:17:00 +0000

Top Post merupakan statistik yang menunjukan seberapa populer artikel yang pernah kita publikasikan, kebanyakan top post di nilai dari jumlah klik atau nilai dari banyaknya komentar. Secara default Wordpress mempunyai widged untuk menampilkan Top Post, Gimana dengan Blogspot?

tentu saja bisa, walau standar Blogspot tidak memilikinya kita juga bisa menampilkannya. Top Post diblogspot yang akan dibuat nantinya dihitung dari jumlah banyaknya komentar, widget ini buatan blogger wanita berparas cantik Amanda Fazani wanita ini bisa dikatakan sebagai penulis tutorial blogger terkenal, o-om saja sampai geleng-geleng kepala dengan kemampuan bloggingnya :). Widget Top artikel ini dibuat dengan bantuan Yahoo Pipes bisa dilihat di Blogger Popular Posts/Most Commented Pipe page, penjelasan selengkapnya kunjungi aja blog Amanda disini

Dibawah ini merupakan kode yang bisa langsung digunakan, cara pasang kodenya sangat mudah tinggal masukan saja pada element halaman baru:

Apa saja yang perlu diedit?

namablog.blogspot.com : Ganti dengan nama blog sendiri.

num=10 : Jumlah maksimal Top Post yang ingin ditampilkan

Untuk yang custom domain tinggal gukanan www.domainkamu.com

Cara menghilangkan nomor urut:

Pada tampilan awal akan tampil urutan jumlah top post, jika rekan tidak menginginkannya tinggal hapus aja ke dua kode dibawah ini

document.write('<ol style="text-transform: capitalize;">'); dan document.write("</ol>"); pada kode diatas.

Source:

http://www.o-om.com/2008/04/membuat-top-post-popular-artikel-di.html

Parse Kode HTML Untuk Posting Blogger

noreply@blogger.com (daun_hijau) — Sun, 04 Oct 2009 13:57:00 +0000

Mungkin selama ini jika anda ingin menampilkan kode-kode HTML didalam postingan Blog untuk memberikan sebuah tips kepada pengunjung blog anda, yang didalamnya terdapat kode-kode html yang harus di otak-atik, biasanya anda mengganti (<) dengan (& lt;) dan untuk ( >) dengan (& gt;), jika kodenya sedikit mungkin tidak terlalu melelahkan, namun bagaimana jika kodenya seabrek-brek? Tentulah bikin capek tenaga dan mata. Memang sih ada trik copy-paste, namun tetap saja anda harus melakukannya satu-satu. Nah tinggalkanlah cara lama seperti itu, untuk menghemat waktu, tenaga anda dan menyelamatkan mata dari kelelahan.

Misalkan anda ingin menampilkan kode berikut ini pada posting anda:

Tentulah mengganti satu-satu untuk tiap tag < atau > dengan & lt; atau gt; adalah urusan yang melelahkan. Sekarang tidak perlu lagi, anda cukup “copy” seluruh kode diatas dan kesini http://www.blogcrowds.com/resources/parse_html.php kemudian anda “paste” seluruh kode tersebut dilembar yang telah tersedia, seperti ini:

Kemudian anda tekan tombol ‘parse’ yang letaknya dibawah lembar diatas.

Nanti semua < akan menjadi & lt; dan > menjadi & gt;.

Source:

http://abibakarblog.com/informasi/parse-kode-html-untuk-posting-blogger/

Kumpulan Blogger Hack dan Tutorial Singkat Blogspot

noreply@blogger.com (daun_hijau) — Sun, 04 Oct 2009 13:44:00 +0000

Dibawah ini merupakan Kumpulan tutorial singkat Blogspot dan beberapa Blogger Hack yang paling sering ditanyakan. Sengaja saya tidak membuat tulisan per-artikel mengingat penjelasannya terlalu singkat dan terbilang sederhana. Nah..untuk menjawab pertanyaan yang sama dan sering pada komentar dan Imel yang masuk saya kumpulkan aja jadi satu. Silahkan dicoba :)

Agar Title SEO Friendly

Agar title blogger lebih lebih bersahabat dengan Search Engeine (SEO Friendly) kita dapat mengganti Title standar dengan Title kode yang sudah dimodifikasi.

Cari kode title dibawah ini:
<title><data:blog.pageTitle/></title>

Kemudian ganti semua kode diatas dengan kode dibawah

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Menghapus Link Subsribe Post (atom) atau Berlangganan: Posting (atom)

Masuk halaman Edit HTML kemudian beri tanda centang pada Expand Template Widget, cari kode dibawah lalu hapus kode warna merah dibawah.

<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

Menghilangkan Navbar

Masuk halaman Edit HTML kemudian letakan dibawah kode <b:skin><![CDATA[

#navbar{height:10px; visibility:hidden; display:none}

Auto Hide pada Navbar Blogger

Pada halaman Edit HTML, kemudian letakan kode dibawah kode <b:skin><![CDATA[

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Mengganti Default Atom dengan RSS

Kadang mungkin kita ingin menggunakan default feed sebagai RRS, caranya masuk halaman Edit HTML, Kemudian cari kode warna hijau dibawah

<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>

</b:loop>
</div>
</b:includable>

Ganti kode warna hijau dengan kode dibawah ini:

<a class='feed-link' expr:href='data:f.url + "?alt=rss"' type='application/rss+xml' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

Memasang Icon Sebelum title Post

Pertama cari .post h3{ pada deretan kode CSS kemudian masukan sesuai kode warna hijau dibawah:

.post h3{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdtvtRLyM1JSgW9YMB-NlfVZn9ngwwZKCsObexRXxHuNMWRtomTOqncOsKxLo7Im3kUwdmkqLrBZTw6-o60t-Sn7Qta9Sn-Y2CGAgafGtmw5-TDcQsznX6d5qwGBRUnlxg2E7Iq9npv1sa/s400/dotlink.gif") 0px 0px no-repeat; margin:.5em 0; padding:0 20px 0; font-size:120%; font-weight:bold; font-style:normal; line-height:1.3em; color:#333}

Pasang Icon Pada Setiap Judul SideBar

Pertama cari #sidebar-wrapper h2{ pada deretan kode CSS, kemudian masukan sesuai kode warna hijau dibawah:

#sidebar-wrapper h2{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdtvtRLyM1JSgW9YMB-NlfVZn9ngwwZKCsObexRXxHuNMWRtomTOqncOsKxLo7Im3kUwdmkqLrBZTw6-o60t-Sn7Qta9Sn-Y2CGAgafGtmw5-TDcQsznX6d5qwGBRUnlxg2E7Iq9npv1sa/s400/dotlink.gif") 0px 0px no-repeat; margin:.6em 0 .6em; padding:0 20px; font-size:11px; font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#222; border-bottom:1px solid #C0C0C0}

Memasang Icon di link Sidebar

Pertama cari #sidebar-wrapper li{ pada deretan kode CSS, kemudian masukan sesuai kode warna hijau dibawah:

#sidebar-wrapper li{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdtvtRLyM1JSgW9YMB-NlfVZn9ngwwZKCsObexRXxHuNMWRtomTOqncOsKxLo7Im3kUwdmkqLrBZTw6-o60t-Sn7Qta9Sn-Y2CGAgafGtmw5-TDcQsznX6d5qwGBRUnlxg2E7Iq9npv1sa/s400/dotlink.gif") no-repeat 0px .20em; margin:0; padding:0 0 .25em 17px; line-height:1.2em}

Memasang Icon Sebelum Title Post pada halaman List Label

Masuk halaman Edit HTML kemudian beri tanda centang pada Expand Template Widget, cari kode warna hijau di kemudian masukan sesuai kode warna merah dibawah:

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<img alt='>>>' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdtvtRLyM1JSgW9YMB-NlfVZn9ngwwZKCsObexRXxHuNMWRtomTOqncOsKxLo7Im3kUwdmkqLrBZTw6-o60t-Sn7Qta9Sn-Y2CGAgafGtmw5-TDcQsznX6d5qwGBRUnlxg2E7Iq9npv1sa/s400/dotlink.gif'/>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Pasang Icon Sebelum Jumlah Komentar

Pertama cari #comments h4{ pada deretan kode CSS, kemudian masukan sesuai kode warna hijau dibawah:

#comments h4{ background:#eee5e5 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqng6op97WjUtw3XwE_AqN4V-Y_nUN4lE8ulLiqqYwurMK6DLHYCu-vD-gEbyqtvT2OhZg2OAvGrdd8D5kBbZuJkD0ccJqfF_RcShT9mhYUE_lsPhHZ4z7xwmucGTUnD8TTq95Y-Z7W2Ra/s400/icon_comments.png") no-repeat 3px .3em; width:430px; margin:.1em 0; font-size:12pt; font-weight:bold; line-height:1.5em; letter-spacing:.1em; color:#111; padding-left:25px}

Pasang Icon Sebelum Nama Komentator

Pertama cari #comments-block .comment-author{ pada deretan kode CSS, kemudian masukan sesuai kode warna hijau dibawah:

#comments-block .comment-author{ margin:.5em 0; padding-left:25px; background:#FFFFCC url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA_Ru_4QbsjSfvlvzsNTd7Elb_kg2oJpV_9BuFwWtRcNSntpdoE65KjXmSWM2c_nqufdyXCeJRSnsp-dMbjEoVLaOMoXMrTUG4yRIBEytLRa2wDRP4S2E30JiFi6DrqEwnpyYJ2J7hyphenhyphenTlw/s400/icon_comment.gif") no-repeat 3px .3em; color:#111}

Mengganti Tulisan Posting Lebih Baru - Halaman Utama - Posting Lama dengan tulisan sendiri atau bergaya Icon

Anda mungkin ingin mengganti tulisan standar Posting Lebih Baru - Halaman Utama - Posting Lama dengan gaya sendiri atau anda juga bisa menganti tulisan tersebut dengan icon. Masuk halaman Edit HTML kemudian beri tanda centang pada Expand Template Widget, cari kode warna hijau di bawah kemudian ganti kode warna merah dibawah sesuai keinginan.Untuk menganti gaya tulisan sendiri anda bisa langsung menulisnya sedangkan jika ingin mengganti dengan gaya icon tinggal ganti dengan kode <img src="http://loakasit-gambar-anda.com/contoh.jpg"/>

<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

Cara mencetak halaman (Print Page)

Anda mungkin ingin mencetak perhalaman langsung ke default Printer, caranya tinggal memasang kode dibawah ini langsung disetiap halaman atau letakan di dalam halaman Post.

<a href="javascript:print(document)">Cetak Halaman Ini</a>

Source:

http://www.o-om.com/2008/08/kumpulan-blogger-hack-dan-tutorial.html

URL Blog sebagai identitas OpenID

noreply@blogger.com (daun_hijau) — Sun, 04 Oct 2009 12:48:00 +0000

OpenID bisa dikatakan sebagai sistem login terpusat, OpenID bertujuan untuk mempermudah system login dengan hanya menggunakan satu username untuk login kebanyak situs. Dengan openID kita tidak perlu melakukan banyak registrasi ke situs berbeda, cukup satu kali registrasi, kita sudah bisa login ke banyak situs dan tentu saja situs yang bisa dilakukan login merupakan situs yang support terhadap OpenID.

Setelah Google (blogger) mendukung OpenID provider, ini merupakan keuntungan buat pengguna blogger karena hanya dengan mengaktifkan OpenID pada profile blogger, kita sudah bisa menggunakan URL blog untuk melakukan otentifikasi ke banyak situs yang telah mendukung OpenID 1.1.

Cara mengaktifkan URL blogger sebagai identitas OpenID

1. Masuk ke http://draft.blogger.com/

2. Jika belum Login, silahkan login terlebih dahulu.

3. Pada halaman Panel Kontrol masuk pada Edit Profil kemudian beri tanda centang pada pilihan Aktifkan OpenID untuk blog.

4. Jangan lupa disimpan

Mulai sekarang Url blog kita sudah bisa digunakan untuk login ke berbagai situs yang support dengan OpenID login.

Source:

http://www.o-om.com/2008/02/url-blogger-sebagai-identitas-openid.html

CodedPreview: Solusi Page Previews untuk Design Templates

noreply@blogger.com (daun_hijau) — Sun, 04 Oct 2009 12:42:00 +0000

Cukup satu baris kalimat untuk mendeskripsikan layanan CodedPreviews "The first dedicated service for creating preview pages for your design templates!", Kalimat yang menerangkan "layanan pertama yang didedikasikan untuk menciptakan halaman preview untuk desain template anda", CodedPreviews merupakan solusi yang baik untuk mempermudah webmaster menampilkan hasil desainnya tanpa harus upload gambar berukuran besar secara manual. Benar-benar sangat efektif untuk solusi biaya murah dan tanpa harus membebani kapasitas hosting.

Sebagai programmer, pemilik layanan ini (Mr. Seb Silas) mengatakan, dia menciptakan layanan ini karena sudah merasa kesal dengan proses upload gambar secara manual melalui FTP hanya untuk menunjukan page preview berupa srceenshot desain template kepada pembacanya. Wow..om setuju sekali dengan pemikiran ini..jujur saja, proses upload file gambar yang besar cuma buang2 waktu saja :)

Sekali lagi, layanan Coded Previews ini sangat cocok untuk menghindari sekaligus mengalihkan kapasitas simpan gambar pada hosting anda. Nah, untuk anda pengguna platform blogger boleh2 saja mencobanya, yang jelas aplikasi ini sepertinya tidak begitu banyak berpengaruh, jadi abaikan saja.

Source:

http://www.o-om.com/2008/12/codedpreview-solusi-page-previews-untuk.html

Gratis Download koleksi Icon Rss Feed

noreply@blogger.com (daun_hijau) — Sun, 04 Oct 2009 12:40:00 +0000

Banyak sekali cara mengundang pembaca blog anda agar mereka bersedia berlanganan artikel via RSS Feed, salah satunya yaitu dengan menampilkan kolaborasi grafis yang menarik antara icon Link/Input Subscriber dan RSS Feed Icons dengan gaya yang tampak lebih profesional. Terpikir dari hal ini saya mencoba mencari dan memilih lalu mengumpulkannya menjadi satu koleksi Free icon Rss Feed gratis yang bisa anda pasang di blog atau web site anda. Kalo tidak salah ada sekitar 31 set koleksi icon yang siap anda download. Silahkan dipilih sendiri sesuai tema blog, dan pastikan pilihan free icon ini terpasang pertama kali di blog anda :)

RSS reader icons | Download

NewsFire Replacement Icon | Download

DataMouse Web 2.0 RSS Icons | Download

Stylish RSS Icons by StylishLab | Download

Snap2Objects Vector RSS Icons | Download

RSS Icons by simdes | Download

RSS Owl | Download

RSS icon (Animated) | Download

Feed Icons for guitarists | Download

RSS Icon by petemh | Download

mycircles RSS | Download

Heart Shape RSS Icons | Download

RSS Feed Badge | Download

Color RSS Icons by NewsNiche | Download

Perishable Press Collection of Feed Icons | Download

Alternative RSS Icons by MouseRunner | Download

Acid RSS | Download

Web 2.0 RSS Icon with PSD | Download

51 RSS Icons for weblog | Download

Web 2 PNG RSS feed buttons | Download

Smashing PNG rss feed icons | Download

Shaded rss feed icons | Download

Plain rss feed icons | Download

Orbit rss feed icons | Download

Huge collection of feed icons | Download

Hat RSS Icon | Download

17 Multicolor RSS Icon | Download

Grunge feed icons | Download

Glass Style RSS Feed Icons | Download

Cocktail Party rss feed icons | Download

BrokerScience Real Estate RSS Icons | Download

Source:

http://www.o-om.com/2008/12/gratis-download-koleksi-icon-rss-feed.html

Membuat Toko Online di Blogger dengan SimpleCart(js) + Paypal

noreply@blogger.com (daun_hijau) — Sun, 04 Oct 2009 12:36:00 +0000

Blogger tidak semudah platform lain, dalam kondisi yang tidak open source, rasanya sangat mustahil untuk dimanipulasi menjadi aplikasi e-commerce yang handal. Keterbatasan inilah yang menjadi kelemahan utama Blogger saat ini. Walaupun script utama blogger tidak dibolehkan untuk dimodifikasi, kita masih beruntung karena Platform Blogger masih berbaik hati dengan memberikan dukungannya pada Javascript-based. Dari keadaan inilah kita mencoba membuat Toko Online senderhana menggunakan Javascript tanpa harus memiliki database dan pengetahuan pemrograman yang rumit :)

SimpleCart(js) + PayPal merupakan solusi terbaik menurut saya untuk membangun aplikasi toko online yang sederhana tanpa harus memerlukan Database. Aplikasi yang dikembangkan oleh The wojo grup ini memungkinkan kita untuk menampilkan beberapa item produk dalam jumlah terbatas. Sebelum melakukan pemesanan, customer juga dimudahkan untuk memilih dan menyimpan item untuk sementara waktu di shopping cart (keranjang belanja) dan aplikasi ini juga support pembayaran via online karena sudah terintegrasi dengan Paypal. Selain itu kita dalam hal ini sebagai pemilik (e-merchant) dapat dengan mudah mengatur sendiri harga per-item dari produk yang akan dijual :)

Karena simpleCart(js) sendiri dibangun menggunakan Javascript jadi sangat memungkinkan sekali diaplikasikan pada Platform blogger. Tidak banyak memang kelebihan yang ditawarkan, tapi paling tidak aplikasi ini cukup mencerahkan mengingat sejauh ini belum ada yang mampu mengembangkan aplikasi e-commerce menggunakan platform blogger.

Silahkan dipelajari sendiri cara mengaplikasikannya ya, dan maaf, saya tidak memberikan contoh nyata dalam hal ini, tapi saya katakan sekali lagi, aplikasi benar2 ini bisa diterapkan di blogger dan saya sendiri sudah mencobanya :)

Silahkan download script dan sample aplikasi yang dibangun dengan Simple chart (JS) pada link dibawah ini:

Download | Demo | Setup

Untuk mempelajari lebih jauh bahasan tentang toko online serta cara membangun dan mengelolanya, saya sarankan coba kunjungi blog sahabat Zalukhu.com atau bila berminat membangun toko online menggunakan Platform wordpress bisa baca informasinya di blog Mas Jimmy di alamat ini Jimmysun.net. Semoga informasi ini berguna.

Source:

http://www.o-om.com/2009/01/membuat-toko-online-di-blogger-dengan.html

ByTagg: Cara Mudah Men-Track Blog Favorite Anda

noreply@blogger.com (daun_hijau) — Sun, 04 Oct 2009 12:23:00 +0000

ByTagg bisa dikatakan sebagai solusi terbaru yang berguna untuk mempermudah kita mem-follow halaman blog favorite. ByTagg juga dilengkapi dengan berbagai fitur fungsionalis yang yang memiliki kemampuan sebagai Feed Reader, Twitter Reader dan dapat juga digunakan sebagai Search Engine. Setiap kali kita melakukan pencarian, maka setiap kata kunci yang digunakan akan simpan dalam tag tertentu, cara ini tentu saja untuk mempermudah kita melakukan pencarian dilain waktu.

Selain itu jika kita memiliki alamat blog, ByTagg dapat kita manfaatkan sebagai cara efektif untuk beriklan. Dimana tools ini juga memiliki fitur program Affiliate. Caranya kita tinggal memasang saja kode pilihan Link atau Banner yang sudah disediakan. Ok nya lagi kita juga diperbolehkan memasang iklan banner dengan size gambar 234x60.

Untuk saat ini ByTagg telah tersedia pada Sistem Operasi Windows, kemungkinan yang akan datang tersedia juga untuk Linux dan MAC.

Silahkan Download langsung Aplikasi ByTagg disini http://download.bytagg.com

Source:
http://www.o-om.com/2009/05/bytagg-cara-mudah-men-track-blog.html

Gadget Penterjemah Blog

noreply@blogger.com (daun_hijau) — Sun, 04 Oct 2009 11:23:00 +0000

Kali ini resmi, Google menciptakan sebuah gadget yang diperuntukan bagi kepentingan menterjemahkan bahasa. Sangat membantu buat kita, yang dominasi blognya berkonten Bahasa Indonesia untuk bisa dibaca dan dipahami oleh mereka yang tidak mengerti bahasa ibu kita.

Mulai hari ini, alias ini masih fresh banget dari Google, kita bisa menambahkan sebuah gadget, ke dalam website maupun blog yang ingin kita pasang. Caranya juga sangatlah mudah. Coba akses halaman berikut :
http://translate.google.com/translate_tools

Lalu coba pilih bahasa yang kita gunakan di Blognya, lalu sesuaikan dengan bahasa mana yang ingin kita tentukan untuk diterjemahkan. 53 bahasa yang bisa kita pilih, bisa dipilih semua, atau tentukan bahasa tertentu saja.
Setelah itu, akan kita dapatkan kode javascript, yang nantinya bisa kita bubuhkan ke halaman blog kita, dengan bantuan penambahan gadget berjenis HTML/Javascript.

Setelah itu, kita bisa salin kodenya disini, simpan dan jangan lupa cek langsung alamat blognya ya!

Source:
http://edittag.blogspot.com/2009/10/gadget-penterjemah-blog.html

Bahan Belajar Visual Basic .NET untuk Semua Kalangan

noreply@blogger.com (daun_hijau) — Sat, 03 Oct 2009 13:39:00 +0000

Bahan pembelajaran ini dirancang semaksimal mungkin untuk mengakomodasi berbagai kalangan dari yang ingin belajar VB.NET sebagai pemula, belajar VB.NET dari VB6, atau bahkan menjadi master dari VB.NET.

[BEGINNER] Apakah Anda baru pertama kali belajar programming dan ingin menguasai VB.NET?

Paket training VB.NET disajikan dalam Bahasa Indonesia dan terdiri dari slide presentasi, hands on lab, video tutorial, sample codes, dan assessment adalah yang paling cocok. Dalam kurikulum ini disajikan pula pengetahuan tentang pemrograman berorientasi objek. Rekan juga bisa mendapatkan online sertifikat yang menyatakan bahwa telah selesai mengikuti program ini yang dapat digunakan sebagai pelengkap resume.

[INTERMEDIATE] Apakah Anda telah menguasai programming dan ingin juga menguasai VB.NET?

Buku “The Power of Visual Basic 9” adalah sumber daya yang paling cocok. Buku yang dibuat oleh Hafiz Arraja memanfaatkan Visual Studio 2008 Express Edition sebagai kakas pemrograman. Buku ini membahas secara terperinci teknologi LINQ (Language Integrated Query), salah satu fitur yang tidak ada dalam Visual Basic edisi sebelumnya. Dalam buku yang di paparkan dalam bentuk Hands On Labs ini, Hafiz berusaha untuk merangkum teknologi Windows Presentation Foundation. Buku ini juga dilengkapi oleh sample code yang bisa diunduh disini.

[ADVANCE] Apakah Anda telah menguasai Visual Basic 6 dan ingin juga menguasai VB.NET? New

Buku “Migrasi Visual Basic 6 ke Visual Basic .NET” adalah yang paling cocok. Buku setebal 225 halaman ini membahas tentang hal-hal apa saja yang harus diperhatikan bagi pengguna Visual Basic 6 yang akan beralih ke Visual Basic .NET. Silahkan unduh disini.

[ADVANCE] Apakah Anda ingin menjadi master di VB.NET?

Junindar menyajikan 18 Step Menjadi Programmer VB.NET Handal yang dilengkapi dengan sample codes. Semua dapat diunduh secara cuma-cuma disini.

Semoga informasi ini dapat menjadi pelepas dahaga bagi rekan-rekan yang merindukan bahan untuk melampiaskan keinginan untuk mencari tahu apa yang baru di Visual Basic .NET.

Source:

http://geeks.netindonesia.net/blogs/narn/archive/2009/09/30/bahan-belajar-visual-basic-net-untuk-semua-kalangan.aspx

Kurikulum .Net dalam Bahasa

noreply@blogger.com (daun_hijau) — Sat, 03 Oct 2009 12:05:00 +0000

Kurikulum C# .NET & VB .NET yang dikemas dalam beberapa modul untuk memudahkan pembelajaran pemrograman.

.NET Programming Curriculum terdiri dari berbagai resource mengenai tutorial Pemrograman .NET

Curriculum - curriculum yang tersedia terdiri dari beberapa modul - modul yang dikemas untuk memudahkan pembelajaran terhadap .NET Programming.

Masing - masing curriculum berisikan

Slide Presentasi

Menggambarkan garis besar secara konseptual tentang modul yang akan dibahas.

Hands On Lab

Hands-on-Lab adalah tutorial step by step dalam membahas topik bersifat "how to".

Video Tutorial

Video tutorial merupakan cara yang sangat efektif untuk memandu kita dalam belajar yang lebih atraktif

Lab Files

Lab files merupakan sample code yang diberikan untuk menlengkapi kurikulum.

Quiz / Assessment

Selain materi pembelajaran, terdapat juga quiz / soal latihan pada setiap modul.

Certificate Awarded

Rekan - rekan yang telah menyelesaikan Assessment dengan nilai 70, akan diberikan sertifikat online

.NET Programming Curriculum

System Information

Google doodle: 57th anniversary of invention of the bar code

10 Fonts to design original logos

10 Beautiful and free fonts for web designers

10 Delicious Free Fonts with commercial-use license

10 Awesome typewriter fonts for web designers

10 Interesting fonts for web designers

10 Beautiful and free must have Serif Fonts

10 Awesome typewriter fonts for web designers

10 Handwritten fonts you can't miss

5 Beautiful penstyle fonts

How to implement a Post-to-Wall Facebook-like using PHP and jQuery

14 Best Online Typography Tools for Web Designers

Related Posts

Membuat Top Post (popular artikel) di blogspot

Recent Post di Blogger

Parse Kode HTML Untuk Posting Blogger

Kumpulan Blogger Hack dan Tutorial Singkat Blogspot

URL Blog sebagai identitas OpenID

CodedPreview: Solusi Page Previews untuk Design Templates

Gratis Download koleksi Icon Rss Feed

NewsFire Replacement Icon | Download

DataMouse Web 2.0 RSS Icons | Download

Stylish RSS Icons by StylishLab | Download

Snap2Objects Vector RSS Icons | Download

RSS Icons by simdes | Download

RSS Owl | Download

RSS icon (Animated) | Download

Feed Icons for guitarists | Download

RSS Icon by petemh | Download

mycircles RSS | Download

Heart Shape RSS Icons | Download

RSS Feed Badge | Download

Color RSS Icons by NewsNiche | Download

Perishable Press Collection of Feed Icons | Download

Alternative RSS Icons by MouseRunner | Download

Acid RSS | Download

Web 2.0 RSS Icon with PSD | Download

51 RSS Icons for weblog | Download

Hat RSS Icon | Download

BrokerScience Real Estate RSS Icons | Download

Membuat Toko Online di Blogger dengan SimpleCart(js) + Paypal

ByTagg: Cara Mudah Men-Track Blog Favorite Anda

Gadget Penterjemah Blog

Read More Tak Perlu Lagi Manual di Blogspot

Bahan Belajar Visual Basic .NET untuk Semua Kalangan

Kurikulum .Net dalam Bahasa

Masing - masing curriculum berisikan