COMPUTER EDUCATION SITES

Mengenal CopyLeft

ulumamis@yahoo.co.id (Taufik Batubara) — Tue, 16 Jun 2009 06:43:00 +0000

COPYLEFT

Kata copyleft memang terdengar seperti lawan kata dari copyright. Merujuk dari kata “right” atau kanan pasti lawan katanya “left” atau kiri. Padahal tidak demikian adanya, right disini berarti “hak”. Banyak orang berasumsi kalau kata copyleft lawan kata dari copyright, yang berarti pembajakan. Padahal anggapan itu keliru.

Kata Copyleft diperkenalkan oleh Richard Stallman, yaitu seorang programmer komputer yang bekerja untuk Massachusets Institute of Technology (MIT) pada akhir tahun 1970-an. Pada saat itu, pekerjaan programming sangat bernuansa kerjasama. Saling tukar source code dari suatu program tidak hanya menjadi suatu hal yang biasa, bahkan telah menjadi budaya dan seolah-olah menjadi suatu kewajiban, tentunya menurut kode etik dan hukum tidak tertulis dari komunitas programmer tersebut. Pada awal tahun 1980-an, lanskap industri software berubah drastis karena beberapa perusahaan pengembang software mulai mendistribusikan program komputer tanpa disertai source code nya. Akibatnya, para programmer tidak bisa lagi mempelajari substansi dari program komputer tersebut. Hal ini secara langsung mengubah budaya kerja para programmer, karena mereka tidak lagi bisa saling membantu dalam memperbaiki atau meningkatkan kemampuan suatu program komputer. Hanya programmer di perusahaan yang menyimpan source code-nya saja yang bisa memperbaiki, memodifikasi, atau mengembangkan program komputer tersebut. Budaya kerjasama dan kebersamaan pun hilang, digantikan oleh budaya korporat kapitalis yang hanya melihat program komputer sebagai mesin uang.

Dalam perkembangannya, program komputer tanpa source code yang sudah menjadi mesin uang tersebut mereka jaga untuk senantiasa beroperasi dengan memanfaatkan rezim hukum Copyright. Caranya ialah dengan membuat berbagai tipe lisensi untuk produk yang secara esensial sebenarnya sama. Misalnya, untuk kalangan individu-non komersial mereka sebut End-User License, untuk kalangan komersial mereka sebut Corporate License, dan untuk kalangan pelajar dan mahasiswa mereka sebut Academic License. Lalu jika produknya sama, apa perbedaan yang dirasakan oleh pembeli dari masing-masing lisensi tersebut? Jawabannya adalah: Harga. Dan dengan berlindung di balik rezim hukum Hak Cipta, para borjuis produsen closed source/propietary program komputer menjual produknya dengan harga yang sangat tinggi kepada masyarakat dan turut serta melatih, mendukung, dan menjadi saksi ahli bagi pihak kepolisian untuk memenjarakan para pelaku pembajakan. Padahal, jika mereka memang berniat baik untuk mencerdaskan bangsa dan menghapus pembajakan caranya sangatlah mudah: distribusikanlah program komputer tersebut dengan source code-nya dan murahkan-lah harganya.

Stallman mencoba melawan budaya korporat tersebut dan mempertahankan budaya kerjasama antara para programmer. Caranya adalah dengan membuat program komputer yang didistribusikan dengan bersama source code-nya, yang dia sebut sebagai Free Software. Karena setelah keluar dari MIT, Stallman tidak memiliki pekerjaan, Ia mencoba menawarkan Free Software ciptaannya dengan harga tertentu untuk memperoleh penghasilan. Ternyata, jualannya Stallman cukup sukses. Banyak programmer yang membelinya. Stallman pun membentuk lembaga untuk mengelola pendistribusian itu yang disebutnya Free Software Foundation. Kemudian Stallman memanfaatkan haknya sebagai pencipta dan pemegang hak cipta atas software tersebut untuk mendesain tipe lisensi yang diniatkannya untuk memberikan kebebasan yang seluas-luasnya kepada setiap orang untuk dapat mempelajari program komputer ciptaannya. Suatu lisensi yang diharapkannya akan mendorong kembalinya kerjasama antar para programmer komputer. Lisensi tersebut kemudian dia populerkan dengan istilah: Copyleft.

Jadi, Copyleft, sebagaimana yang Stallman sendiri katakan, adalah suatu “distribution term” atau istilah pemasaran. Kalau mau dicari padanannya, kata itu setara dengan kata, misalnya, MLM (Multi Level Marketing) yang merupakan suatu kata dalam konteks pemasaran dan bukan suatu istilah hukum yang tercantum dalam suatu peraturan. Produk yang dipasarkan dengan sistem Copyleft adalah Free Software yang disebutnya sebagai GNU Software. Sebagai suatu tipe lisensi, Copyleft merefleksikan 4 macam izin yang diberikan oleh pencipta/pemegang hak ciptanya kepada siapa saja, yaitu:

(1) Izin untuk menjalankan program (free to run the program);

(2) Izin untuk memperbanyak program (free to copy the program);

(3) Izin untuk memodifikasi program (free to modify the program); dan

(4) Izin untuk mendistribusikan program hasil modifikasi (free to distribute modified copy).

Dan karena pendistribusian program ini dapat dilakukan dengan cara jual-beli, maka kata “free” disini tidak berarti gratis atau zero price. Kata “free” disini berarti: FREEDOM atau kebebasan.

Dalam perkembangannya, software yang didistribusikan dengan source code ada yang disebut sebagai Open Source Software. Lalu kata “free” dalam Copyleft license kemudian populer dalam bahasa perancis, yaitu Libre. Dan saat ini, gabungan antara kata Free Software, Open Source Software, dan Libre Software kemudian berujung pada akronim yang disebut FLOSS atau Free/Libre/Open Source Software. Tetapi jangan sampai anda terkecoh dengan istilah FREEWARE. Karena software yang disebut Freeware sudah pasti gratis, tetapi belum tentu open source.

Senator Mark R. Warner and Melissa Hathaway to Keynote at Symantec Government Symposium 2009

ulumamis@yahoo.co.id (Taufik Batubara) — Fri, 05 Jun 2009 07:26:00 +0000

CUPERTINO, Calif. – June 4, 2009 – Symantec Corp. (Nasdaq: SYMC) today announced that Senator Mark R. Warner (D-VA) and Melissa Hathaway, acting senior director for cyberspace for the National Security and Homeland Security Councils, will deliver keynote addresses at Symantec Government Symposium: Government 2.0 – Moving Forward Together. The event will be held on June 16, 2009 at the Ronald Reagan Building and International Trade Center in Washington, D.C.

The Government Symposium is a complimentary, one-day annual event that is devoted to the public sector and its partners. The event will bring together more than 500 government IT, security and business professionals to discuss challenges and opportunities related to information management and security in a Web 2.0 world.

Symantec President and CEO, Enrique T. Salem, and Chairman of the Board John W. Thompson will welcome attendees to the Symposium. In addition to the keynote addresses, six speaking tracks will be offered on topics including cloud computing, virtualization, infrastructure protection, e-Discovery, green IT, standardization and security awareness as they relate to the public sector.

Symposium Topics:

Government 2.0 implications for data management and information protection
Information sharing and next-generation government
Evolution of secure and transparent government
Governance priorities
Virtual environment management and protection
Cloud computing
The Comprehensive National Cybersecurity Initiative (CNCI) and the new administration

To register for the Symposium, view the full speaker faculty, or access more information, visit www.symantec.com/symposium.

Quote:
"The new administration, evolving IT policies and dynamic technology tools are changing the way government communicates, collaborates and serves citizens. It is essential for the government and its partners to enable information transparency while providing consistent protection at every information point within the infrastructure to protect government and citizen data," said Jim Russell, Symantec's vice president for public sector. "Symantec Government Symposium 2009 will encourage government and industry to work together and share their expertise on making information secure and available in Government 2.0.”

About Symantec

Symantec is a global leader in providing security, storage and systems management solutions to help consumers and organizations secure and manage their information-driven world. Our software and services protect against more risks at more points, more completely and efficiently, enabling confidence wherever information is used or stored. More information is available at www.symantec.com.

Note to Editors: If you would like additional information on Symantec Corporation and its products, please visit the Symantec News Room at http://www.symantec.com/news. All prices noted are in U.S. dollars and are valid only in the United States.

Symantec and the Symantec Logo are trademarks or registered trademarks of Symantec Corporation or its affiliates in the U.S. and other countries. Other names may be trademarks of their respective owners.

Vidić relieved to pass test of nerves

ulumamis@yahoo.co.id (Taufik Batubara) — Fri, 13 Mar 2009 07:45:00 +0000

Manchester United FC may have advanced to the last eight of the UEFA Champions League but goalscorer Nemanja Vidić admitted that nerves nearly got the better of them against FC Internazionale Milano.
Lost their wayVidić nodded the first of United's two goals as they secured a 2-0 aggregate win over the Italian champions on Wednesday but in between his fourth-minute opener and Cristiano Ronaldo's second four minutes after the restart, the home team lost their way and very nearly paid the price as Inter went close to equalising on several occasions.
'Got a little nervous'"We played well until we scored the goal," said Vidić, whose powerful header brought his sixth goal in all competitions this season. "After the goal we got a little bit nervous because we knew how important it was not to concede and Inter had two good chances to score in the first half that they didn't take. The manager didn't tell us to play defensively but we knew that if we lost a goal it would change everything and it is difficult against Italian teams because they are very good tactically. I think we played better in Milan as we didn't give them any chances there."
Key partnershipIf United were not at their best, they still managed to earn their sixth clean sheet of this European campaign – more than any other side in the competition – as they stretched their unbeaten run in the UEFA Champions League to a competition-record 21 matches. "There is a mentality here to win games," said Vidić, whose partnership with Rio Ferdinand has been a key factor in United's success this term. Besides a record-breaking run of shutouts in the Premier League, Sir Alex Ferguson's men have conceded just three goals in eight games in Europe – two fewer than at this stage last year.
'Winning breeds confidence'Ferdinand felt United rode their luck against Inter, who struck the woodwork twice, but said they were confident of winning even when lacking their usual fluency. "In this kind of game you will have to ride your luck at times but when you have opportunities you have to take them and today for us we came through. We didn't play particularly well but I don't think we have any reason to fear anyone. We have won a lot of games since Christmas and winning breeds confidence. We are at a moment where, at times, we are not playing particularly well but getting results through sheer determination and a will to win." The statistics provide impressive support: United have won 14 and drawn two of their last 16 games – and one of those draws was their victory over Tottenham Hotspur FC on penalties in the League Cup final.

Cara Setting Telkomnet Instan Dengan Windows XP

ulumamis@yahoo.co.id (Taufik Batubara) — Sun, 18 Jan 2009 04:25:00 +0000

Kebanyakan Orang yang Punya jaringan Telepon dirumah pasti ingin bisa akses Internet dari Komputer rumahnya :D ... Tenang aja.. disini kita akan bahasa Gimana Caranya Setting Telkomnet instan dengan Windows XP.. Berikut Langkah2nya :))...

1. Klik Start, pilih menu Control Panel

2. Pilih Network and Internet Connections

3. Pilih Network Connections

4. Maka akan muncul layar seperti di bawah ini, dan pilih Create a new connection

5. Maka akan muncul di layer seperti berikut, dan klik Next

6. Pilih Connect to the Internet, lalu klik Next

7. Pilih Set up my connection manually, lalu klik Next

8. Pilih Connect using a dial-up modem, lalu klik Next

9. Ketik telkom pada kotak yang tersedia di bawah ISP Name, lalu klik Next

10. Ketik 080989999 pada kotak kosong di bawah Phone number, lalu klik Next

11. Akan muncul layar seperti di bawah ini

Untuk username, ketik : telkomnet@instan
Untuk password dan confirm password, ketik : telkom

Kemudian klik menu Make this default Internet connection sehingga kotak tidak di centang, jika tidak ingin sebagai default Internet connection
Kemudian klik Next

12. Maka akan muncul layar seperti di bawah ini
Klik kotak pada menu Add shortcut…, jika ingin membuat shortcut connection ini
Lalu klik finish

Konfigurasi selesai, connection ini dapat digunakan. Tetapi jika muncul layar seperti di bawah ini :

Klik kotak kosong pada password lalu ketik telkom. Lalu klik Dial

Untuk dapat digunakan Internet, klik Start, kemudian pilih All Programs, kemudian klik Internet Explorer

Maka akan muncul layar seperti berikut ini :

Klik Tools, kemudian klik Internet Options…

Maka akan muncul layar seperti berikut ini, kemudian klik Connections, pastikan hanya Dial whenever a network connection is not present yang ditandai, kemudian klik LAN Settings

Maka akan muncul layar seperti berikut ini,

Pada Automatically detect settings dan Use a proxy server…kotaknya dicentang atau tidak, tidak berpengaruh.

Jika setelah men-setting semua sudah selesai, anda mengetik alamat website lalu muncul layar seperti berikut ini, langsung klik Connect

Internet dapat digunakan.
Sekedar tambahan, jika connection ini tidak berjalan, biasanya muncul layar seperti ini :

Maka lakukan langkah no.1-3, kemudian akan muncul layar seperti ini, dan kemudian klik kanan shortcut telkom, dan klik properties

Maka akan muncul layar seperti ini, dan pastikan kotak pada Show terminal window tidak tercentang, kemudian klik OK.

Sekian dulu Ilmu yang saya Sharing semoga BerManFaat ya.....
Bye.....

Taufik
The Generation of Black2an

Bikin Blog di Ms Word

ulumamis@yahoo.co.id (Taufik Batubara) — Sat, 10 Jan 2009 02:32:00 +0000

Salah satu penyedia layanan untuk membuat blog secara gratis adalah Blogger. Situs Web yang telah diambil alih oleh Google ini dapat diakses di alamat www.blogger.com. Di situ, Anda tinggal mendaftar. Seselainya pendaftaran, Anda bisa langsung membuat blog, bikin tulisan, dan “menerbitkannya”.

Untuk pendaftaran, Anda memang harus online. Akan tetapi, untuk menulis Anda tidak perlu online supaya bisa menghemat biaya ber-Internet. Cara yang paling sederhana adalah dengan menulis blog dulu di penyunting teks, seperti Notepad atau Microsoft Word, secara offline. Kalau sudah selesai, baru online, kemudian buka situs Web layanan blog, login, lalu copy-paste hasil tulisan yang ada di penyunting teks.

Kita sebut cara yang barusan disebut adalah cara manual. Cara yang akan dijelaskan berikutnya kita sebut dengan cara otomatis. Tulisan tetap dibuat secara offline. Online-nya baru nanti, setelah tulisan selesai dibuat. Cara otomatis ini menggunakan Microsoft Word. Tapi, bukan sebarang Microsoft Word, melainkan Microsoft Word yang sudah dilengkapi dengan add-on bernama Blogger For Word. Aplikasi tambahan gratisan itu bisa didapat dari http://buzz.blogger.com/bloggerforword.html. Ukuran paket instalasinya kecil, cuma 2MB.

Cara pemakaiannya bisa diringkas seperti ini. Setelah Blogger For Word di-install, toolbar Blogger akan muncul pada Microsot Word. Kemudian, tuliskan isi blog seperti biasa, tetapi jangan online dulu, offline saja. Kalau tulisan sudah selesai, nyalakan koneksi Intenet, lalu publish deh.

Nah, cara detailnya seperti ini. Oh ya, PCplus pakai Word 2007 untuk artikel ini. Di versi lama mungkin berbeda, tetapi sedikit saja.

1. Klik [Add-Ins] pada menu di sebelah atas. Opsi [Add-Ins] sebaris dengan [Home], [Insert], [Page Layout], dan lain-lain.

2. Klik [Blogger Settings], kemudian pada kotak yang muncul, masukkan username dan password untuk masuk ke Blogger. Klik [OK].

3. Ketikkan isi blog di dalam Word. Kalau sudah selesai, online-lah. Kemudian, klik [Publish].

4. Masukkan judul blog dan pilih blog yang akan berisi tulisan itu. Klik [Send]. Selesai.

Hack Pasword Administrator di windows XP

ulumamis@yahoo.co.id (Taufik Batubara) — Sat, 20 Dec 2008 00:32:00 +0000

hufff..
akhirnya ngisi Postingan lagi..
setelah Libur habis UTS untuk menenangkan dirii.. Kini saatnya Untuk ngePosting lagi..

Tema hari ini apa..ya??
hmm hari ini Kita Bahas tentang hacking/cracking aja ya...

Mungkin diantara teman Temen2 ada yang merasa Jengkel :XX" jika hanya diberi akses Power Users/Guest dalam Menggunakan Komputer.. yang Fasilitasnya terbatas dan Tidak bisa merubah Settingan komputernya...
untuk Itu,,, mari Kita Balas dendam (ehh.. balas dendam dosa ya.. tapi gk apa2 deh.. dendamnya kan di Ilmu... hehehehE)..

untuk merubah Pasword administrator Triknya sangat Mudah...
1.Klik Start ---> Pilih Run --->
2.Ketik Cmd dirun dan nanti akan muncul jendela Command prompt seperti dibawah ini..

3.Kemudian ketik kata Net User
dan akan Muncul user account yang ada di komputer tersebut..

4.Dan sampailah Tujuan kita untuk ngeHack pasword administrator..>maka lakukan langkah selanjutnya
Net User Administrator * atau Account lain yang berstatus sebagai administrator

5.Kemudian Muncul command Type a password for the user: masukan Pasword baru yang kita inginkan kemudian
Masukan kembali...

6. kalo berhasil akan Muncul command The command completed successfully

7.Berhasilll... sukses menjadi administrator... untuk pembuktian Loggof KOmputernya dan Login dengan User Administrator

Sekian dulu dari saya.. bila ada keluhan silahkan komentar..
nanti akan saya Follow up..

ISO LAYER

ulumamis@yahoo.co.id (Taufik Batubara) — Fri, 14 Nov 2008 00:45:00 +0000

The Open Systems Interconnection Basic Reference Model (OSI Reference Model or OSI Model) is an abstract description for layered communications and computer network protocol design. It was developed as part of the Open Systems Interconnection (OSI) initiative[1]. In its most basic form, it divides network architecture into seven layers which, from top to bottom, are the Application, Presentation, Session, Transport, Network, Data-Link, and Physical Layers. It is therefore often referred to as the OSI Seven Layer Model.

A layer is a collection of conceptually similar functions that provide services to the layer above it and receives service from the layer below it. For example, a layer that provides error-free communications across a network provides the path needed by applications above it, while it calls the next lower layer to send and receive packets that make up the contents of the path.

Even though it has been largely superseded by newer IETF, IEEE, and indeed OSI protocol developments (subsequent to the publication of the original architectural standards), the basic OSI model is considered an excellent place to begin the study of network architecture. Not understanding that the pure seven-layer model is more historic than current, many beginners make the mistake of trying to fit every protocol under study into one of the seven basic layers. Especially the attempts of cross-layer optimization break the boundaries of the original layer scheme. Describing the actual layer concept with implemented systems is not always easy to do as most of the protocols in use on the Internet were designed as part of the TCP/IP model, and may not fit cleanly into the OSI Model.

History

In 1977, work on a layered model of network architecture was started, and the International Organization for Standardization (ISO) began to develop its OSI framework architecture (The ISO is a worldwide federation of national standards bodies from some 130 countries, one from each country).[citation needed] OSI has two major components: 1) an abstract model of networking, called the Basic Reference Model or seven-layer model, and 2) a set of specific protocols.

Note: The standard documents that describe the OSI model can be freely downloaded from the ITU-T as the X.200-series of recommendations [2]. A number of the protocol specifications are also available as part of the ITU-T X series. The equivalent ISO and ISO/IEC standards for the OSI model are available from the ISO, but only some of the ISO/IEC standards are available as cost-free downloads.[3]

All aspects of OSI design evolved from experiences with the CYCLADES network, which also influenced Internet design. The new design was documented in ISO 7498 and its various addenda. In this model, a networking system is divided into layers. Within each layer, one or more entities implement its functionality. Each entity interacts directly only with the layer immediately beneath it, and provides facilities for use by the layer above it.

Protocols enable an entity in one host to interact with a corresponding entity at the same layer in another host. Service definitions abstractly describe the functionality provided to an (N)-layer by an (N-1) layer, where N is one of the seven layers of protocols operating in the local host.

Description of OSI layers

Layer 7: Application Layer

The application layer is the OSI layer closest to the end user, which means that both the OSI application layer and the user interact directly with the software application. This layer interacts with software applications that implement a communicating component. Such application programs fall outside the scope of the OSI model. Application layer functions typically include identifying communication partners, determining resource availability, and synchronizing communication. When identifying communication partners, the application layer determines the identity and availability of communication partners for an application with data to transmit. When determining resource availability, the application layer must decide whether sufficient network resources for the requested communication exist. In synchronizing communication, all communication between applications requires cooperation that is managed by the application layer. Some examples of application layer implementations include Telnet, File Transfer Protocol (FTP), and Simple Mail Transfer Protocol (SMTP).

Layer 6: Presentation Layer

The Presentation Layer establishes a context between Application Layer entities, in which the higher-layer entities can use different syntax and semantics, as long as the Presentation Service understands both and the mapping between them. The presentation service data units are then encapsulated into Session Protocol Data Units, and moved down the stack.

The original presentation structure used the Basic Encoding Rules of Abstract Syntax Notation One (ASN.1), with capabilities such as converting an EBCDIC-coded text file to an ASCII-coded file, or serializing objects and other data structures into and out of XML. ASN.1 has a set of cryptographic encoding rules that allows end-to-end encryption between application entities.

Layer 5: Session Layer

The Session Layer controls the dialogues/connections (sessions) between computers. It establishes, manages and terminates the connections between the local and remote application. It provides for full-duplex, half-duplex, or simplex operation, and establishes checkpointing, adjournment, termination, and restart procedures. The OSI model made this layer responsible for "graceful close" of sessions, which is a property of TCP, and also for session checkpointing and recovery, which is not usually used in the Internet Protocol Suite. The Session Layer is commonly implemented explicitly in application environments that use remote procedure calls (RPCs).

Layer 4: Transport Layer

The Transport Layer provides transparent transfer of data between end users, providing reliable data transfer services to the upper layers. The Transport Layer controls the reliability of a given link through flow control, segmentation/desegmentation, and error control. Some protocols are state and connection oriented. This means that the Transport Layer can keep track of the segments and retransmit those that fail.

Although not developed under the OSI Reference Model and not strictly conforming to the OSI definition of the Transport Layer, the best known examples of a Layer 4 protocol are the Transmission Control Protocol (TCP) and User Datagram Protocol (UDP).

Of the actual OSI protocols, there are five classes of transport protocols ranging from class 0 (which is also known as TP0 and provides the least error recovery) to class 4 (which is also known as TP4 and is designed for less reliable networks, similar to the Internet). Class 0 contains no error recovery, and was designed for use on network layers that provide error-free connections. Class 4 is closest to TCP, although TCP contains functions, such as the graceful close, which OSI assigns to the Session Layer. Detailed characteristics of TP0-4 classes are shown in the following table:[4]

Feature Name TP0 TP1 TP2 TP3 TP4
Connection oriented - - - Yes Yes
Connectionless - - - No Yes
Segmentation/Fragmentation Yes Yes Yes Yes Yes
Reassembly Yes Yes Yes Yes Yes
Error Recovery No Yes No No Yes
Reinitiate connection (if an excessive number of PDUs are unacknowledged) No Yes No Yes Yes
multiplexing and demultiplexing over a single virtual circuit No No Yes Yes Yes
Reliable Transport Service No Yes Yes Yes Yes

Perhaps an easy way to visualize the Transport Layer is to compare it with a Post Office, which deals with the dispatch and classification of mail and parcels sent. Do remember, however, that a post office manages the outer envelope of mail. Higher layers may have the equivalent of double envelopes, such as cryptographic presentation services that can be read by the addressee only. Roughly speaking, tunneling protocols operate at the Transport Layer, such as carrying non-IP protocols such as IBM's SNA or Novell's IPX over an IP network, or end-to-end encryption with IPsec. While Generic Routing Encapsulation (GRE) might seem to be a Network Layer protocol, if the encapsulation of the payload takes place only at endpoint, GRE becomes closer to a transport protocol that uses IP headers but contains complete frames or packets to deliver to an endpoint. L2TP carries PPP frames inside transport packet.

Layer 3: Network Layer

The Network Layer provides the functional and procedural means of transferring variable length data sequences from a source to a destination via one or more networks, while maintaining the quality of service requested by the Transport Layer. The Network Layer performs network routing functions, and might also perform fragmentation and reassembly, and report delivery errors. Routers operate at this layer—sending data throughout the extended network and making the Internet possible. This is a logical addressing scheme – values are chosen by the network engineer. The addressing scheme is hierarchical.

The best-known example of a Layer 3 protocol is the Internet Protocol (IP). It manages the connectionless transfer of data one hop at a time, from end system to ingress router, router to router, and from egress router to destination end system. It is not responsible for reliable delivery to a next hop, but only for the detection of errored packets so they may be discarded. When the medium of the next hop cannot accept a packet in its current length, IP is responsible for fragmenting into sufficiently small packets that the medium can accept it.

A number of layer management protocols, a function defined in the Management Annex, ISO 7498/4, belong to the Network Layer. These include routing protocols, multicast group management, Network Layer information and error, and Network Layer address assignment. It is the function of the payload that makes these belong to the Network Layer, not the protocol that carries them.

Layer 2: Data Link Layer

The Data Link Layer provides the functional and procedural means to transfer data between network entities and to detect and possibly correct errors that may occur in the Physical Layer. Originally, this layer was intended for point-to-point and point-to-multipoint media, characteristic of wide area media in the telephone system. Local area network architecture, which included broadcast-capable multiaccess media, was developed independently of the ISO work, in IEEE Project 802. IEEE work assumed sublayering and management functions not required for WAN use. In modern practice, only error detection, not flow control using sliding window, is present in modern data link protocols such as Point-to-Point Protocol (PPP), and, on local area networks, the IEEE 802.2 LLC layer is not used for most protocols on Ethernet, and, on other local area networks, its flow control and acknowledgment mechanisms are rarely used. Sliding window flow control and acknowledgment is used at the Transport Layer by protocols such as TCP, but is still used in niches where X.25 offers performance advantages.

Both WAN and LAN services arrange bits, from the Physical Layer, into logical sequences called frames. Not all Physical Layer bits necessarily go into frames, as some of these bits are purely intended for Physical Layer functions. For example, every fifth bit of the FDDI bit stream is not used by the Data Link Layer.

WAN Protocol architecture

Connection-oriented WAN data link protocols, in addition to framing, detect and may correct errors. They also are capable of controlling the rate of transmission. A WAN Data Link Layer might implement a sliding window flow control and acknowledgment mechanism to provide reliable delivery of frames; that is the case for SDLC and HDLC, and derivatives of HDLC such as LAPB and LAPD.

IEEE 802 LAN architecture

Practical, connectionless LANs began with the pre-IEEE Ethernet specification, which is the ancestor of IEEE 802.3. This layer manages the interaction of devices with a shared medium, which is the function of a Media Access Control sublayer. Above this MAC sublayer is the media-independent IEEE 802.2 Logical Link Control (LLC) sublayer, which deals with addressing and multiplexing on multiaccess media.

While IEEE 802.3 is the dominant wired LAN protocol and IEEE 802.11 the wireless LAN protocol, obsolescent MAC layers include Token Ring and FDDI. The MAC sublayer detects but does not correct errors..

Layer 1: Physical Layer

The Physical Layer defines the electrical and physical specifications for devices. In particular, it defines the relationship between a device and a physical medium. This includes the layout of pins, voltages, cable specifications, Hubs, repeaters, network adapters, Host Bus Adapters (HBAs used in Storage Area Networks) and more.

To understand the function of the Physical Layer in contrast to the functions of the Data Link Layer, think of the Physical Layer as concerned primarily with the interaction of a single device with a medium, where the Data Link Layer is concerned more with the interactions of multiple devices (i.e., at least two) with a shared medium. The Physical Layer will tell one device how to transmit to the medium, and another device how to receive from it (in most cases it does not tell the device how to connect to the medium). Obsolescent Physical Layer standards such as RS-232 do use physical wires to control access to the medium.

The major functions and services performed by the Physical Layer are:

Establishment and termination of a connection to a communications medium.
Participation in the process whereby the communication resources are effectively shared among multiple users. For example, contention resolution and flow control.
Modulation, or conversion between the representation of digital data in user equipment and the corresponding signals transmitted over a communications channel. These are signals operating over the physical cabling (such as copper and optical fiber) or over a radio link.
Parallel SCSI buses operate in this layer, although it must be remembered that the logical SCSI protocol is a Transport Layer protocol that runs over this bus. Various Physical Layer Ethernet standards are also in this layer; Ethernet incorporates both this layer and the Data Link Layer. The same applies to other local-area networks, such as Token ring, FDDI, and IEEE 802.11, as well as personal area networks such as Bluetooth and IEEE 802.15.4.

Interfaces

Neither the OSI Reference Model nor OSI protocols specify any programming interfaces, other than as deliberately abstract service specifications. Protocol specifications precisely define the interfaces between different computers, but the software interfaces inside computers are implementation-specific.

For example, Microsoft Windows' Winsock, and Unix's Berkeley sockets and System V Transport Layer Interface, are interfaces between applications (Layer 5 and above) and the transport (Layer 4). NDIS and ODI are interfaces between the media (Layer 2) and the network protocol (Layer 3).

Interface standards, except for the Physical Layer to media, are approximate implementations of OSI Service Specifications.

Examples

Layer Misc. examples IP suite SS7[5] AppleTalk suite OSI suite IPX suite SNA UMTS
# Name
7 Application HL7, Modbus NNTP, SIP, SSI, DNS, FTP, Gopher, HTTP, NFS, NTP, DHCP, SMPP, SMTP, SNMP, Telnet, RIP, BGP INAP, MAP, TCAP, ISUP, TUP AFP, ZIP, RTMP, NBP FTAM, X.400, X.500, DAP, ROSE, RTSE, ACSE RIP, SAP APPC
6 Presentation TDI, ASCII, EBCDIC, MIDI, MPEG MIME, XDR, SSL, TLS (Not a separate layer) AFP ISO/IEC 8823, X.226, ISO/IEC 9576-1, X.236
5 Session Named Pipes, NetBIOS, SAP, Half Duplex, Full Duplex, Simplex, SDP Sockets. Session establishment in TCP. SIP. (Not a separate layer with standardized API.), RTP ASP, ADSP, PAP ISO/IEC 8327, X.225, ISO/IEC 9548-1, X.235 NWLink DLC?
4 Transport NBF, nanoTCP, nanoUDP TCP, UDP, SCTP DDP ISO/IEC 8073, TP0, TP1, TP2, TP3, TP4 (X.224), ISO/IEC 8602, X.234 SPX
3 Network NBF, Q.931, IS-IS IP, IPsec, ICMP, IGMP SCCP, MTP ATP (TokenTalk or EtherTalk) ISO/IEC 8208, X.25 (PLP), ISO/IEC 8878, X.223, ISO/IEC 8473-1, CLNP X.233. IPX RRC (Radio Resource Control) Packet Data Convergence Protocol (PDCP) and BMC (Broadcast/Multicast Control)
2 Data Link 802.3 (Ethernet), 802.11a/b/g/n MAC/LLC, 802.1Q (VLAN), ATM, HDP, FDDI, Fibre Channel, Frame Relay, HDLC, ISL, PPP, Q.921, Token Ring, CDP, ARP (maps layer 3 to layer 2 address) OSPF, PPP, SLIP, PPTP, L2TP MTP, Q.710 LocalTalk, AppleTalk Remote Access, PPP ISO/IEC 7666, X.25 (LAPB), Token Bus, X.222, ISO/IEC 8802-2 LLC Type 1 and 2 IEEE 802.3 framing, Ethernet II framing SDLC LLC (Logical Link Control), MAC (Media Access Control)
1 Physical RS-232, V.35, V.34, I.430, I.431, T1, E1, 10BASE-T, 100BASE-TX, POTS, SONET, SDH, DSL, 802.11a/b/g/n PHY MTP, Q.710 RS-232, RS-422, STP, PhoneNet X.25 (X.21bis, EIA/TIA-232, EIA/TIA-449, EIA-530, G.703) Twinax UMTS L1 (UMTS Physical Layer)

Comparison with TCP/IP

In the TCP/IP model of the Internet, protocols are deliberately not as rigidly designed into strict layers as the OSI model.[6] RFC 3439 contains a section entitled "Layering considered harmful." However, TCP/IP does recognize four broad layers of functionality which are derived from the operating scope of their contained protocols, namely the scope of the software application, the end-to-end transport connection, the internetworking range, and lastly the scope of the direct links to other nodes on the local network.

Even though the concept is different than in OSI, these layers are nevertheless often compared with the OSI layering scheme in the following way: The Internet Application Layer includes the OSI Application Layer, Presentation Layer, and most of the Session Layer. Its end-to-end Transport Layer includes the graceful close function of the OSI Session Layer as well as the OSI Transport Layer. The internetworking layer (Internet Layer) is a subset of the OSI Network Layer, while the Link Layer includes the OSI Data Link and Physical Layers, as well as parts of OSI's Network Layer. These comparisons are based on the original seven-layer protocol model as defined in ISO 7498, rather than refinements in such things as the internal organization of the Network Layer document.

The presumably strict consumer/producer layering of OSI as it is usually described does not present contradictions in TCP/IP, as it is permissible that protocol usage does not follow the hierarchy implied in a layered model. Such examples exist in some routing protocols (e.g., OSPF), or in the description of tunneling protocols, which provide a Link Layer for an application, although the tunnel host protocol may well be a Transport or even an Application Layer protocol in its own right.

The TCP/IP design generally favors decisions based on simplicity, efficiency and ease of implementation.

Converting between binary, decimal, and hexadecimal notations

ulumamis@yahoo.co.id (Taufik Batubara) — Wed, 12 Nov 2008 00:10:00 +0000

Converting between binary, decimal, and hexadecimal notations

Conversion Code - Chart
DECIMAL	0	1	2	3	4	5	6	7	8	9
HEX	0	1	2	3	4	5	6	7	8	9
BINARY	0000	0001	0010	0011	0100	0101	0110	0111	1000	1001

Conversion Code - Chart
DECIMAL	10	11	12	13	14	15
HEX	A	B	C	D	E	F
BINARY	1010	1011	1100	1101	1110	1111

Ever since the Stone Age we humans have counted on our ten fingers. Our system of numbers shows it. We have ten elementary numbers called "digits"; a word that also means fingers. We count on our fingers 0, 1, 2, 3, 4, 5, 6, 7, 8, and 9. To go further, we use place notation, allowing us to represent larger numbers as sequences of digits. Each digit in such a sequence has a different value depending on its place. For example, 13 means ten x 1 + 3, a number 4 greater than 9. We usually call the number thirteen, an alteration of "three ten". When we run out of two-digit numbers at 99, we go to three digits, with 100, which means 1 x hundred + 0 x ten + 0. A hundred is ten times ten. Similarly, the number 1000, with a one in the fourth place left of the end, means ten times ten times ten, or ten times a hundred, or a thousand. Place notation allows us to represent any conceivable number as a sequence of digits.

This may be fine for human beings who twiddle fingers all the time, but the idea of tenness is unknown to computers. All they understand is on and off. Either a bit (a core in memory or a place with a charge) is charged or discharged; magnetized or unmagnetized, and so forth. That is just two values. Therefore, computers are built to be based on a number system where one counts by twos, the binary system.

In binary, there are just two digits, 0 and 1. We may have .jpg files, HTML browsers, Power Point presentations, and DLLs, but when you get down to the lowest layer of any of these, they turn out to be just strings of ones and zeroes. It turns out you don't need ten digits to count all conceivable numbers. All you need is just two digits, or bits (short for binary digits). So one can start counting with 0, 1. What's next? Use place notation. The next number can't be 2, since we are not allowing use of that digit. So we must go to the next place and call it 10. This is not ten. It is two. That says the one in the second place means 1 times two. We continue counting, and go 0, 1, 10, 11. Now we run out just like we did at 99 in decimal. So we go to the third place and get 100, which we call "four". So the third place represents fours. Each place is double the previous one, so the next one is eights, then sixteens, thirty-twos, and so forth.

Take a binary number like 10101011. This means 1 x 128 + 0 x 64 + 1 x 32 + 0 x 16 + 1 x 8 + 0 x 4 + 1 x 2 + 1 x 1, which is 128+32+8+2+1 or 171 in decimal. (I used decimal numbers like "16" since that is just about the only way we know them).

After working with them a while, we can remember that 1100 is twelve and 101 is five and so forth, but what is 110100101010110101000100001111010101010100010101? I am not sure even by glancing at it how big that number is! Human beings are just not built for binary numbers. We can conceive of a concept with ten values, like a digit, but we can hold only 6 or 7 digits in our mind at any time. This limits us in binary to about 128.

To make it easier to comprehend computer numbers, another base is used: sixteen, which is two to the fourth power, or 10000 in binary; 16 in decimal. In this system we count by sixteens. So we count 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, like in decimal. We need more digits to get to sixteen. Human culture has not provided us with any digits, so we need to make up our own. Usually we use the other common type of character in our culture, the alphabet letter. So we continue A, B, C, D, E, F. This means that A is ten, B is eleven, and so forth to F which is fifteen. After that comes 10, meaning sixteen. Then 11, 12, ..., 100 (which is sixteen times sixteen or 256), and so forth.

We could do all our arithmetic in base sixteen. We would have to learn new addition and multiplication tables (4 + 8 = C; 7 x 9 = 3F, and so forth), and there would be more facts to learn. However, decimal is likely to remain supreme for humans in the near future. But why bring up base sixteen, also called hexadecimal, which gets Latin about it? Because it is easy to convert from binary to sixteen. It turns out that hexadecimal digits correspond to groups of four binary digits, so that 5 is 0101, B is 1011 and so forth. This means that 10110101 = 1011 0101 is B5 in hexadecimal.

Still if we use base 2 and sixteen for computers, there is the need for converting these between each other and decimal. It is not obvious that 171 is 10101011 in binary or AB in hexadecimal. We need a quick way of converting back and forth.

I find these methods to be quickest by hand. I will explain first how to go between decimal and binary. Then I will describe how to go between either of these and hexadecimal. Given a decimal number like 233. How do you convert it to binary? First write down 233 and write half the number below it (116). If there is a remainder, ignore it. Repeat the process; that is, write half of 116 below the 116. That is 58. Continue until you get to 1. The result is:

233
116
58
29
14
7
3
1

Now write to the right of each number in this column a 1 if the number is odd and a 0 if the number is even. The result is:

233 1
116 0
58 0
29 1
14 0
7 1
3 1
1 1

Now read off the binary representation, going up from the bottom, to get 11101001.

To convert a binary number to decimal, one takes this process in reverse. Suppose one wants to convert 101110101101 to decimal. Write the number in a column like this, and place a zero to the upper left of the top of the column:

0
1
0
1
1
1
0
1
0
1
1
0
1

Starting with the 0, double it down the column. If the digit to the right is a 0, simply double the previous number. If it is a 1, double the previous number and add 1. Since the first digit is a 1, double the 0 and add 1. The result is 1. The next digit is a 0. So simply double the 1 to get 2. Since the next digit is a 1, double the 2 and add one to get 5. Keep doing this down the column and the last number in the column on the left will be the decimal number that corresponds to binary number 101110101101. The result is:

0
1 1
2 0
5 1
11 1
23 1
46 0
93 1
186 0
373 1
747 1
1494 0
2989 1

So the decimal equivalent is 2,989.

Now how about hexadecimal? First of all, converting between binary and hexadecimal. The first thing to do is to memorize this table. Know it by heart. When you see 1010, automatically think "A". 0110 should bring you visions of "6". If you know Morse Code, it is the same sort of drill, but with only 16 digits instead of 26 letters. Memorize this table:

0000 0
0001 1
0010 2
0011 3
0100 4
0101 5
0110 6
0111 7
1000 8
1001 9
1010 A
1011 B
1100 C
1101 D
1110 E
1111 F

Once you have this table memorized, it is simple to convert from binary to hexadecimal. Simply split the binary number into groups of four and translate them into hexadecimal digits that you just memorized. For example, to convert 101110101101 to hexadecimal, split it into fours:

1011 1010 1101
Then translate the fours into hexadecimal:
1011 1010 1101
B A D

so the hexadecimal for 101110101101 is BAD. No that does not mean there is something wrong with it. BAD is the hexadecimal number "eleven ten thirteen".

To convert from hexadecimal to binary, do the process in reverse. Replace each hexadecimal number with its binary equivalent. For example, let's ring out the old DECADE. No, let's just convert it to binary for now. The result is:

D E C A D E
1101 1110 1100 1010 1101 1110

so the binary is 110111101100101011011110.

To convert between decimal and hexadecimal, convert to binary first. For example, to convert 1001, a thousand and one, to hexadecimal, first convert 1001 to binary:

1001 1
500 0
250 0
125 1
62 0
31 1
15 1
7 1
3 1
1 1

The binary is 1111101001. This has ten digits, which is not divisible by four, so add zeroes to make it divisible by four. In this case, add two zeroes: 001111101001. Then split it up and obtain the hexadecimal:

0011 1110 1001
3 E 9

so the hexadecimal is 3E9. The hexadecimal for 1001 is 3E9.
To convert the other way, from hexadecimal, convert it to binary and then to decimal. For example, to convert 2B2B to decimal, convert it to binary first:

2 B 2 B
0010 1011 0010 1011

The binary for 2B2B is 0010101100101011, or 10101100101011, since the initial zeroes don't add anything. Convert it to decimal:

0
1 1
2 0
5 1
10 0
21 1
43 1
86 0
172 0
345 1
690 0
1381 1
2762 0
5525 1
11051 1

The decimal for 2B2B is 11,051.

With these methods in mind, once you memorize that table above, you can quickly convert from decimal to binary and back again. Good luck converting!

Ref : http://www.mindspring.com/~jimvb/binary.htm

Microsoft CEO: " No interest in buying Yahoo "

ulumamis@yahoo.co.id (Taufik Batubara) — Sat, 08 Nov 2008 04:31:00 +0000

SYDNEY, Australia - Yahoo Inc. shares dived nearly 13 percent after the chief executive of Microsoft Corp. said Friday the software giant is not interested in renewing its bid for the struggling Internet company.

Microsoft's Steve Ballmer told a business lunch in Sydney that he had moved on after Yahoo rejected its takeover bid in the spring. He did suggest a partnership in the search engine market is possible.

"We made an offer, we made another offer, and it was clear that Yahoo didn't want to sell the business to us and we moved on," Ballmer said. "We are not interested in going back and re-looking at an acquisition. I don't know why they would be either, frankly. They turned us down at $33 a share."

Yahoo shares fell $1.76 to close Friday at $12.20.

Yahoo's co-founder and chief executive, Jerry Yang, said Wednesday that Microsoft should make another bid for his company, which runs the world's No. 2 search engine. His appeal came after top search engine Google Inc. backed out of an Internet advertising partnership with Yahoo to avoid a challenge from the U.S. Justice Department, which said it would sue to block the deal on antitrust grounds.

Yahoo had been counting on the Google Inc. deal to boost its finances and placate shareholders still incensed by management's decision to reject the $47.5 billion takeover bid from Microsoft six months ago.

"I'm sure there are still some opportunities for some kind of partnership around search, but I think (an) acquisition is a thing of the past," Ballmer said.

He also told the Australian audience that Microsoft saw an opportunity to reinvent the online search process.

"If anybody thinks the future of search is going to look like the present search, that's crazy," Ballmer said. "The user interface on search hasn't changed for six years. You still get the same dull, boring 10 blue links, for God's sake. Can't we do any better than that?"

Microsoft shares gained 3 percent to $21.50.

What is Pay Per Click?

ulumamis@yahoo.co.id (Taufik Batubara) — Tue, 04 Nov 2008 09:18:00 +0000

Pay per click (PPC) is an Internet advertising model used on search engines, advertising networks, and content websites, such as blogs, where advertisers only pay when a user actually clicks on an advertisement to visit the advertisers' website. With search engines, advertisers typically bid on keyword phrases relevant to their target market. When a user types a keyword query matching an advertiser's keyword list, or views a webpage with relevant content, the advertisements may be displayed. Such advertisements are called sponsored links or sponsored ads, and appear adjacent to or above the "natural" or organic results on search engine results pages, or anywhere a webmaster or blogger chooses on a content page. Content websites commonly charge a fixed price for a click rather than use a bidding mechanism.

Although many PPC providers exist, Google AdWords, Yahoo! Search Marketing, and Microsoft adCenter are the largest network operators as of 2007. Minimum prices per click, often referred to as costs per click (CPC), vary depending on the search engine and the level of competition for a particular phrase or keyword list—with some CPCs as low as US$0.01. Very popular search terms can cost much more on popular search engines. The PPC advertising model is open to abuse through click fraud, although Google and other search engines have implemented automated systems to guard against abusive clicks by competitors or corrupt webmasters.[1]

Categories
Pay per click campaigns can be categorized into two major categories: sponsored match (or keyword) and content match. Sponsored match campaigns involve the display of advertisements on search engine results pages, whereas content match campaigns involve the display of advertisements on publisher websites, newsletters, and e-mails.[2]

There are other types of pay per click programs that target product or service searches and product comparison sites. Search engine companies may participate in more than one category. PPC programs do not generate any revenue solely from Web traffic for websites that display the advertisements: Revenue is generated only when a user clicks on the advertisement itself.

Keyword-based PPC
Keyword-based pay per click advertisers bid on search terms—keywords consisting of words or phrases, and possibly product model numbers. When a user searches for a particular keyword, the list of advertiser links appears, where the ordering of those links is based on the amount bid for the given keyword. Keywords are the very heart of PPC advertising, and are guarded as highly-valued trade secrets by the advertisers. Many advertising firms offer software or services to help advertisers develop keyword strategies. Content Match, a service offered by Yahoo!, distributes the keyword ad to the search engine's partner sites and/or publishers that have distribution agreements with the search engine company.

As of 2007, the following are notable PPC keyword search engines:

Ask.com
Baidu
Google AdWords
LookSmart
Microsoft adCenter
MIVA
Yahoo! Search Marketing
Yandex

Product engines

Product engines (a.k.a. product comparison engines or price comparison engines) are search engines for products, and let advertisers provide "feeds" of their product databases. When a user searches for a product, links to advertisers are displayed for that particular product. More prominence is given to advertisers who pay more; however, the user can typically sort by price.

Some product engines such as Shopping.com use a pay per click model and have a defined rate card.[3] Other engines such as Google Product Search, part of Google Base (previously known as Froogle), do not charge for the listing, but still require an active product feed to function.[4]

The following are notable PPC product engines:

NexTag
PriceGrabber
Shopping.com
Shopzilla

Service engines

Service engines allow advertisers to provide feeds of their service databases. When a user searches for a service, links to advertisers are displayed for that particular service. More prominence is given to advertisers who pay more; however, the user can typically sort by price or other criteria. Some pay per click product engines have expanded into the service space, while other service engines operate in specific vertical markets.

The following are notable PPC service engines:

NexTag
SideStep
TripAdvisor

Pay per call
Pay-per-call is a business model for advertisement listings in search engines and directories that allows publishers to charge local advertisers on a per-telephone-call basis for each sales lead (i.e., call) the publishers generate. The term "pay per call" is sometimes confused with click-to-call, which along with call tracking, is a technology that enables the pay-per-call business model. Pay per call is not restricted only to local advertisers: Many of the pay per call search engines allow advertisers with a national presence to create advertisements with local telephone numbers. According to the Kelsey Group, the pay per call market is expected to reach US$3.7 billion by 2010.[5]

Pay per delivery
Pay per delivery is a variation on pay per click used in e-mail marketing. E-mail marketing campaigns are charged only on the basis of e-mails that are delivered successfully.

Pay per action
Pay per action (PPA) is a variation on pay per click adopted by many search engines. An advertiser pays a specified amount upon successful completion of some action (e.g., conversion, sales lead, or sale). PPA was a beta test for advertising distribution within the Google Content Network. However, Google announced in July 2008 that the program will be discontinued in August 2008.

History
In February 1998 Jeffrey Brewer of Goto.com, a 25-employee startup company (later Overture, now part of Yahoo!), presented a pay per click search engine proof-of-concept to the TED8 conference in California.[6] This presentation and the events that followed created the PPC advertising system. Credit for the concept of the PPC model is generally given to Idealab and Goto.com founder, Bill Gross.

Google started search engine advertising in December 1999. It was not until October 2000 before the AdWords system was introduced, allowing advertisers to create text ads for placement on the Google search engine. However, PPC was only introduced in 2002; until then, advertisements were charged at cost-per-thousand impressions. Yahoo! advertisements have always been PPC-based since their introduction in 1998.

For a more in-depth presentation of PPC's history, see Fain and Pedersen (2006).[7]

Use in "paid to surf" websites
Pay per click search engines enlist members, known as affiliates, to display webpages called portals, which display various keywords. PPC affiliates will advertise their portals to paid to read (PTR) websites, in the hopes that the PTR affiliates will click a keyword, and then click one of the results. The PPC affiliates receive a small commission for each search.

Owners of paid to surf websites may advertise their own search portals, sending more advertisements—and essentially more money—to their affiliates who click more keywords and search results. However, this process is frowned upon, as many consider these webmasters to be forcing their affiliates into committing click fraud, as the majority of the paid to surf website's revenue may come from the webmasters' PPC commissions.

ref:http://en.wikipedia.org/wiki/Pay_per_click

Add Yahoo! Messenger Emoticons to blog

ulumamis@yahoo.co.id (Taufik Batubara) — Sat, 01 Nov 2008 04:31:00 +0000

If you often chatting with yahoo! messenger, possibly you will familiar with emoticons such as :

How to adding Yahoo Emoticons to your post? there is very easy. You just add the codes to your post, what you want to put. However when you post an article, you must choose edit html tab tab, don't at compose tab tab.

tab, don't at tab.

This is the codes :

happy:)happy

sad:(sad

winking;)winking

big grin:Dbig grin

batting eyelashes;;)batting eyelashes

big hug>:D < src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" border="0" height="18" width="18">

confused:-/confused

love struck:xlove struck

blushing:">blushing

tongue:Ptongue

kiss:-*kiss

broken heart=((broken heart

surprise:-Osurprise

angryX(angry

smug:>smug

coolB-)cool

worried:-Sworried

whew!#:-Swhew!

devil>:)devil

crying:((crying

laughing:))laughing

straight face:straight face

raised eyebrow/:)raised eyebrow

rolling on the floor=))rolling on the floor

angelO:-)angel

nerd:-Bnerd

talk to the hand=;talk to the hand

Yahoo hidden emoticons

puppy dog eyes - New!:o3puppy dog eyes - New!

I don't know:-??I don't know

not listening%-(not listening

pig:@)pig

cow3:-Ocow

monkey:()monkey

chicken~:>chicken

rose@};-rose

good luck%%-good luck

flag**==flag

pumpkin(~~)pumpkin

coffee~O)coffee

idea*-:)idea

skull8-Xskull

bug=:)bug

alien>-)alien

frustrated:-Lfrustrated

praying[-O< src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif" border="0" height="18" width="18">

money eyes$-)money eyes

whistling:-"whistling

feeling beat upb-(feeling beat up

peace sign:)>-peace sign

shame on you[-Xshame on you

dancing\:D/dancing

bring it on>:/bring it on

hee hee;))hee hee

chatterbox:-@chatterbox

not worthy^:)^not worthy

oh go on:-joh go on

star(*)star

hiroo->hiro

billyo=>billy

aprilo-+april

yin yang(%)yin yang

This is the steps to add YM emoticons

When you post your article, choose tab. Write your article, and add some emoticons where you want at your post. For example :

Hi everybody, today i feel because i'm to someone

Publish your post, and the result will be like this :

Hi everybody, today i feel because i'm to someone

Besides above way, there is other way which more simple that is as follows :

1. You must used Firefox browser when you following this tutorial. Not yet have Firefox? don't worry, you can download at this blog for free, please click the button below :

2. Open your Firefox browser

3. Install greas monkey, please click here!

4. Click this script, and then click install.

5. Go to yout template editor, and find this code ]]>

6. Copy and paste following codes above of ]]>

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

7. Click Save Template button.

8. Done.

After this, you will see the emoticons at your post Editor. However it only at compose tab tab editor. Screenshot :

post editor with yahoo emoticons

Remember, this is work at Firefox, not for internet explorer.

Beside at my blog, you can read this tutorial at this blog and that blog.

See you at my next post. Don't miss it.

Change The Address bar Icon (Favicon)

ulumamis@yahoo.co.id (Taufik Batubara) — Wed, 29 Oct 2008 08:42:00 +0000

If you open a web/blog you will see an icon on addressbar. If you make blog in blogger your default icon will be like this:

But you can change the icon (favicon) with your own picture. it's very simple to do that. The first thing you have to do is prepare an image with low dimension, it's about 22x22 pixel to 32x32 pixel, actualy bigger is no problem but it will reduce speed to open your web/blog. And they can be formatted as gif, jpg, bmp, ico, png. Then you store your image to webhosting. But if don't know how to make it or don't want to occupied you can use the icon listed below. Ok lets begin the trick.

1. Login to blogger, chose "Layouts --> Edit HTML
2. Put the code below into your tag or below code.

"link

href=http://ambasagai.fileave.com/image1.gif rel='SHORTCUT ICON'/>

3. The bold text is an address for your icon, you can change it with your own or just copy the below listed address icon.
4. Save your editing.

here is the icon and it's addres

" : http://ambasagai.fileave.com/image1.gif
" : http://ambasagai.fileave.com/image2.gif
" : http://ambasagai.fileave.com/image3.gif
" : http://ambasagai.fileave.com/image4.gif
" : http://ambasagai.fileave.com/image5.gif
: http://ambasagai.fileave.com/image6.gif
: http://ambasagai.fileave.com/image7.gif
" : http://ambasagai.fileave.com/image8.gif
" : http://ambasagai.fileave.com/image9.gif
" : http://ambasagai.fileave.com/image10.gif
" : http://ambasagai.fileave.com/image11.gif
" : http://ambasagai.fileave.com/image12.gif
" : http://ambasagai.fileave.com/image13.gif
" : http://ambasagai.fileave.com/image14.gif
" : http://ambasagai.fileave.com/image15.gif
" : http://ambasagai.fileave.com/image16.gif

Embedded Comment Form Under Post

ulumamis@yahoo.co.id (Taufik Batubara) — Tue, 28 Oct 2008 06:15:00 +0000

one of the new features from blogger.com is Embedded Commenet From, now you will have a comment form under your post.

The screenshot would be like this :

Are you ready to do some action? Below are the steps to get Comment Form under Post!

Login to http://draft.blogger.com with your blogger ID. Just remember, you should login to http://draft.blogger.com not to http://blogger.com because this feature is still in draft.
Click Settings.
Click Comments tab
Go to Comment Form Placement and choose Embedded below post. Refer to picture below :
Click save Settings button.
Done.

Please View your blog and click your post title to open your post and you should be able to see the comment form under your post. Are there success? If those things didn’t work please follow the steps below :

Click Layout tab.
Click Edit HTML tab.
Click Download Full Template. Please back up your template (important!)
Please tick the little box beside Expand Widget Templates. Refer to picture below :

Find the code like this (some of template is different, please focus on Green color and some template have two code, please choose the code at your bottom template code:



<p class='comment-footer'>
   <b:if cond='data:post.allowComments'>
   <a expr:href='data:post.addCommentUrl'             expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>

</p>

Delete the above code and replace with codes below :


<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>


<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>

Click SAVE TEMPLATE

Done. Please see the result.

Display Yahoo Messenger Status on Blog

ulumamis@yahoo.co.id (Taufik Batubara) — Mon, 27 Oct 2008 08:51:00 +0000

The advantage of showing Yahoo Messenger status on your blog is your visittors can talk or ask something to you directly via YM, it will make your relationship with your visitor to be more tighly. Ok lets begin.

If you’re oflfline, it will display image like this:

And if you’re online, it will display icon like this:

It’s very simple to create it. You just copy the code below and put it on your "Page Element" or sidebar.

Change the red text (Ulumamis) with your YM id.
Look at the green number "2", you can change it. What the result of doing this? you will different image/icon as your YM status.

You must try it !!!!

GOOGLE CHROME

ulumamis@yahoo.co.id (Taufik Batubara) — Thu, 23 Oct 2008 04:39:00 +0000

Google Chrome is an open source, free web browser developed by Google that has about 1% share of browser market. It was first released as a beta version for Microsoft Windows on 2 September 2008. The name is derived from the graphical user interface frame, or "chrome", of web browsers.
Chromium is the open source project behind Google Chrome, and is released under the BSD license. It implements the same feature set, but has a slightly different logo.

History

Announcement
The release announcement was originally scheduled for 3 September 2008, and a comic by Scott McCloud was to be sent to journalists and bloggers explaining the features of and motivations for the new browser.[6] Copies intended for Europe were shipped early and German blogger Philipp Lenssen of Google Blogoscoped[7] made a scanned copy of the 38-page comic available on his website after receiving it on 1 September 2008.[8] Google subsequently made the comic available on Google Books and their site[9] and mentioned it on its official blog along with an explanation for the early release.[10]

Public release

The browser was first publicly released for Microsoft Windows (XP and later only) on 2 September 2008 in 43 languages, officially a beta version. Chrome quickly gained about 1% market share. Mac OS X and Linux versions are under development.[11][12][13][14]
On 2 September, a CNET news item[15] drew attention to a passage in the terms of service for the initial beta release, which seemed to grant to Google a license to all content transferred via the Chrome browser. The passage in question was inherited from the general Google terms of service.[16] On the same day, Google responded to this criticism by stating that the language used was borrowed from other products, and removed the passage in question from the Terms of Service.[17] Google noted that this change would "apply retroactively to all users who have downloaded Google Chrome."[18] There were subsequent concerns about the browser's use of an unusual tracking feature that sends information about visited websites back to Google. The company stated that this is only enabled when users opt in by checking the option "help make Google Chrome better by automatically sending usage statistics and crash reports to Google" when the browser is installed.[19]
The first release of Google Chrome passed the Acid1 and Acid2 tests. While it did not pass the Acid3 test, it scored 78 out of 100 required to pass the test. This is higher than both Internet Explorer 7 (14) and Firefox 3 (71), but lower than Opera (84).[20] When compared to development builds, Chrome scored lower than Firefox (85), Opera (99), and Safari (100), but still higher than Internet Explorer (21).[20]
[edit]Unofficial Chromium releases, workarounds and mod utilities
On 15 September 2008, CodeWeavers released an unofficial bundle of a WINE derivative and Chromium Developer Build 21 for Linux and Mac OS X, which they dubbed "CrossOver Chromium".[21][22]
An unofficial workaround for use with Windows 2000 was referenced on one of Chromium's issue discussion pages.[23]
An unofficial patch was also released to fix a scrolling bug, which affected certain mouse software.[24]
Iron is a release of Chromium software that explicitly disables the collection and transmission of usage information to Google which is optional within Chrome.[25]

Development

Primary design goals were improvements in security, speed, and stability compared to existing browsers. There also were extensive changes in the user interface.[9] Chrome was assembled from 26 different code libraries from Google and others from third parties such as Netscape.[26]

Security

Chrome periodically downloads updates of two blacklists (one for phishing and one for malware), and warns users when they attempt to visit a harmful site. This service is also made available for use by others via a free public API called "Google Safe Browsing API". Google notifies the owners of listed sites who may not be aware of the presence of the harmful software.[9]
Chrome will typically allocate each tab to fit into its own process to "prevent malware from installing itself" or "using what happens in one tab to affect what happens in another", however the actual process allocation model is more complex.[27] Following the principle of least privilege, each process is stripped of its rights and can compute, but can not write files or read from sensitive areas (e.g. documents, desktop)—this is similar to the "Protected Mode" that is used by Internet Explorer 7 on Windows Vista. The Sandbox Team is said to have "taken this existing process boundary and made it into a jail";[28] for example, malicious software running in one tab is unable to sniff credit card numbers, interact with the mouse, or tell "Windows to run an executable on start-up" and it will be terminated when the tab is closed. This enforces a simple computer security model whereby there are two levels of multilevel security (user and sandbox) and the sandbox can only respond to communication requests initiated by the user.[29]
Typically, Plugins such as Adobe Flash Player are not standardized and as such, cannot be sandboxed as tabs can be. These often need to run at, or above, the security level of the browser itself. To reduce exposure to attack, plugins are run in separate processes that communicate with the renderer, itself operating at "very low privileges" in dedicated per-tab processes. Plugins will need to be modified to operate within this software architecture while following the principle of least privilege.[9] Chrome supports the Netscape Plugin Application Programming Interface (NPAPI),[30][31] but does not support the embedding of ActiveX controls.[31] Also, Chrome does not have an extension system such as Mozilla's XPInstall architecture.[32] Java applets support is available in Chrome as part of the pending Java 6 update 10, which currently is in Release Candidate testing.[33]
A private browsing feature called Incognito mode is provided that prevents the browser from storing any history information or cookies from the websites visited. This is similar to the private browsing feature available in Apple's Safari and the latest beta version of Internet Explorer 8.[34]
A denial-of-service vulnerability was found that allowed a malicious web page to crash the whole web browser.[35][36] However, Google Chrome developers confirmed the flaw, and it was fixed in the 0.2.149.29 release.[37]

Speed

The JavaScript virtual machine was considered a sufficiently important project to be split off (as was Adobe/Mozilla's Tamarin) and handled by a separate team in Denmark. Existing implementations were designed "for small programs, where the performance and interactivity of the system weren't that important," but web applications such as Gmail "are using the web browser to the fullest when it comes to DOM manipulations and Javascript." The resulting V8 JavaScript engine has features such as hidden class transitions, dynamic code generation, and precise garbage collection.[9] Tests by Google showed that V8 was about twice as fast as Firefox 3 and the Safari 4 beta.[38]
Several websites have performed benchmark tests using the SunSpider JavaScript Benchmark[1] tool as well as Google's own set of computationally intense benchmarks, which includes ray tracing and constraint solving.[39] They unanimously report that Chrome performs much faster than all competitors against which it has been tested, including Safari, Firefox 3, Internet Explorer 7, and Internet Explorer 8.[40][41][42][43] While Opera has not been compared to Chrome yet, in previous tests, it has been shown to be slightly slower than Firefox 3, which in turn, is slower than Chrome.[44][45] Another blog post by Mozilla developer Brendan Eich compared Chrome's V8 engine to his own TraceMonkey Javascript engine which is newly introduced in Firefox 3.1alpha, stating that some tests are faster in one engine and some are faster in the other, with Firefox 3.1a faster overall.[46] John Resig, Mozilla's JavaScript evangelist, further commented on the performance of different browsers on Google's own suite, finding Chrome "decimating" other browsers, but he questions whether Google's suite is representative of real programs. He states that Firefox performs poorly on recursion intensive benchmarks, such as those of Google, because the Mozilla team has not implemented recursion-tracing yet.[47]
Chrome also uses DNS prefetching to speed up website lookups.[48]

Stability

The Gears team was considering a multithreaded browser (noting that a problem with existing web browser implementations was that they are inherently single-threaded) and Chrome implemented this concept with a multi-process architecture,[49] similar to Loosely Coupled Internet Explorer (LCIE) recently implemented by Internet Explorer 8.[50] By default, a separate process is allocated to each site instance and plugin.[51] This prevents tasks from interfering with each other, which is good for security and stability; an attacker successfully gaining access to one application does not gain access to all, and failure in one application results in a Sad Tab screen of death, similar to the well-known Sad Mac, except only one single tab crashes instead of the whole application. This strategy exacts a fixed per-process cost up front, but results in less memory bloat overall as fragmentation is confined to each process and no longer results in further memory allocations.[52]
Chrome features a process management utility called the Task Manager which allows the user to "see what sites are using the most memory, downloading the most bytes and abusing [their] CPU" (as well as the plugins which run in separate processes) and terminate them.[9] Some users have reported a conflict with Internet Explorer, often resulting in the blue screen error on Windows.[53

User interface

The main user interface includes back, forward, refresh, bookmark, go, and cancel options. The options are similar to Safari, while the location of the settings is similar to versions of Internet Explorer starting with version 7. The design of the window is based on Windows Vista.
When the window is not maximized, the tab bar appears directly under the title bar. When maximized, the title bar disappears, and instead, the tab bar is shown at the very top of the window. Unlike other browsers such as Internet Explorer or Firefox which also have a full-screen mode that hides the operating system's interface completely, Chrome can only be maximized like a standard Windows application. Therefore, the Windows task bar, system tray, and start menu link still take space at all times unless they have been configured to hide at all times.
Chrome includes Gears, which adds features for web developers typically relating to the building of web applications (including offline support).[9]
Chrome replaces the browser home page which is displayed when a new tab is created with a New Tab Page. This shows[54] thumbnails of the nine most visited web sites along with the sites most often searched, recent bookmarks, and recently closed tabs.[9]
The Omnibox is the URL box at the top of each tab, which combines the functionalities of both URL box and search box. It includes autocomplete functionality, but only will autocomplete URLs that were manually entered (rather than all links), search suggestions, top pages (previously visited), popular pages (unvisited), and text search over history. Search engines also can be captured by the browser when used via the native user interface by pressing Tab.[9]
Popup windows "are scoped to the tab they came from" and will not appear outside the tab unless the user explicitly drags them out.[9] Popup windows do not run in their own process.[citation needed]
Chrome uses the WebKit rendering engine to display web pages, on advice from the Android team.[9] Like most browsers, Chrome was extensively tested internally before release with unit testing, "automated user interface testing of scripted user actions" and fuzz testing, as well as WebKit's layout tests (99% of which Chrome is claimed to have passed). New browser builds are automatically tested against tens of thousands of commonly accessed websites inside of the Google index within 20-30 minutes.[9]
Tabs are the primary component of Chrome's user interface and as such, have been moved to the top of the window rather than below the controls. This subtle change contrasts with many existing tabbed browsers which are based on windows and contain tabs. Tabs (including their state) can be transferred seamlessly between window containers by dragging. Each tab has its own set of controls, including the Omnibox.[9]
Chrome allows users to make local desktop shortcuts that open web applications in the browser. The browser, when opened in this way, contains none of the regular interface except for the title bar, so as not to "interrupt anything the user is trying to do." This allows web applications to run alongside local software (similar to Mozilla Prism and Fluid).[9]
By default, the status bar is hidden whenever it is not being used. However, it appears at the bottom left corner whenever a page is loading and when a hyperlink is hovered over.
For web developers, Chrome features an element inspector similar to the one in Firebug.[4

Usage Tracking and Communication

Google Chrome identifies each installation with a unique ID and collects usage statistics including keystrokes. Chrome's usage tracking option enables the software to regularly transmit this information to Google[55][not in citation given]. Usage tracking is an option presented to the user during the software's installation. Once accepted, it is possible to disable the transmission of this information by modifying Chrome's "Under the Hood" options.[56] Freeware programs such as UnChrome can remove the unique ID without having to change the browser.[57] Unofficial builds, such as SRWare Iron, seek to remove these features from the browser altogether[58].

Plugins & Themes

Recently, people have started releasing different plugins and themes (Similar to how Firefox uses themes and plugins) for the Chrome browser. Although there is no "official" program to install them with, users have found a way to use them.

Reception

The Daily Telegraph's Matthew Moore summarizes the verdict of early reviewers: "Google Chrome is attractive, fast and has some impressive new features, but may not—yet—be a threat to its Microsoft rival."[59]
Microsoft reportedly "played down the threat from Chrome" and "predicted that most people will embrace Internet Explorer 8."[60] Opera Software said that "Chrome will strengthen the Web as the biggest application platform in the world."[60] Mozilla said that Chrome's introduction into the web browser market comes as "no real surprise", that "Chrome is not aimed at competing with Firefox", — and furthermore, should not affect Google's financing of Firefox.[61][62]
Chrome’s design bridges the gap between desktop and so-called “cloud computing.” At the touch of a button, Chrome lets you make a desktop, Start menu, or Quick Launch shortcut to any Web page or Web application, blurring the line between what’s online and what’s inside your PC. For example, I created a desktop shortcut for Google Maps. When you create a shortcut for a Web application, Chrome strips away all of the toolbars and tabs from the window, leaving you with something that feels much more like a desktop application than like a Web application or page.
—PC World [63]
On September 9, 2008 the German Federal Office for Information Security (BSI) issued a statement about their first examination of Chrome, expressing a concern over the prominent download links on Google's German web page, because "beta versions should not be employed for general use applications" and browser manufactures should provide appropriate instructions regarding the use of pre-released software. They did, however, praise the browser's technical contribution to improving security on the web.[64]
Concern about Chrome's optional usage collection and tracking have been noted in several publications.[65][66]

Create Tab View

ulumamis@yahoo.co.id (Taufik Batubara) — Wed, 22 Oct 2008 08:44:00 +0000

Tab View is very usefull box. We can fill it with many contain. It will save our blogs area. (See Image Below)

Here is Tutorial how to create a tab view:

1. Login to blogger, go to "Layout --> Edit HTML"
2. Then find this code ]]></b:skin>
3. Insert the below code before ]]></b:skin> or in CSS tag.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Width top main menu */
text-align: center;
height: 24px; /* Height top main menu */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Top Main menu border color */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Top main menu font */
font-weight: 900;
color: #000; /* Top main menu font color */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Top main menu background color */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Content Border color */
overflow: hidden;
background-color: #FF9900; /* Content background color */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. You can change the code according to the red text explanation. To get html color code see HERE
5. The next step is put the code below before </head>

6. Then "save" it.
7. Go to "Page Elements" menu
8. Chose "Add Page Element" --> "HTML/Javascript" in place where you want to put this tab.
9. Insert this code :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Note :
- The number or the blue text(350px) Is size of the tabview.
- The green code is the main menu text
- The red code is the content of tabview. you can fill it with links, banner, widget, comment or anything.
- To add more menu, see on the blink code. Add the code under it.

Good luck every body.

How to Create Dropdown Menu

ulumamis@yahoo.co.id (Taufik Batubara) — Mon, 20 Oct 2008 08:16:00 +0000

What is dropdown menu?
Dropdown menu is like this :

Here is the trick how to create dropdown menu :

Copy the code below and put it on your page elements.

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Blog Archive</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

The red text is links, change it with your links.
The blue text is Anchor text. Yau must change it.

For example :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Blog Archive</option>
<option value="http://trick-blog.blogspot.com/2008/02/tutorial-to-create-dtree-menu.htmll"> How to Create Dtree Menul </option>
<option value="http://trick-blog.blogspot.com/2008/01/how-to-create-search-engine-in-blogger.html"> How to Create Search Engine </option>
</select>

The result would be like this:

To add more menu/item, put a code like below

<option value="Links 3">Text 3</option>

before this code </select>

If you want the links opened in new window, change the code below

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

with this code ::

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

The resul would be like this:

How To Create Readmore

ulumamis@yahoo.co.id (Taufik Batubara) — Sun, 19 Oct 2008 06:18:00 +0000

If you post an articel to your blog it will displayed on a main page, if you have a long post content, your blog will opened more long time. But it can be tricked with a script to short your post or only abstraction post will dispaled on a main page, and the full post will replaced by "Read More" link. Here's the trick to create "Readmore"

1. You have to Login to blogger, then chose Layouts --> Edit HTML
2. Click on "Expand Widgets Template" checkbox.
3. Find the code below in your HTML Codes. ( the short way to find is by copy the code below then press "Ctrl + F" then paste in the box)

4. If you have found it, put the code below under the above code.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

5. Under the code, you will find code like this <p><data:post.body/></p> you have to put the code below under it.

6. You can change the "Read More" text with other.
7. Save your job.
8. Go to Setting --> Formatting Tab menu
9. At the lower page you will found "text area" box beside text "Post Template"
10. Put the code below to the box

11. Then click Save the setting.
12. If you want to post, put your short post or description above this code <span class="fullpost">, and the next or full post put between <span class="fullpost"> and </span> code.

GOOD LUCK!!!!!

How to Hide Your Post Date, Time and/or Author

ulumamis@yahoo.co.id (Taufik Batubara) — Sat, 18 Oct 2008 06:47:00 +0000

There are some reason for bloger to hide Post date, time and author. May be they want to see their blog looks clear or everything. Now I will show you the trick to "hide your post date, time and or author". the mothods is very simple, just find the code that I pointed to you and delete it. You can chose which part want to delete, date only, time only, author only or it all. Ok, if you decided to do it lets begin the hack.

1. Login to blogger the go to "Layout --> Edit HTML"
2. Click on the "Download Full Template" to back up your template first.
3. Check on the "Expand Widget Templates" check box.

Hide Post Date
find this code and delete it.
<data:post.dateHeader/>.

Hide Post Time
find this code and delete it.
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'
title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>.

Hide Post Author
find this code and delete it.
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
.

5. Save your editting

Good Luck ............

Related Post :
Change Post Date Become Calender Icon

Feature Draft Blogger

ulumamis@yahoo.co.id (Taufik Batubara) — Sat, 18 Oct 2008 03:41:00 +0000

KOmentar di Bawah Postingan

Emang Blogger terus Selalu memberikan pelayanan yang memudahkan para Penggunannnya.. salah satu Featurenya adalah [Blogger In Draf].

cara Menggunakannya Mudah ketik aja URLnya di http://draft.blogger.com/

Didalam Draft Blogger ini ada Feature Membuat Kotak komentar dibawah postingan.. maksudnya apa sih?? ituloh kaya Kotak Komentar Yang ada di Wordpress yang langsung di bawah article...

cara Mengaturnya mudah kalo sudah masuk ke http://draft.blogger.com/ pilih tab {Setting/Pengaturan}terus Klik juga {Comment/Komentar}.Contoh Gambarnya bisa diliat seperti yang dibawah ini.. :

Tuh yang dilingkari warna merah settinganya,,, Kemudian setelah itu {Save/Simpan}
Dan silahkan lihat hasil Modifikasinya..

Semoga Berhasil..

Sangat disayangkan jika Ilmu hanya Copy paste...
Berkreasilah dengan Cara mengembangkannya ..
Maju terus Blogger iNdonesia..

Sumber :http://dunia-blogger.blogspot.com/2008/07/coment-under-post.html

How to Create Horizontal Tabs Menu

ulumamis@yahoo.co.id (Taufik Batubara) — Fri, 17 Oct 2008 06:37:00 +0000

What is horizontal tabs menu? horizontal tabs menu is bla..bla..bla... I can't explain anymore, he..he., it's look like this:

To create it is not as simple as it's look, it's complicated. You have to design button, you have to create CSS and HTML code. Now I will show you how to create "Horizontal tabs menu" in blogger.

The first thing you have to di is create an image like this:

and

If you can't to create it, you can use my below images:


blackleft.gif	blackright.gif

greenleft.gif	greenright.gif

redleft.gif	redright.gif

unguleft.gif	unguright.gif

yellowleft.gif	yellowright.gif

blueleft.gif	blueright.gif

whiteleft.gif	whiteright.gif

Ok, let's begin

1. Login to Blogger, chose "Lay out --> Template --> Edit HTML"
2. Don't forget to backup your template first.
3. Check the "Expand Widget Templates" checkbox.
4. Try to find this code ]]></b:skin>, if you found it then put the code below above it

/*credits : http://trick-blog.blogspot.com */
#tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5;
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background:url("http://blogoholic.info/files/menu/blackleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background:url("http://blogoholic.info/files/menu/blackright.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#24618E;
}
#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
background-position:0% -42px;
}
#tabshori a:hover span {
background-position:100% -42px;
}

you can change the bold text with other image, for example, if you want to chose my red menu image the code will be like this:

background:url("http://blogoholic.info/files/menu/redleft.gif") no-repeat left top;

background:url("http://blogoholic.info/files/menu/redright.gif") no-repeat right top;

5. Then copy the code below

<div id="tabshori">
<ul>

<li><a href="http://trick-blog.blogspot.com"><span>Home</span></a></li>
<li><a href="http://trick-blog.blogspot.com"><span>Trik-Tips</span></a></li>
<li><a href="http://trick-blog.blogspot.com"><span>Free Template </span></a></li>
<li><a href="http://trick-blog.blogspot.com"><span>Blog Dictionary</span></a></li>
<li><a href="http:/trick-blog.blogspot.com"><span>Profile</span></a></li>
</ul>
</div >

change http://trik-tips.blogspot.com with your own link, and change the bold text with your own text.

6. Next step is to put the tabs menu into your blog, this more difficult because we have different templates. There are some methods to do this, Here is the methods, you can chose and try for any methods.

- methode A:
Find this code :<div id="content-wrapper">. if you found it, paste the above code (code number five) above it. Preview your template, if it looks good save your editting, but if it's not good try to put above this code </div>, you will find many codes like that, try to put the code above it and preview your your blog, do it more often until it's suitable for your template.

If you have nice with your menu position, is unnecessary to do methode B, but if you feel difficult to apply methode A you can try methode B
- methode B:
Find the below code :

<b:section class='header' id='header'
maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true'
title='your blog title (Header)' type='Header'/>
</b:section>

change the green text so that to become like this:

<b:section class='header' id='header'
maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false'
title='your blog title (Header)' type='Header'/>
</b:section>

Save your setting, the go to "Page Elements" and click "Add page Element " on the header area, chose "HTML/JavaScript" then put the number five code above into "content" box, then click "save" and preview your new blog.

How to Hide Navbar (Navigation Bar)

ulumamis@yahoo.co.id (Taufik Batubara) — Thu, 16 Oct 2008 06:31:00 +0000

Navbar (Navigation Bar) is fasility of blogger.com. But many blogger want to hide this navbar because it will make their blog layout look better without a box (navbar) above it. The Question "is this break TOS (Term Of Service) of blogger.com?" I don't know, but so far is good, there are many blogger hide their navbar but no reaction from blogger.com. So? do you want to hide Your blog navbar? if you want here's the trick to hide blogger navbar:

1. Login to Blogger then klick "Layout --> Edit HTML".
2. Copy the code below and insert into your <head> tag.

#navbar-iframe {
display: none !important;
}

3. for example put like this

-----------------------------------------------
Blogger Template Style
Name: xxx
Designer: xxx
URL: http://trick-blog.blogspot.com
Date: Januari 2008
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Save your setting, and open your blog, You will have no navbar in your blog page

CONGRATULATION!!!!!

Change Post Date Become Calender Icon

ulumamis@yahoo.co.id (Taufik Batubara) — Wed, 15 Oct 2008 06:22:00 +0000

If you bored with your blog face, may be you can use this trick to make your blog more beautiful. This trick will explain "how to change posting date to become a calender icon" like as you see in my blog. If you interest c'mon let's do it now.
The first thing you have to do is change your "date header format" to become mm.dd.yyyy (1.24.2008). How to do this? go to your blogger account, then chose "Setting --> Formatting, change "date header format" to become what I said before (mm.dd.yyyy) then save your setting.

Next step is go to tabs "Template --> Edit HTML". Don't forget to backup your template first. Click on a "Expand Widget Templates" check box. OK lets go to the deep trick.

1. Find this code <TITLE><data:blog.pageTitle/></TITLE> in your HTML. If you found it, put the code below under it.

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trick-blog.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

2. Then Find this code:

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

if you can't found it try to find this:

h2.date-header {
margin:1.5em 0 .5em;
}

3. OK, you have found it? next step is put the below code under it.

.dateblock {
background: url("http://blogoholic.info/files/kalender/bluecalend.gif")
no-repeat;
width: 50px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}

Code http://blogoholic.info/files/kalender/bluecalend.gif is the place for calender icon, you can change it with your own image or use my image below. what to do is change the bold text with the pictures code below, for example, if you want to change it with red icon calender, just change bluecalend.gif with redcalend.gif.
here is the icon images:


blackcalend.gif	blue2calend.gif	bluecalend.gif

greencalend.gif	orangecalend.gif	pinkcalend.gif

redcalend.gif	ungucalend.gif	yellowcalend.gif

4. Next step is find this code <data:post.dateHeader/>. The easy way to find it is by copying the code the press Ctrl-f then paste to the shown box, you will found the code immediately. If you didn't anything you can find it manually. OK, If you found it change the code with the below script.

<DIV class='dateblock'> <SCRIPT> date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>

5. Save your editting, and see the result, is it working? :t

if the month and date upper, you can add this code padding: 4px 0px 0px 0px; under this code .month { and this .day {

Good Luck ............

Membuat Tampilan Blog lebih menarik

ulumamis@yahoo.co.id (Taufik Batubara) — Tue, 14 Oct 2008 01:12:00 +0000

Hallo Para Blogger Mania dimanapun anda berada,:D . kali ini kita akan mencoba membahas tentang "Bagaimana Cara Membuat Postingan/Content Blog Agar Lebih menarik Dengan Icon2 Snyuman . Maksudnya apaan tuh?
Gini lho, kalo di layanan Blog lain semisal Wordpress, setiap kita mengetikkan tanda ini :) maka yang muncul adalah gambar ini :) , kalo tanda ini :p maka yang muncul gambar ini :p dan lain-lain . Nha kalo gitu kan akan membuat blog kita menjadi lebih expressive tuh. Sayangnya bagi kita yang memakai layanan di Blogger tidak mendapat fasilitas tersebut. Tapi tenang aja bung, dalam kali ini kita akan mencoba membahas bagaimana supaya bagi kita yang memakai layanan Blogger bisa seperti yang ada di Wordpress. Langkahnya cukup mudah, gini lho.....

1. Login ke blogger trus pilih Layout -->> Edit HTML
2. Beri tanda centang pada jawaban yang benar, eh, maksudnya pada Expand Widget Templates
3. Cari kode ini ]]></b:skin> (letaknya kira2 di bagian tengah posisi kiri)
4. Masukkan script di bawah ini persis dibawah kode ]]></b:skin>

<script src='http://ambasagai.fileave.com/smile/smile.js' type='text/javascript'/>

Jangan lupa disimpan, trus coba deh kamu posting dengan memakai kode-kode tersebut, Insya4JJI berhasil. kalo gagal coba lagi, kalo masih gagal ya coba sekali lagi, kalo masih gagal lagi ya mengkin servernya lagi down atau itu emang karena kamu kurang beruntung. :D

Berikut ini adalah beberapa standar kode smile yang bisa digunakan :

:) --> :)
:D --> :D
:$ --> :$
:( --> :(
:p --> :p
;) --> ;)
:k --> :k
:@ --> :@
:# --> :#
:x --> :x
:o --> :o
:L --> :L
:O --> :O
:r --> :r
:y --> :y
:t --> :t
:s --> :s
:~ --> :~
:v --> :v
:f --> :f
:d --> :d
:c --> :c
:z --> :z

Sebelum mengetikkan kodenya, harus di spasi dulu.
Semoga berhasil ya.... :D

Merubah Tampilan Wallpaper Toolbar

ulumamis@yahoo.co.id (Taufik Batubara) — Sat, 04 Oct 2008 01:48:00 +0000

Bosan dengan toolbar Windows Explorer yang coklat polos? Yuk, hiasi dengan gambar pilihan pribadi Sesuai Keinginan Kita..

Apa yang kita pakai untuk menjelajah isi harddisk, membuka folder, mengakses file di Windows? Jawabnya pasti Windows Explorer.

Anda bisa saja membuat Windows Explorer tampil lebih menarik. Caranya, hiasi toolbar Windows Explorer dengan gambar. Toolbar yang biasanya tampil dengan warna coklat polos tanpa motif bisa berubah menjadi toolbar dengan gambar pilihan kita.

Berikut adalah langkah-langkah untuk menghiasi toolbar dengan gambar.
1. Siapkan gambar untuk dijadikan latar belakang Windows Explorer. Lebar gambarnya sekitar 80 pixel, sedangkan panjangnya terserah Anda.
2. Ingat-ingat lokasi penyimpanan gambar tersebut dan pastikan gambar tersebut disimpan dengan format bitmap (BMP).
3. Buat sebuah file registry dengan menggunakan Notepad atau penyunting teks lainnya. Ketikkan skrip ini.

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER-Software-Microsoft-Internet Explorer-Toolbar]
"BackBitmap"="D:--Wallpaper--Gambar BLEACH--title.bmp"

Baris pertama menandakan bawah Registry Editor yang digunakan adalah Registry Editor versi 5 yang digunakan di Windows 2000, XP, atau NT. Kalau Anda memakai Windows 98 atau ME, ketikkan “REGEDIT4”. Baris berikutnya adalah letak file latar belakang yang hendak menghiasi toobar. Jika Anda tidak tahu letak filenya, klik kanan pada file latar belakang, klik [Properties], lalu salin tulisan yang ada pada bagian sebelah kanan Location. Jangan lupa, pada registry, direktori menggunakan “--”, bukan “-” seperti di Properties.

4. Selanjutnya simpan file tersebut dengan ekstensi REG. Caranya klik [File] > [Save As]. Di bagian “Save as type:” pilih [All Files], dan ketikkan nama file dengan ekstensi REG.