Hacker Programer

Mengenal Jaringan

noreply@blogger.com (Techno Islamic) — Mon, 14 Jul 2014 22:22:00 +0700

1. Apa itu Jaringan Komputer ?
JARINGAN komputer adalah sebuah kumpulan komputer, printer dan peralatan lainnya
yang terhubung dalam satu kesatuan. Informasi dan data bergerak melalui kabel-kabel
atau tanpa kabel sehingga memungkinkan pengguna jaringan komputer dapat saling
bertukar dokumen dan data, mencetak pada printer yang sama dan bersama-sama
menggunakan hardware/software yang terhubung dengan jaringan. Setiap komputer,
printer atau periferal yang terhubung dengan jaringan disebut node. Sebuah jaringan
komputer dapat memiliki dua, puluhan, ribuan atau bahkan jutaan node.

2. Jenis-Jenis Jaringan Komputer
Secara umum jaringan komputer dibagi atas lima jenis, yaitu ;
1. Local Area Network (LAN)
Local Area Network (LAN), merupakan jaringan milik pribadi di dalam sebuah gedung
atau kampus yang berukuran sampai beberapa kilometer. LAN seringkali digunakan
untuk menghubungkan komputer-komputer pribadi dan workstation dalam kantor
suatu perusahaan atau pabrik-pabrik untuk memakai bersama sumberdaya (resouce,
misalnya printer) dan saling bertukar informasi.
2. Metropolitan Area Network (MAN)
Metropolitan Area Network (MAN), pada dasarnya merupakan versi LAN yang
berukuran lebih besar dan biasanya menggunakan teknologi yang sama dengan LAN.
MAN dapat mencakup kantor-kantor perusahaan yang letaknya berdekatan atau juga
sebuah kota dan dapat dimanfaatkan untuk keperluan pribadi (swasta) atau umum.
MAN mampu menunjang data dan suara, bahkan dapat berhubungan dengan jaringan
televisi kabel.

3. Wide Area Network (WAN)
Wide Area Network (WAN), jangkauannya mencakup daerah geografis yang luas,
seringkali mencakup sebuah negara bahkan benua. WAN terdiri dari kumpulan mesinmesin
yang bertujuan untuk menjalankan program-program (aplikasi) pemakai.
4. Internet
Sebenarnya terdapat banyak jaringan didunia ini, seringkali menggunakan perangkat
keras dan perangkat lunak yang berbeda-beda . Orang yang terhubung ke jaringan
sering berharap untuk bisa berkomunikasi dengan orang lain yang terhubung ke
jaringan lainnya. Keinginan seperti ini memerlukan hubungan antar jaringan yang
seringkali tidak kampatibel dan berbeda. Biasanya untuk melakukan hal ini diperlukan
sebuah mesin yang disebut gateway guna melakukan hubungan dan melaksanakan
terjemahan yang diperlukan, baik perangkat keras maupun perangkat lunaknya.
Kumpulan jaringan yang terinterkoneksi inilah yang disebut dengan internet.
5. Jaringan Tanpa Kabel
Jaringan tanpa kabel merupakan suatu solusi terhadap komukasi yang tidak bisa
dilakukan dengan jaringan yang menggunakan kabel. Misalnya orang yang ingin
mendapat informasi atau melakukan komunikasi walaupun sedang berada diatas

mobil atau pesawat terbang, maka mutlak jaringan tanpa kabel diperlukan karena
koneksi kabel tidaklah mungkin dibuat di dalam mobil atau pesawat. Saat ini jaringan
tanpa kabel sudah marak digunakan dengan memanfaatkan jasa satelit dan mampu
memberikan kecepatan akses yang lebih cepat dibandingkan dengan jaringan yang menggunakan kabel.

3. Topologi Jaringan Komputer
Topologi adalah suatu cara menghubungkan komputer yang satu dengan komputer
lainnya sehingga membentuk jaringan. Cara yang saat ini banyak digunakan adalah bus,
token-ring, star dan peer-to-peer network. Masing-masing topologi ini mempunyai ciri khas,
dengan kelebihan dan kekurangannya sendiri.

6. Topologi BUS

Keuntungan
• Hemat kabel
• Layout kabel sederhana
• Mudah dikembangkan
Kerugian
• Deteksi dan isolasi kesalahan sangat kecil
• Kepadatan lalu lintas
• Bila salah satu client rusak, maka jaringan tidak bisa berfungsi.
• Diperlukan repeater untuk jarak jauh

7. Topologi TokenRING
Metode token-ring (sering disebut ring saja) adalah cara menghubungkan komputer
sehingga berbentuk ring (lingkaran). Setiap simpul mempunyai tingkatan yang sama.
Jaringan akan disebut sebagai loop, data dikirimkan kesetiap simpul dan setiap
informasi yang diterima simpul diperiksa alamatnya apakah data itu untuknya atau
bukan

Keuntungan
• Hemat Kabel
Kerugian
• Peka kesalahan
• Pengembangan jaringan lebih kaku

8. Topologi STAR
Kontrol terpusat, semua link harus melewati pusat yang menyalurkan data tersebut
kesemua simpul atau client yang dipilihnya. Simpul pusat dinamakan stasium primer
atau server dan lainnya dinamakan stasiun sekunder atau client server. Setelah
hubungan jaringan dimulai oleh server maka setiap client server sewaktu-waktu dapat
menggunakan hubungan jaringan tersebut tanpa menunggu perintah dari server.

Keuntungan
• Paling fleksibel
• Pemasangan/perubahan stasiun sangat mudah dan tidak mengganggu bagian
jaringan lain
• Kontrol terpusat
• Kemudahan deteksi dan isolasi kesalahan/kerusakan
• Kemudahaan pengelolaan jaringan
Kerugian
• Boros kabel
• Perlu penanganan khusus
• Kontrol terpusat (HUB) jadi elemen kritis

9. Topologi Peer-to-peer Network
Peer artinya rekan sekerja. Peer-to-peer network adalah jaringan komputer yang
terdiri dari beberapa komputer (biasanya tidak lebih dari 10 komputer dengan 1-2
printer). Dalam sistem jaringan ini yang diutamakan adalah penggunaan program,
data dan printer secara bersama-sama. Pemakai komputer bernama Dona dapat
memakai program yang dipasang di komputer Dino, dan mereka berdua dapat
mencetak ke printer yang sama pada saat yang bersamaan.
Sistem jaringan ini juga dapat dipakai di rumah. Pemakai komputer yang memiliki
komputer ‘kuno’, misalnya AT, dan ingin memberli komputer baru, katakanlah Pentium
II, tidak perlu membuang komputer lamanya. Ia cukup memasang netword card di
kedua komputernya kemudian dihubungkan dengan kabel yang khusus digunakan
untuk sistem jaringan. Dibandingkan dengan ketiga cara diatas, sistem jaringan ini
lebih sederhana sehingga lebih mudah dipejari dan dipakai.
4. Manfaat Jaringan Komputer

Resource Sharing, dapat menggunakan sumberdaya yang ada secara bersamasama.

Misal seorang pengguna yang berada 100 km jauhnya dari suatu data,
tidak mendapatkan kesulitan dalam menggunakan data tersebut, seolah-olah data
tersebut berada didekatnya. Hal ini sering diartikan bahwa jaringan komputer
mangatasi masalah jarak.

Reliabilitas tinggi, dengan jaringan komputer kita akan mendapatkan reliabilitas

yang tinggi dengan memiliki sumber-sumber alternatif persediaan. Misalnya,
semua file dapat disimpan atau dicopy ke dua, tiga atu lebih komputer yang
terkoneksi kejaringan. Sehingga bila salah satu mesin rusak, maka salinan di
mesin yang lain bisa digunakan.

Menghemat uang. Komputer berukutan kecil mempunyai rasio harga/kinerja yang

lebih baik dibandingkan dengan komputer yang besar. Komputer besar seperti
mainframe memiliki kecapatan kira-kira sepuluh kali lipat kecepatan komputer
kecil/pribadi. Akan tetap, harga mainframe seribu kali lebih mahal dari komputer
pribadi. Ketidakseimbangan rasio harga/kinerja dan kecepatan inilah membuat
para perancang sistem untuk membangun sistem yang terdiri dari komputerkomputer
pribadi.

Istilah lain nama komputer

noreply@blogger.com (Techno Islamic) — Mon, 14 Jul 2014 21:51:00 +0700

— A —
ACPI - Advanced Configuration and Power Interface
ACR - Advanced Communications Riser
ADC - Analog to Digital Converter
ADPCM - Adaptive Differential Pulse-Code Modulation
ADSL - Asymmetric Digital Subscriber Line
AGP - Accelerated Graphics Port
ALI - Acer Labs, Incorporated
ALU - Arithmetic Logic Unit
AM - Active Matrix
AMD - Advanced Micro Devices
AMR - Audio Modem Riser
ANSI - American National Standards Institute
APM - Advanced Power Management
ASCII - American Standard Code for Information Interchange
ASIC - Application Specific Integrated Circuit
ASPI - Advanced SCSI Programming Interface
AT - Advanced Technology
ATA - Advanced Technology Attachment
ATAPI - AT Attachment Packet Interface
ATM - Asynchronous Transfer Mode
ATX - Advanced Technology Extended
— B —
BGA - Ball Grid Array
BIOS - Basic Input Output System
BIT - Binary Digit
BNC - Barrel Nut Connector
BNC - Berkeley Nuclear Connector
BNC - British Naval Connector
BSRAM - Burst Static Random Access Memory

— C —
CAS - Column Address Signal
CAV - Constant Angular Velocity
CD - Compact Disk
CDR - Compact Disk Recorder
CDRW - Compact Disk Re-Writer
CDTV - Commodore Dynamic Total Vision
CD-ROM - Compact Disk - Read Only Memory
CFM - Cubic Feet per Minute (ft³/min)
CGA - Color Graphics Adapter
CISC - Complex Instruction Set Computer
CLV - Constant Linear Velocity
CMOS - Complementary Metal Oxide Semiconductor
CMYK - Cyan Magenta Yellow Black
COAST - Cache On A Stick
CNR - Communication Network Riser
CPRM - Copyright Protection for Recordable Media
CPU - Central Processing Unit
CSU/DSU - Channel Service Unit/Data Service Unit
CRC - Cyclic Redundancy Check
CRIMM - Continuity Rambus Inline Memory Module
CRT - Cathode Ray Tube
— D —
DAC - Digital-to-Analog Converter
DACS - Digital Access and Cross-connect System
DAE - Digital Audio Extraction
DDC - Display Data Channel
DDR - Double Data Rate
DDR-SDRAM - Double Data Rate - Synchronous Dynamic Random Access Memory
DEC - Digital Equipment Corporation
DIMM - Dual Inline Memory Module
DIP - Dual Inline Pin
DMA - Direct Memory Access
DOCSIS - Data Over Cable Systems Interface Specifications
DRAM - Dynamic Random Access Memory
DPI - Dots Per Inch
DS/DD - Double Sided, Double Density
DS/HD - Double Sided, High Density
DSL - Digital Subscriber Line
DSP - Digital Signal Processing
DSTN - Dual Supertwisted Nematic
DUN - Dial Up Networking
DVD - Digital Versatile Disc
DVD-RAM - Digital Versatile Disk - Random Access Memory
— E —
EBps - Exabytes per second
Ebps - Exabits per second
ECC - Error Correction Code
ECP - Enhanced Capability Port
EDO - Extended Data Out
EEPROM - Electrically Erasable Programmable Read-Only Memory
EPROM - Erasable Programmable Read-Only Memory
EGA - Enhanced Graphics Adapter
EGA - Enhanced Graphics Array
EIDE - Enhanced Integrated Drive Electronics
EIAJ - Electronics Industry Association of Japan
EISA - Enhanced Industry Standard Architecture
EMI - Electro-Magnetic Interference
EMS - Expanded Memory Specification
ESDRAM - Enhanced Synchronous Dynamic DRAM
EPIC - Explicitly Parallel Instruction Computing
EPP - Enhanced Parallel Port
ESD - Electro-Static Discharge
EWSD - Electronic Worldwide Switch Digital
— F —
FC-PGA - Flip Chip Pin Grid Array
FDC - Floppy Disk Controller
FDD - Floppy Disk Drive
FDDI - Fiber Distributed Data Interconnect
FeRAM - Ferroelectric Random Access Memory
FIFO - First In First Out
FLOPS - Floating Point Operations per Second
FMD - Flourescent Multi-layer Disk
FMD-ROM - Flourescent Multi-layer Disk - Read Only Memory
FPGA - Field-Programmable Gate Array
FPM - Fast Page Mode
FPS - Frame Per Second
FPU - Floating Point Unit
FSAA - Full Screen Anti-Aliasing
FSB - Front Side Bus
FXSR - Fast Save and Restore
— G —
GART - Graphics Address Remapping Table
GB - Gigabytes
GBps - Gigabytes per second
Gbps - Gigabits per second
GDI - Graphical Device Interface
GFD - Gold Finger Device
GHz - GigaHertz
GPA - Graphics Performance Accelerator
GPU - Graphics Processing Unit
GSR - Gigabit Switched Router
GTS - GigaTexel Shader
— H —
HCI - Human-Computer Interaction/Interface
HDD - Hard Disk Drive
HIPPI - High Performance Parallel Interface
HPA - High Performance Addressing
HSF - Heat Sink and Fan
HSR - Hidden Surface Removal
HardOCP - Hard Overclocker Comparison Page
— I —
IBM - International Business Machines Corporation
IC - Integrated Circuit
ICH - I/O Controller Hub
IDE - Integrated Drive Electronics
IDSL - ISDN Digital Subscriber Line
IEEE - Institute of Electrical & Electronics Engineers
IFTTC - Integrated Fiber To The Curb
IFITL - Integrated Fiber In The Loop
IHA - Intel Hub Architecture
I/O - Input/Output
IR - Infra Red
IRQ - Interrupt Request
ISA - Industry Standard Architecture
ISDN - Integrated Services Digital Network
ISO - International Standards Organization
— J —
JBOD - Just a Bunch Of Disks
— K —
Kbps - Kilobits Per Second
KBps - KiloBytes per second
KNI - Katmai New Instructions
KVM - Keyboard Video Mouse
— L —
LASER - Light Amplified by Stimulated Emissions of Radiation
LBA - Logical Block Addressing
LCD - Liquid Crystal Display
LDT - Lightning Data Transport
LED - Light Emitting Diode
LIF - Low Insertion Force
LIFO - Last In First Out
LMA - Lightspeed Memory Architecture
LPT - Line Print Terminal
LUN - Logical Unit Number
LVD - Low-Voltage Differential
— M —
MAC - Media Access Control
MB - MotherBoard
MB - Megabyte
MBps - Megabytes Per Second
Mbps - Megabits Per Second
MC - Micro-Channel
MCA - Micro Channel Architecture
MCE - Machine Check Exception
MCGA - Multi-Color Graphic Array
MDRAM - Multibank Dynamic Random Access Memory
MEMS - Micro-Electromechanical Systems
MFLOPS - Millions of FLoating point Operations Per Second
MFM - Modified Frequency Modulation
MHz - MegaHertz
MIPS - Million Instructions Per Second
MMX - Multi-Media Extensions
Modem - Modulate/Demodulate
MTRR - Memory Type Range Registers
— N —
NAS - Network Attached Storage
NAT - Network Address Translation
NFG - Not Functioning Good
NIC - Network Interface Card
— O —
OC - Overclock (Over Clock)
OEM - Original Equipment Manufacturer
OTFT - Organic Thin-Film Transistor
— P —
PA-RISC - Precision Archetecture Reduced Instruction Set Computing
PAL - Phase Alternation Line
PAN - Personal Area Network
PAT - Port Address Translation
PBC - Pipelined Burst Cache
PC - Personal Computer
PCB - Printed Circuit Board
PCI - Peripheral Component Interconnect
PCM - Pulse Code Modulation
PCMCIA - Peripheral Component Microchannel Interconnect Architecture
PCMCIA - Personal Computer Memory Card International Association
PGA - Professional Graphics Array
PIO - Programmable Input/Output
PIXEL - Picture Element
PLD - Programmable Logic Device
PnP - Plug ‘n Play
POST - Power On Self Test
POTS - Plain Old Telephone System
PPGA - Plastic Pin Grid Array
PPP - Point to Point Protocol
PPPoA - Point-to-Point Protocol over ATM
PPPoE - Point-to-Point Protocol over Ethernet
PRAM - Parameter Random Access Memory
PROM - Programmable Read-Only Memory
PSU - Power Supply Unit
PWM - Pulse Width Modulation
— Q —
QDR - Quadruple Data Rate
— R —
RADSL - Rate Adaptive Digital Subscriber Line
RAID - Redundant Array of Inexpensive Disks
RAID - Redundant Array of Independant Disks
RAM - Random Access Memory
RAMDAC - Random Access Memory Digital Analog Convertor
RDRAM - Rambus Dynamic Random Access Memory
RGB - Red Green Blue
RIMM - Rambus Inline Memory Module
RISC - Reduced Instruction Set Computing
RLL - Run Length Limited
ROM - Read Only Memory
RPM - Revolutions Per Minute
— S —
SAN - Storage Area Network
SASID - Self-scanned Amorphous Silicon Integrated Display
SCA - SCSI Configured Automatically
SCSI - Small Computer System Interface
SDRAM - Synchronous Dynamic Random Access Memory
SDSL - Synchronus Digital Subscriber Line
SECC - Single Edge Contact Connector
SEP - Single Edge Processor
SEPP - Single Edge Processor Package
SGI - Silicon Graphics Incorporated
SGRAM - Synchronous Graphics RAM
SIMD - Single Instruction-Stream, Multiple Data-Stream
SIMM - Single Inline Memory Module
SLI - Scan Line Interleave
SLIP - Serial Line Internet Protocol
SMDS - Switched Multimegabit Data Service
SMP - Symmetric MultiProcessing
SNR - Signal to Noise Ratio
SODIMM - Small Outline Dual Inline Memory Module
SPARC - Scalable Processor ArChitecture
SOHO - Small Office Home Office
SRAM - Static Random Access Memory
SSE - Streaming SIMD Extensions
STN - Supertwisted Nematic
STP - Shieled Twisted Pair
SVGA - Super Video Graphics Array
S/PDIF - Sony/Philips Digital Interface
— T —
TB - Terabytes
TBps - Terabytes per second
Tbps - Terabits per second
TEC - Thermoelectric Cooler
TFT - Thin Film Transistor
THz - TeraHertz
TIM - Thermal Interface Material
TNT - TwiN Texel
TOPS - Theoretical Operations Per Second
TSOP - Thin Small Outline Package
TTL - Transistor Transistor Logic
TWAIN - Technology Without An Important Name
— U —
UART - Universal Asynchronous Receiver/Transmitter
UDMA - Ultra Direct Memory Access
UMA - Unified Memory Architechture
UPS - Uninteruptible Power Supply
USB - Universal Serial Bus
UTP - Unshieled Twisted Pair
— V —
VCD - Video CD
VCM - Virutal Channel Memory
VCRAM - Virtual Channel Read Access Memory
VDSL - Very High Data Digital Subscriber Line
VESA - Video Electronics Standards Association
VFD - Vacuum-Flourescent Displays
VGA - Video Graphics Array
VIVO - Video In, Video Out
VLB - VESA Local Bus
VPN - Virtual Private Network
VRAM - Video Random Access Memory
— W —
WORM - Write-Once Read-Many
WRAM - Window Random Access Memory
WYSIWYG - What You See Is What You Get
— X —
XGA - Extended Graphics Array
XMS - Extended Memory Specification
XT - Extended Technology
— Z —
ZIF - Zero Insertion Force
ZV - Zoomed Video

Meningkatkankan Traffic dan page rank

noreply@blogger.com (Techno Islamic) — Fri, 11 Jul 2014 01:31:00 +0700

Sebagai salah satu cara yang dipercaya dapat meningkatkan traffic dan page rank blog adalah dengan merubah status blog No Follow menjadi Do Follow. Teknik ini sudah banyak dilakukan oleh para pemilik blog agar dapat meningkatkan traffic dan mendapat page rank tinggi.Namun yang jadi pertanyaan seberapa pentingkah perubahan status menjadi blog Do Follow ini?
Sebenarnya apakah arti Do Follow itu sendiri? Disini saya tidak dapat menjelaskan lebih terperinci karena arti dari Do Follow ini. Banyak versi dari arti Do Follow ini.Anda dapat mencarinya pada blog-blog lain yang dapat menjelaskan lebih detail mengenai Do Follow ini.
Untuk menaikkan traffic dan mendapatkan page rank dari google bukan hanya mengubah status blog menjadi Do Follow saja tetapi banyak cara yang dapat dilakukan diantaranya.
1.Blog tersebut mempunyai konten yang bermutu dan selalu diupdate.
2.Blog harus kelihatan friendly bukan malah menyeramkan bagi pengunjung.Buatlah senyaman mungkin para pembaca blog dengan menyediakan tab navigasi yang memudahkan untuk bisa menemukan konten dari blog.

3.Melakukan tukar link sesama blog terutama terhadap blog yang sudah mempunyai page rank tinggi.
4.Memberi tautan internal link didalam blog itu sendiri dan mengurangi external link apalagi yang tidak ada hubungan dengan konten blog.
5.Mendaftar menjadi anggota social net seperti seperti Twitter, Mybloglog, dll.
6.Melakukan blog walking dan memberi komentar.
Cara-cara diatas juga saya lakukan walaupun baru dua bulan ini melakukan update blog karena sempat vakum selama satu tahun lebih, PR marchsya blog ini masih bertahan pada PR-3 dan kenaikan traffic yang signifikan dari 2 jutaan ke 504 ribu (versi alexa)
Dari beberapa pengamatan saya terhadap blog yang baru dibuat dan sudah lama dibuat, ternyata ada blog yang baru saja dibuat namun sudah langsung mendapat PR 2.Begitu sebaliknya ada blog yang sudah lama dibuat namun masih bertahan, naik atau turun PRnya.Mungkin saja karena mereka menerapkan cara-cara seperti diatas.Salah satu contoh blog newbie yang langsung mendapat PR tinggi adalah blog kang yudiono yang langsung dapat PR-2 dan blog Ada Apa Yep yang mendapat PR-5 (kebetulan saya sudah dapat backlink dari blog Ada Apa Yep ini,hehehehe…)
Lantas apakah keuntungan status blog Do Follow?.
Yang saya tahu keuntungannya adalah akan menarik pengunjung untuk memberi komentar pada postingan.Ini tentu saja akan menaikkan traffic kunjungan.Pengunjng akan rajin memberi komentar pada blog Do Follow karena setiap link pada komentar mereka dapat menjadi one way backlink yang dapat disearch google.
Lalu kerugiannya?
1.Untuk blog Do Follow kemungkinan akan mempunyai banyak external link yang akan menurunkan page rank blognya.Andaikan 1 orang pengunjung memberi komentar 10 kali berarti blog Do Follow ini mempunyai external link sebanyak 10 link.Gimana jika 10 orang melakukan hal yang sama?
2.Akan memungkinkan masuknya komentar yang bernada spam.Kecuali blog Do Follow ini menerapkan sistem moderator komentar sebelum dipublish.
Kembali kepada anda sebagai pemilik blog apakah perlu mengubah status blog anda dari No Follow menjadi Do Follow? Jika anda memutuskan mengubahnya menjadi Do Follow, silakan melihat cara mengubah NoFollow menjadi DoFollow pada blog.

Membuat Daftar Isi

noreply@blogger.com (Techno Islamic) — Wed, 10 Jul 2013 23:12:00 +0700

Cara membuat sitemap atau daftar isi blogger sungguh sangat mudah. Ikuti langkah-langkah saya dibawah ini:

1. Sign in di blogger dengan ID anda
2. Bila sudah berada di halaman dashboard, klik Layout.
3. Klik tab Edit HTML
4. Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting).
5. Ceklis "Expand Widget Template".
6. Lihat ke bagian body template, lalu carilah kode tag seperti ini :

<b:include data='post' name='post'/>
7. Delete semua ganti (replace) dengan :

<b:if cond='data:blog.homepageUrl !=
data:blog.url'><b:if cond='data:blog.pageType !=
"item"'><a
expr:href='data:post.url'><data:post.title/></a><b:else/><b:include
data='post'
name='post'/></b:if><b:else/><b:include
data='post' name='post'/></b:if>

7. Lalu Simpan Template.
8. Langkah terakhir cantumkan link sitemap Anda yakni

<a href="http://NAMABLOGMU.blogspot.com/search?max-results=200">Sitemap»</a>

Your Browser Detail

noreply@blogger.com (Techno Islamic) — Sun, 8 Jul 2012 15:20:00 +0700

noreply@blogger.com (Techno Islamic) — Mon, 11 Jul 2011 02:15:00 +0700

sewaktu saya browsing , saya melihat ada mp3-nya, dan mp3 trsbt secara otomatis ada suaranya, Ok, saya akan kasih tau gimana caranya pasang mp3 di blog.
pertama, buka alamat http://musik-live.net/ , klik disini yoo
kedua , kamu pilih skin yang kamu sukai , setelah memilih , copy code script-nya ke blog anda, caranya. masuk dulu ke blog anda. pilh tata letak , edit elemen , tambah gadget , cari http java script, setelah di copy paste, simpan blog anda

. gampang kan??
jangan lupa tinggalkan komentarmya

Cara Merubah No follow menjadi DoFollow

noreply@blogger.com (Techno Islamic) — Mon, 11 Jul 2011 01:23:00 +0700

Anda mungkin sebuah kalimat "You Comment I Follow" pada sebuah blog.Ini berarti blog tersebut sudah menganut sistem Do Follow.Artinya sipemilik blog memberi kesempatan kepada pengunjung untuk mendapatkan backlink dengan memberi komentar kepada blog Do Follow ini.Lalu bagaimana cara merubah No Follow menjadi Do Follow.Berikut caranya.
1.Login pada Blogger.
2.Klik Layout pada Dashboard anda.
3.Pada Layout klik Edit HTML dan centang pada kotak Expand Widget Template.
4.Temukan kode berikut

<a expr:href='data:comment.authorUrl' rel='nofollow'>
5.Ganti kode tersebut dengan kode beriku ini.
<a expr:href='data:comment.authorUrl'>
6.setelah itu Save
Selamat...blog anda sudah menjadi Do Follow.Semoga Tutorial Blog ini bermanfaat

Membuat artikel yang berhubungan

noreply@blogger.com (Techno Islamic) — Sat, 10 Jul 2010 21:55:00 +0700

Keuntungan menampilkan "Artikel yang berhubungan" atau "Related Post", "Related Article" adalah para pembaca blog bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yg sedang mereka baca. Contohnya seperti yang ada dibagian akhir dari artikel ini, disitu ada link-link dari artikel yang berhubungan yang berdasarkan pada kategori ato label yang sama. Nha mau tahu cara membuatnya?

Caranya cukup mudah, ikuti langkah2 berikut ini:
1. Login ke blogger Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Kemudian download "SCRIPT INI"

5. Buka file tersebut kemudian copy semua script yang ada didalamnya.
6. Setelah itu cari kode ini <data:post.body/> dan letakkan script tadi dibawahnya. Untuk blog yang ada "readmore"nya biasanya akan terdapat 2 kode. Nha km taruhnya dabawah kode yang pertama.
7. Kalo sudah simpan template km dan lihat hasilnya.

Tambahan:
Setelah jadi, jika kamu ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, trus ganti dengan text/tulisan yg kamu suka.

Mengecek Page rank

noreply@blogger.com (Techno Islamic) — Sat, 11 Jul 2009 02:49:00 +0700

Check Page Rank of any web site pages instantly:

This free page rank checking tool is powered by Page Rank Checker service

Cara membuat horizontal Menu Level drop down pada blog

noreply@blogger.com (Techno Islamic) — Sat, 11 Jul 2009 02:31:00 +0700

Pada Tutorial blog kali ini adalah tentang Menu Horizontal Multi Level Drop Down Sub.Mungkin beberapa blog sudah membahas cara membuatnya,namun tidak ada salahnya saya memposting tutorial blog ini lagi karena atas permintaan beberapa blog pemula yang ingin memasang Menu Horizontal Multi Level Drop Down Sub. Pada dasarnya sama saja hanya Menu Horizontal Multi Level Drop Down Sub setiap main menu masih terdiri dari beberapa sub menu.Jadi untuk menavigasi menu-menu pada blog anda akan sangat mudah bagi para pembaca.Cara membuatnya adalah sebagai berikut.
1.Login pada Blogger.
2.Klik pada Layout pada Dashboard.
3.Pada Layout klik Edit HTML .
4.Temukan kode </b:skin>
5.Letakkan kode dibawah ini sebelum kode </b:skin> tersebut

.jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

6.Temukan kode berikut </head>
7.Letakkan kode dibawah ini sebelum kode tersebut.</head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src=' http://h1.ripway.com/anshul555/slidemenu_horiz.js ' type='text/javascript'/>

8.Selanjutnya temukan kode dibawah ini

9.Letakkan kode dibawah ini setelah kode tersebut pada langkah 8.

<div class='jqueryslidemenu' id='myslidemenu'>
<ul>
<li><a href='http:marchsya.blogspot.com'>Home</a></li>
<li><a href='#'>Daftar Isi</a></li>
<li><a href='#'>Tutorial Blog</a>
<ul>
<li><a href='#'>Sub Item 1.1</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>Islam</a></li>
<li><a href='#'>Folder 2</a>
<ul>
<li><a href='#'>Sub Item 2.1</a></li>
<li><a href='#'>Folder 2.1</a>
<ul>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Folder 3.1.1</a>
<ul>
<li><a href='#'>Sub Item 3.1.1.1</a></li>
<li><a href='#'>Sub Item 3.1.1.2</a></li>
<li><a href='#'>Sub Item 3.1.1.3</a></li>
<li><a href='#'>Sub Item 3.1.1.4</a></li>
<li><a href='#'>Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://marchsya.blogspot.com'>Tukar Link</a></li>
</ul>
<br style='clear: left'/>
</div>

8.Setelah itu Save.
Anda dapat mengganti kata Home, Daftar isi, Tutorial Blog, Islam,Tukar Link dan beberapa submenu dengan nama menu yang anda inginkan sebagai navigasi blog.Selamat mencoba

Setting DHcp open Suse

noreply@blogger.com (Techno Islamic) — Sat, 11 Jul 2009 02:23:00 +0700

halooo. pengen tau gimana cara setting DHCP??? ok langsung aja yuhh..
saya disini pake linux opensue 10.3 ,,,, gampang ko... seteleh anda login,, oia login harus login root bukan user,,

* pertama masuk ke yast,, ketik yast,, pilih "software management" ,, tekan di perut opsss, maksud saya di keybord.. "alt+s" , kemudian ketikan DHCP,, pilih paket-paket yang dibutuhkannya, dan jangan lupa pilih paket untuk konfigurasi di yast. "yast-dhcp" biasanya ada paling bawah..

* kedua , kalo udah di instal paket-paket nya,, keluar dari YAST "alt+Q" .. sekarang restart komputer anda jangan atuh, maksud wandhe restart servicenya,, biasa ketikan "service network restart"

* ketiga buka kembali YAST-nya,, kalo udah kebuka ,

* pilih "NETWORK SERVICES" ,, terus ke "DHCP server",, jika ngga ada di menu "network services" berarti paket yast DHCP-nya buat konfigurasi di yast belum ke instal,, cek lagi ke "sofware -> software management.

* udah di buka DHCP-nya akan keluar text seperti "DHCP SERVER WIZAD (1 OF 4): CARD SELECTION" .. pilih select.. ketikan "ALT+S" . -> "ALT+N"

* keluar tampilan kedua "...(2 OF 4): Global Settings",,, isikan dibawah nya,, untuk DOMAIN NAME "ALT+D" itu nama domainnya ex(smafti.net) ,, terus Primary name servernya itu alamat ip server ex(192.168.1.100),, yang lainya ga usah lah.. kemudian NEXT "ALT+N"

* keluar lagi tampilan "..."3 OF 4): Dynamic DHCP.. nah disinilah baru anda memasukan alamt ip-nya,, misalkan untuk FIRST IP ADDERSNYA 192.168.1.10 , dan LAST IP ADDRESNYA 192.168.1.50.. maksudnya , jika komputer client mengkonfigurasi pake DHCP , maka secara otomatis akan diberikan oleh server,, ip nya yang tadi dari 10-50,, ok paham,,, sampe sini belum selesai, next "ALT+N"

* pilih when booting "ALT+W"

* kemudian finish "ALT+F"

* kemudia restart servicesnya "service network restart" ..gampang kan.. jika udah ,, coba di client,, settinga ip clientnya di DHCP in yuhhh,

sekian dan terima kasih,, jika ada problem lain di opensuse bisa hubungi di "wandherasya@yahoo.com" atau "langsung aja tanya ke yang bikin linux opensuse hehehe"
jika konfigurasi gagal , berarti anda ngga memperhatikan nya dari awal aku takpernah , percaya kata2 mu maaf.. tinggalkan jejak yuhhh...

Topologi Jaringan

noreply@blogger.com (Techno Islamic) — Sat, 11 Jul 2009 02:22:00 +0700

Komponen hardware jaringan

noreply@blogger.com (Techno Islamic) — Sat, 11 Jul 2009 02:21:00 +0700

Cara Instalasi windows XP 2

noreply@blogger.com (Techno Islamic) — Sat, 11 Jul 2009 02:19:00 +0700

cara instalasi melalui cd rom,
Mari saya mulakan dengan menjalankan instalasi Windows XP dari CD. Saya akan mengganggap komputer anda belum mempunyai apa-apa sistem operasi di dalamnya.
jika kita mau instalasi lewat cd, maka first bootingnya harus melalui cd rom.

1.

Hidupkan PC anda dan masukkan CD-ROM Windows XP Professional ke dalam piring. Anda perlulah terlebih dahulu mengaturkan supaya sistem anda dapat boot melalui CD-ROM.
2.

Selepas komputer selesai menjalankan POST, rutin setup untuk Windows XP akan bermula. Lihat gambarajah di bawah berikut:

Awalan program menunjukkan proses penyalinan fail-fail yang diperlukan oleh Windows XP. Semasa proses ini dijalankan, program setup akan memuatkan Windows XP (versi minima) sebelum dapat memulakan program setup. Secara spesifik, saat ini Windows akan memuatkan pemacu (driver) bagi kegunaan perkakasan yang tertentu.
3. Sebaik sahaja program setup selesai memuatkan kesemua fail-fail pemacu yang diperlukan, anda kan dapat melihat senarai jadual partition bagi sistem anda. Lihat gambarajah di bawah:

Gambarajah di atas menunjukkan sistem anda masih belum mempunyai partition. Untuk mencipta partition, anda boleh menggunakan utiliti ini. NOTA: Jika sistem anda sudah mempunyai partition, anda boleh membuang partition tersebut dan menggantikan dengan partition yang baru.
Untuk membuang partition, tekan butang D. Untuk mencipta partition, tekan butang C.

4. Apabila anda memilih untuk mencipta partition baru, anda akan di bawa ke paparan berikut.

Gambarajah di atas menunjukkan paparan Partition. Anda diberi pilihan untuk meletakkan saiz partition yang ingin diciptakan. Jika anda tidak memahami maksud partition, saya mencadangkan anda menggunakan keseluruhan saiz partition secara maksima, tekan butang Enter untuk ke peringkat seterusnya. NOTA: Perlu diingat Windows XP memerlukan saiz cakera keras sekurang-kurangnya 1.5GB.

5. Kemudian, anda akan ditanya bentuk format bagi partition baru anda. Terdapat beberapa pilihan format iaitu NTFS (Quick), FAT (Quick), NTFS, dan FAT. Pilih jenis format yang dikehendaki dan tekan butang Enter untuk ke peringkat seterusnya.

6. Setelah anda memilih jenis format, program setup akan memulakan proses format pada partition yang diciptakan. Bergantung kepada saiz partition dan jenis sistem fail yang dipilih, proses ini akan mengambil masa antara 1 hingga 10 minit untuk selesai.

7. Kemudian Windows XP akan memulakan proses menyalin fail-fail sumber Windows XP dari CD ke dalam partition baru. Proses ini akan mengambil beberapa minit.

8. Setelah selesai menyalin fail-fail Windows, sistem akan reboot. Setelah komputer anda selesai reboot, program setup akan bertukar ke mod GUI, saat ini sistem akan mengenalpasti dan memasang perkakasan yang terdapat di dalam PC anda. Pada proses ini juga akan menyebabkan skrin anda berkedip-kedip untuk beberapa kali kerana sistem cuba untuk mengenalpasti jenis kad video yang sedang digunakan.

9. Semasa dalam mod GUI, anda akan ditanya untuk memeriksa setting Regional dan Language. Anda juga perlu memasukkan Product Key bagi Windows XP. Nombor Product Key ini boleh didapati di label CD Windows XP.

10. Klik butang Next. Pada paparan berikutnya, masukkan nama komputer dan kata laluan Administrator. Klik butang Next, dan pada paparan seterusnya, pilih Time Zone bagi kawasan anda.

11. Pada langkah berikutnya, anda akan menetapkan konfigurasi pada Network Settings, terdapat dua pilihan diberikan: Typical dan Custom. Jika anda memilih Typical settings, sistem anda akan dipasangkan dengan komponen-komponen berikut:
- Client for Microsoft Networks
- QoS Packet Scheduler
- File and Print Sharing for Microsoft Networks
- TCP/IP, configured for DHCP
Jika anda memilih Custom settings, anda akan diberi peluang untuk menambah dan menetapkan konfigurasi network secara manual. Anda tidak perlu risau tentang ini, jika anda melakukan kesilapan pada konfigurasi, anda masih boleh mengubahnya kemudian.

12. Berikutnya, anda perlu menetapkan jenis network yang ingin disertai, sama ada Workgroup atau Domain. Jika anda memilih untuk menyertai Domain, anda akan ditanya untuk memasukkan maklumat username serta kata laluan bagi mengesahkan identiti anda. Kemudian klik butang Next.

13. Sekarang anda bolehlah membiarkan sistem anda menyalinkan fail-fail yang diperlukan. Semasa proses penyalinan ini, sistem anda akan memasang program-program ke dalam Start Menu, mendaftarkan komponen Windows dan membuang fail-fail sementara dari Temporary folder.

14. Apabila proses setup hampir siap, sistem anda akan melakukan kemaskini dan reboot. Jika semuanya berada dalam keadaan baik, sistem anda terus akan memuatkan Windows XP Professional dan anda bolehlah menggunakan sistem operasi baru anda. Lakukan pemasangan perisian-perisian pihak ketiga seperti program utiliti, perisian pejabat, aplikasi internet sebaik sahaja anda berjaya memasuki desktop Windows XP.

Pengertian Linux

noreply@blogger.com (Techno Islamic) — Sat, 11 Jul 2009 02:19:00 +0700

Pasang Kabel UTP

noreply@blogger.com (Techno Islamic) — Sat, 11 Jul 2009 02:18:00 +0700

Cara mengganti icon pada address bar

noreply@blogger.com (Techno Islamic) — Fri, 10 Jul 2009 22:51:00 +0700

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing ada beberapa contoh icon/gambar beserta dengan linknya.Icon

Memasang YM di Blog

noreply@blogger.com (Techno Islamic) — Thu, 10 Jul 2008 21:42:00 +0700

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :

trus jika kamu online maka iconya akan berubah seperti ini:

Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".

Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Piye? gampang to?

Membuat Read More V.2

noreply@blogger.com (Techno Islamic) — Tue, 10 Jul 2007 20:42:00 +0700

Di trik Read more yang baru ini, kita akan membuat link Read more yang jika kita meng-klik link tersebut, maka keseluruhan artikel akan terpampang dibawahnya, jadi tidak perlu meload ke halaman yang lain, contohnya disini. Piye? uenak tho? bagi yang sudah kebelet ingin menyimak trik ini silahkan langsung ikuti trik berikut ini (langsung loncat dua baris ke bawah). Dan bagi yang kebelet mo pipis silahkan ke kamar mandi dulu

Berikut ini langkah-langkahnya:

1. Login ke Blogger
2. Pilih Layout --> Edit HTML
3. Kamu mau memback-up template kamu dulu nggak?, kalo iya kilik tulisan Download Template lalu simpan.
4. JBeri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Kopi kode berikut ini dan taruh tepat diatas kode </head>

6. Sudah? sudah belum? ditanya kok diam aja gimana sih ?
7. Kalo sudah cari kode dibawah ini

(letaknya kira-kira di bagian tengah kebawah. yak terus..terus..Nha disitu ketemu kan kodenya?)
8. Nah dibawahnya kan ada kode gini <div class='post-body entry-content'>Nha ganti kode tersebut menjadi seperti ini:

9.Terus dibawahnya kan kan ada kode gini
<p><data:post.body/></p>
10. Tembahkan kode ini dibawahnya.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

11. jadi seluruh kodenya akan menjadi seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

12. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
13. Lalu simpan template.
14. Pilih menu Setting -->> Formatting
15. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

selesai....

Ohya, kalo memposting pilih yang "Edit Html", letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span id="fullpost"> dan </span>

Kotak komentar di bawah postingan

noreply@blogger.com (Techno Islamic) — Mon, 10 Jul 2006 00:16:00 +0700

Akhirnya datang juga....
Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.

Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)

3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

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

7. Kemudian ganti kode tersebut dengan kode dibawah ini:

<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> </b:if>

8. Lalu simpan template kamu.

Lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti punyaku ini (Bagi yang berhasil).

Membuat Menu tab View

noreply@blogger.com (Techno Islamic) — Sun, 10 Jul 2005 00:03:00 +0700

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"

2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.

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

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>
<script src='http://kendhin.890m.com/blog/tabview.js' type='text/javascript'/>
6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<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>

Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.

Membuat Gambar Melayang

noreply@blogger.com (Techno Islamic) — Fri, 9 Jul 2004 23:56:00 +0700

Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya itu gini trik nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

"http://trik-tips.blogspot.com" adalah link. ganti dengan link kamu.
"http://kendhin.890m.com/soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Mengganti Tombol older post dan Newrs post

noreply@blogger.com (Techno Islamic) — Wed, 9 Jul 2003 21:42:00 +0700

Seperti di lihat pada gambar ini.. disana terdapat tulisan Older, Home, dan Newer. Tulisan itu dapat kita ganti dengan kata lainya, atau dengan gambar/icon. untk memulainya kita harus bisa mengubah-ubah sedikit html yang ada pada template blog kita,jangan kawatir karena saya akan menuntun anda.

langkah yang harus dijalani
1. Masuk ke akun blogger anda

2. Cari kode ini:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

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

</div>

3. Ganti kode tersebut menjadi seperti ini:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'> <img src="Image URL" /></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'> <img src="Image URL" /></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'> <img src="Image URL" /></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'> <img src="Image URL" /></a>
</b:if>
</b:if>

</div>

Keterangan:

1. Disana terdapat tulisan yang berwarna Hijau Ganti lah kode tersebut menjadi <img src="Image URL" /> nah ganti Image Url dengan lokasi/Url gambar/icon yang anda miliki.

2. Anda bisa mencari Icon-Icon tersebut di- <font="blue">http://iconarchive.com</font>

3. Selamat mencoba

Menuliskan script dalam postingan

noreply@blogger.com (Techno Islamic) — Tue, 9 Jul 2002 08:58:00 +0700

Jika didalam blog anda,anda ingin memberikan tips tips seputar blog..seperti cara memasang status yahoo messenger di blog, cara membuat random post,cara membuat related post,dan masih banyak lagi...anda harus meletakkan script script didalam postingan anda.seperti kita tahu,untuk meletakkan script didalam postingan tidaklah bisa dilakukan.karena jika anda meletakkan code script tersebut didalam postingan.maka script tersebut otomatis akan langsung dijalankan.lalu bagaimana cara menampilkan script didalam postingan?untuk melakukannya anda harus mem "parse" terlebih dahulu script script tersebut

mem parse disini berarti anda harus mengganti beberapa tanda yang ada didalam script tersebut...

jika tidak ingin repot anda bisa melakukan dengan beberapa cara

1.Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor.

Atau bisa juga dengan software-software blogtools seperti post2blog dll.- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.

2.kunjungi web http://www.blogcrowds.com/resources/parse_html.php

Web ini menyediakan fasilitas untuk memparse code script
anda cukup mengcopy script tersebut ke web itu lalu klik parse..
mudah bukan?

Test Speed Blog

noreply@blogger.com (Techno Islamic) — Sun, 8 Jul 2001 15:16:00 +0700

Cobain Ja