Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Selasa, 20 Desember 2011

Mengubah Flashdisk Menjadi RAM

Akhir-akhir ini saya sering sekali melihat atau mendengar pertanyaan seperti "bagaimana cara mengubah flashdisk menjadi RAM?". Sebelum saya jawab, silahkan lihat gambar dibawah ini:
Ini flashdisk


Dan ini adalah RAM:

Cukup jelas kan perbedaan fisiknya? Nah, gimana coba caranya mengubah flashdisk yang segede kelingking jadi RAM yang segede snack Beng-Beng yg jumbo? Panggil pak Tarno? Sim salabim jadi apa? prettt preeet pret.

Just kidding, pertanyaan bagaimana mengubah flashdisk menjadi RAM hanyalah mitos dunia komputer. Yang benar adalah mengubah flashdisk sehingga bekerja layaknya RAM. Cara ini disebut virtual memory.
Sebelum mengenal virtual memory saya mo jelasin dikit perbedaan RAM dan harddisk/flashdisk. RAM (random access memory) merupakan hardware komputer yang berguna menyimpan data yang akan di proses oleh prosesor. RAM adalah satu-satunya media penyimpanan yang bisa diakses langsung oleh prosesor. RAM umumnya bersifat volatile alias data didalamnya akan hilang begitu listrik dimatikan.
Harddisk dan flashdisk adalah media penyimpan data yang tidak langsung di proses oleh prosesor. Kedua media penyimpanan ini bersifat non-volatile alias datanya tidak akan hilang meskipun tidak ada sumber daya listrik.
Baik RAM, flashdisk, harddisk, atau media penyimpanan lainnya memiliki 2 persamaan umum yaitu size dan speed. Size adalah ukuran media tersebut dalam menampung data dalam satuan byte (Kilobyte, Megabyte, Gigabyte, and go on) dan speed adalah kecepatan baca dan tulis data pada perangkat tersebut.

Virtual memory adalah suatu teknik komputasi dimana harddisk atau penyimpanan lain selain RAM bekerja layaknya RAM. Teknik seperti ini sudah ada sejak tahun 60an. Latar belakang munculnya adalah dikarenakan terbatasnya size dan speed RAM yang ada pada saat itu, sedangkan storage sudah berkembang lebih baik dalam hal size atau speed. Jadi, ketika anda menjalankan suatu aplikasi yang besar dan memakan banyak tempat di RAM, maka sebagian dari data tersebut akan dipindahkan ke virtual memory.
"Tapi bung, software anu jelas-jelas bilang klo itu tuh mengubah flashdisk jadi RAM!", yah disitulah masalahnya, para developer software-software tersebut sebenarnya sengaja memudahkan hidup anda dengan menghindari istilah rumit macam virtual memory.
Di Windows, sebenarnya sudah ada fitur virtual memory tanpa harus menginstall software-software tersebut, sori ndak isa kasih tau, udah lama ga menyentuh Windows lihat update dibawah. Jika di distro Linux, virtual memory biasa disebut swap.

Apakah virtual memory itu "wajib" hukumnya? Tidak, virtual memory bisa diterapkan pada komputer anda ataupun tidak. Jika anda memiliki RAM yang terbatas namun aktifitas komputasi anda besar maka memang sebaiknya menggunakan virtual memory. Namun, jika RAM anda size nya sudah besar, katakanlah 4GB, kemudian aktifitas komputasi anda hanya berkutat pada ngetik, dengerin musik, atau hal sepele lainnya maka boleh tidak menggunakan virtual memory.

Oh iya, sebaiknya memang harus menggunakan flashdisk daripada harddisk. Dengan menggunakan harddisk sebagai virtual memory maka akan menurunkan speed harddisk. Sebaiknya gunakan flashdisk tersendiri untuk dijadikan virtual memory. :)
Tapi daripada beli flashdisk untuk virtual memory, lebih baik anda membeli RAM saja :)

UPDATE:
Seorang anon yang baik hati memberikan cara untuk menggunakan flashdisk sebagai virtual memory tanpa harus menginstal software lain terlebih dahulu. Check it out..

Begini caranya :
• Masukkan flashdisk ke port komputer(port ini jangan diganggu dengan bergonta-ganti flashdisk, modem, atau yang lainnya, benar-benar harus mempunyai port tersendiri).
• Ganti nama Flashdisk dengan nama “RAM Drive”
• Masuk ke My computer > Properties > Advanced > Setting >
• Klik Tab Anvanced > Change
• Pilih port flashdisk yang kita masukkan tadi
• Pilih custom size
• Untuk mengisi angka pada initial size dan maximum size, komputer membutuhkan paling kurang 5 Mb ruang kosong pada Flashdisk. Jika pada space available tertulis 256 Mb, maka kita tuliskan 251 Mb.
• Klik set > Aplly > OK. Ingat klik Aplly dulu baru OK
• Jika pada komputer tertulis permintaan restart now, klik restart now untuk merestart komputer.
• Nah proses penambahan RAM komputer anda telah selesai.
Yang harus diperhatikan :
• Port USB yang kamu gunakan untuk Flashdisk tidak boleh diganggu gugat lagi. Untuk itu, pilih port USB yang betul-betul anda tidak gunakan sama sekali agar tidak terganggu untuk keperluan lain.
• Jangan sekali kali mencabut flashdisk dari komputer jika komputer masih dalam keadaan hidup, karena akan dapat menyebabkan crash pada komputer kamu.

Sumber :  http://kehl-bellrose.blogspot.com/2011/11/mitos-mengubah-flashdisk-menjadi-ram.html

Senin, 19 Desember 2011

Belajar Pascal Untuk Pemula

Free Pascal
Mengenal Pascal
Struktur Program Pascal
Struktur dari suatu program Pascal terdiri dari sebuah judul program dan
suatu blok program atau badan program. Secara ringkas, struktur suatu
program Pascal dapat tediri dari:
1. Judul Program
2. Blok Program
a. Bagian deklarasi
  1. • deklarasi label
  2. • definisi konstanta
  3. • definisi tipe
  4. • deklarasi variabel
  5. • deklarasi prosedur
  6. • deklarasi fungsi
b. Bagian pernyataan

Program Pascal yang Paling Sederhana
Suatu program Pascal yang paling sederhana adalah program yang hanya
terdiri dari sebuah bagian pernyataan saja. Bagian pernyataan merupakan
bagian yang terkahir dari suatu blok. Bagian ini diawali dengan kata Begin
dan diakhiri dengan kata End. Jadi suatu program Pascal yang paling
sederhana dapat berbentuk:
Begin
Pernyataan;
End.
Bagian pernyataan ini menunjukkan suatu tindakan yang akan dikerjakan
oleh program. Tindakan yang dilakukan oleh program tergantung daru
instruksi-instruksi yang diberikan. Pernyataan merupakan instruksi program.
Pernyatan-pernyataan yang diberikan untuk dikerjakan ditulis diatara kata
Begin dan End. Akhir penulisan End yang harus diakhiri tanda titik.
Bentuk umum dari bagian pernyataan ini adalah sebagai berikut.
Begin
Pernyataan;


End.
Contoh
Begin
Writeln(‘Saya pascal’);
End.

Penulisan Program Pascal
Program Pascal tidak mengenal aturan penulisan di kolom tertentu, jadi boleh
ditulis di kolom mana saja. Penulisan pernyataan-pernyataan pada umumnya
menjorok masuk beberapa kolom tidak berpengaruh pada proses, hanya
Mengenal Pascal - SMUBOY Kelas X 2011/2012
2
dimaksudkan supaya mempermudah pembacaan program, sehingga akan lebih
terlihat bagian-bagiannya.
Setiap akhir pernyataan harus diakhiri dengan tanda titik koma.
Contoh 1
Begin writeln(‘Saya Pascal’);
Writeln(‘Saya mulai mengenal Pascal’);
End.
Contoh 2
Begin
writeln(‘Saya Pascal’);
Writeln(‘Saya mulai mengenal Pascal’);
End.
1.4 Judul Program
Di Turbo Pascal, judul program sifatnya adalah opsional dan tidak terlalu
berarti dalam program. Jika ditulis dapat digunakan untuk memberi nama
program dan daftar dari parameter tentang komunikasi program dengan
lingkungannya yang sifatnya sebagai dokumentasi saja. Judul program bila
ditulis, harus terletak pada awal dari program dan diakhiri dengan titik koma.
Judul program ditulis dalam satu kata, jika lebih dari dua kata harus
disambung dengan tanda hubung bawah (tidak boleh ada spasi kosong).
Contoh
Program Contoh_awal;
Begin
Writeln(‘Saya Pascal’);
Writeln(‘Saya baru kenal’);
End.
Judul program sifatnya sebagai dokumentasi saja, tidak berkaitan dengan proses
program.
1.5 Bagian Deklarasi
Bagian deklarasi sering juga kamus program. Bagian deklarasi digunakan bila
di dalam program menggunakan pengenal (identifier). Pengenal dapat berupa
label, tipe, variabel, prosedur, atau fungsi. Kalau suatu program menggunakan
pengenal, Pascal menuntut supaya pengenal tersebut dikenalkan dahulu
sebelum digunakan, yaitu dideklarasikan atau dibuat kamusnya dulu pada
bagian deklarasi.
a. Deklarasi konstanta
Bila ingin menggunakan pengenal yang berisi nilai-nilai konstanta (tetap),
maka harus didefinisikan terlebih dahulu pada bagian ini. Definisi konstanta
diawali dengan kata cadangan Const diikuti oleh kumpulan pengenal yang
diberi suatu nilai konstanta.
Mengenal Pascal - SMUBOY Kelas X 2011/2012
3
Contoh
Program Contoh_Konstanta;
Const
Potongan=0.2;
Gaji=1000000;
Nama_PT=’PT Maju’;
Begin
Writeln(‘Gaji =’,Gaji);
Writeln(‘Potongan=’,Potongan);
Writeln(‘Nama =’,Nama_PT);
End.
Bila program dijalankan akan menghasilkan:
Gaji = 1000000
Potongan = 2.00000000E-01
Nama = PT Maju
Turbo Pascal mempunyai beberapa konstanta yang tidak perlu didefinisikan
dapat dipergunakan langsung, diantaranya yaitu:
False dengan tipe Boolean, bernilai logika salah
True dengan tipe Boolean, bernilai logika benar
MaxInt dengan tipe numerik integer, bernilai 32767
MaxLongInt dengan tipe numerik integer, bernilai 2147483647

Contoh
Program Contoh_Konstanta_Terdefinisi;
Begin
Writeln(‘Nilai logika benar= ’;true);
Writeln(‘Nilai logika salah= ’;falase);
Writeln(‘Nilai MaxInt = ’;MaxInt);
Writeln(‘Nilai MaxLongInt = ’;MaxLongInt);
End.
Bila program dijalankan akan menghasilkan:
Nilai logika benar = TRUE
Nilai logika salah = FALSE
Nilai MaxInt = 32767
Nilai MaxLongInt = 2147483647
Mengenal Pascal - SMUBOY Kelas X 2011/2012
4
Contoh deklarasi konstanta yang dapat dilakukan dengan benar:
Const a=8;
Const c='8';
Const s='konstanta';
Const Is=sizeof(integer);
Const b=length('konstanta');
Const x:integer = 10;
Const z=ord(#64);
const a= 10; s= chr (a);
Contoh deklarasi konstanta yang salah:
const a=integer:=10;
const a(integer):=10;
const integer(a):=10;
const integer:a= 10;
const x.1=2.7182818;
const a= 10’; s= length (a);
const a= 10’; s= pos (‘1’ , a);
const a= 10; s= high (a);

Jumat, 26 Agustus 2011

Membuat Antena Modem GSM Hanya Rp.2000

Apakah anda mendapatkan sinyal yang sangat sulit, jika yam aka jalan alternative adalah membuat antene exsternal. Kita langsung ke pembahasan
Bahan yang harus ada adalah kabel yang berisi tembaga (ingat bukan lilitan kabel okeyy) panjangnya kira-kira 2 meter
Langkah pertama adalah buang pembungkus kabel kira-kira 10 cm












Langkah kedua adalah lilitkan kabel pada modem dan yang lapisannya sudah dibuang  dijadikan antene dan ujungnya dibentuk kumparan
















Langkah ketiga adalah buat dasar alumunium foil dengan dasar dari tempat kaset













Dan langkah yang terakhir adalah menaruh modem diatas dasar alumunium foil












Perhatian kabel yang saya perlihatkan diatas berbeda karena saya memakai kabel lainnya (sebab saya lupa memotret kabelnya dan saya baru ingat setelah jadi)

SELESAI DAN JANGAN LUPA KOMENTARNYAYA .....BIAR RAME
Sumber : Dari blog saya yang lain (saya repost)
http://kudus99.blogspot.com/2010/07/membuat-antena-modem-gsm-hanya-rp2000.html

Rabu, 06 Juli 2011

6 Cara Berpromosi di Internet agar Blog Bisnis kita terkenal

cara mempromosikan blog agar mendatangkan kunjungan melimpah
Promosi

Membangun Bisnis Online, kunci keberhasilan dalam bisnis online adalah ketika blog kita mendapat kunjungan dan mendatangkan penjualan di internet. Produk yang hebat saja tidak memberikan jaminan bakal laku terjual apabila tidak dikenal oleh banyak orang. Untuk itulah kita harus melakukan promosi atas produk-produk Anda tersebut. Banyak sekali cara berpromosi yang dapat di gunakan. Ada 6 cara berpromosi yang efektif di internet, yakni :

  1. Promosi Menggunakan Search Engine (Mesin Pencari), Search Engine adalah tempat seseorang mencari apa saja di internet. Cukup dengan mengetikkan informasi yang dinginkannya, maka dalam sekejab Search Engine akan menampilkan daftar alamat website yang menyediakan informasi yang dicari tersebut. Konsep dari cara berpromosi menggunakan search engine adalah Anda berusaha menempatkan alamat website Anda pada halaman-halaman awal (maksimal sampai dengan halaman ke-3) pada hasil pencarian search engine sesuai dengan kata kunci yang Anda bidik (kata kunci adalah kata yang diketikkan oleh pencari pada search engine).  Memang tidak mudah untuk melakukan promosi dengan cara ini. Anda harus mengetahui teknik-teknik yang bisa membuat website Anda tampil pada halaman pertama mesin-mesin pencari tersebut, untuk kata-kata kunci yang kita bidik. Tidak mudah bukan berarti tidak mungkin. Kita bisa mempelajari ilmu SEO (Search Engine Optimization) untuk bisa melakukan promosi dengan cara ini.
  2. Direct Email Marketing, Cara berpromosi yang efektif di internet dapat juga dilakukan melalui email. Syaratnya, kita harus mampu menulis email yang dapat menarik minat pembaca email yang kita tuju. Untuk itu kita harus memperhatikan beberapa hal berikut ini dalam menulis email marketing : Gunakan kata-kata yang sopan tidak menyinggung perasaan pembaca, Berikan informasi yang berguna terlebih dahulu. Jangan langsung melakukan penawaran terhadap produk Anda, Jangan menulis email yang isinya berupa ajakan/bujukan untuk membeli produk kita. Yang terbaik adalah memberikan informasi tentang produk kita, terutama informasi tentang manfaat-manfaat yang bisa didapat dari produk kita. Tulislah email yang isinya relevan dengan target penerima/pembaca email kita, yang perlu kita ingat : jangan sekali-kali mengirim email marketing  ke sembarang alamat email. Di internet, hal ini dikenal sebagai “spam”, dan tindakan spam ini sangat dibenci oleh banyak orang. Karena itu hindarilah. Ada banyak cara yang terpuji dan elegan bagi Anda untuk mendapatkan daftar alamat email yang dapat dikirimi email marketing Anda. Di antaranya adalah : Memperoleh daftar email dari mailinglist/safelist. Membangun sendiri daftar email yang pemiliknya bersedia dikirimi email marketing, Membangun sendiri daftar email ini dikenal sebagai list building. Di sini Anda berupaya untuk mengumpulkan daftar alamat email, di mana pemiliknya bersedia untuk dikirimi email secara berkala oleh Anda. Bila Anda berkunjung di sebuah website dan Anda melihat ada kotak yang meminta kesediaan pengunjung untuk mengisi nama dan alamat email mereka, maka pemilik website tersebut sedang melakukan list building. Biasanya, pengunjung diberitahu terlebih dahulu bahwa dengan memberikan alamat email tersebut maka mereka akan mendapatkan sesuatu yang bermanfaat, misalnya ebook gratis, software gratis, atau informasi-informasi bermanfaat yang akan dikirim secara rutin melalui email. Si pemilik website pun biasanya menjamin keamanan data pemilik email dan berjanji untuk tidak menyalahgunakannya. Bila seseorang setuju untuk memberikan nama dan alamat emailnya, maka data nama dan alamat email tersebut akan disimpan di database pemilik website, dan dapat menjadi prospek. Selanjutnya si pemilik website (pemilik list building) dapat mengatur jadwal pengiriman email marketing kepada prospeknya tersebut. Semua pekerjaan mulai dari menyimpan data nama dan alamat email, lalu mengatur pengiriman email marketing secara terjadwal, biasanya dikerjakan oleh autoresponder.
  3. Promosi Melalui Forum dan Blogwalking Forum di internet, atau biasa juga disebut forum online adalah sebuah tempat diskusi secara online. Forum online ini hampir sama dengan milis group yang sudah kita bahas sebelumnya. Bedanya, diskusi pada milis group menggunakan email, sedangkan diskusi pada forum online menggunakan website yang terhubung ke internet. Beberapa Forum Online memiliki topik diskusi yang spesifik, namun ada beberapa juga yang memiliki berbagai macam topik yang bisa didiskusikan. Sedangkan blogwalking adalah kegiatan mengunjungi blog lain dan meninggalkan komentar pada blog tersebut. Bagaimana kedua hal tersebut dapat menjadi cara berpromosi yang efektif di internet?
  4. Viral Marketing, Viral marketing adalah konsep marketing yang meniru kerja virus komputer yang bisa bekerja sendiri, menyebar dengan cepat dan secara otomatis menginfeksi jutaan komputer di seluruh dunia. Itulah sebabnya viral marketing disebut juga “traffic virus”. Bedanya jika virus komputer ada pihak yang dirugikan, maka viral marketing dapat memberikan keuntungan, baik bagi pihak yang menyebarkannya maupun pihak yang terkena traffic virus. Viral marketing atau traffic virus merupakan konsep “win win solution”. Konsep dasar Viral Marketing adalah mengijinkan orang lain untuk mengunakan produk kita secara gratis. Produk ini bisa berupa ebook, artikel, sofware komputer, software game, ecard, dan lain sebagainya. Selanjutnya pengguna produk Anda tersebut Anda perbolehkan (bahkan menyarankan) untuk juga menyebarkannya dan memberikannya kepada orang lain secara cuma-cuma. Demikian seterusnya hingga produk yang kita gratiskan tersebut menyebar luas ke jutaan pengguna internet bahkan tanpa kita sadari. Ide di balik viral marketing ini adalah dengan mengikutsertakan iklan kita pada produk gratisan kita yang bisa dimiliki atau dipakai orang lain yang juga akan dengan senang hati mau menyebarluaskannya ke orang lain. Bila Anda ingin melakukan promosi dengan cara ini, maka terlebih dahulu Anda perlu menyiapkan produk yang bisa diberikan secara cuma-cuma di internet. Produk yang ingin Anda sebarkan tersebut haruslah betul-betul produk yang berguna bagi banyak orang dan bisa membantu orang lain memecahkan permasalahannya. Memang tidak mudah, tetapi apabila Anda bisa melakukannya, maka dampak dari promosi secara viral ini sangatlah luar biasa. Cara yang paling mudah adalah dengan membuat ebook karena ebook gampang didownload (ukuran file-nya relatif kecil), Anda mudah menyelipkan promosi produk Anda, dan para pengunjung internet rata-rata senang mendownload ebook gratis.
  5. Berpromosi Melalui FacebookHari gini belum punya akun Facebook? pengguna Facebook di seluruh dunia telah mencapai 400 juta orang. Sebuah jumlah yang tidak main-main banyaknya. Bila Anda jeli sebagai seorang internet marketer, tentunya Anda dapat membaca bahwa ini merupakan tempat promosi yang paling potensial. Tidak salah bila dikatakan bahwa berpromosi melalui Facebook merupakan salah satu cara berpromosi yang efektif di internet.
  6. Memasang Iklan Pay Per Click (PPC)Cara keenam berpromosi yang efektif di internet adalah dengan memasang Iklan Pay Per Click (PPC). Iklan PPC adalah jenis iklan yang Anda bayarkan apabila ada orang yang mengklik iklan Anda. Biaya untuk tiap klik tergantung pada penawaran Anda, atau ada juga penyedia layanan iklan PPC yang sudah menentukan besarnya biaya untuk tiap klik-nya. Untuk iklan PPC di Indonesia rata-rata biaya per klik-nya adalah Rp 500. Berpromosi di internet dengan cara ini sangat cocok bagi Anda yang ingin mendapatkan hasil instan atau bagi pedagang/pebisnis pemula di intenet yang belum banyak menguasai cara-cara berpromosi yang efektif di internet. Biayanya memang tidak sedikit. Biasanya penyedia layanan iklan PPC mengharuskan Anda membayar deposit sejumlah minimal Rp 50.000 agar iklan Anda bisa ditampilkan. Namun apabila Anda melakukannya dengan benar, maka hasil yang diperoleh sangatlah sebanding. Beberapa penyedia layanan pemasangan iklan PPC di bawah ini : KlikSaya,  AdSenseCamp, KumpulBlogger,  NegeriAds
Demikianlah 6 cara berpromosi yang efektif di internet untuk blog bisnis, untuk mendatangkan pengunjung melimpah dan bisnis online kita mendapat pembeli

Rabu, 22 Juni 2011

Tutorial robots.txt dengan Google Webmaster Tools

Crawler Access Webmasters Tool
Gambar 1



file robots.txt adalah file yang buat untuk menginstruksikan web robots, crawlers, atau spider yang masuk kedalam web atau blog kamu. File robots.txt mengontrol masuknya web robots yang biasanya datang dari situs search engine. Dengan adanya robots.txt, kamu bisa memberikan restriksi (semacam filter) terhadap file atau direktori tertentu dalam web, agar web robot tidak begitu saja mengcrawl semua isi dari web kamu, begitu juga sebaliknya.
Saya sendiri menggunakan robots.txt dengan tujuan melakukan restriksi web robot dari search engine terhadap konten yang ter-generate dalam blog ini, sehingga saya bisa menentukan konten-konten apa saja yang bisa di filter dan tidak, untuk dimasukkan dalam search engine. File robots.txt ini bisa juga digunakan sebagai cara menghindari duplicate content yang bisa saja ada dalam blog kamu, dalam hal ini duplicate title dan duplicate description seperti yang tercatat dalam Google Webmasters Tools.
Cobalah untuk mempelajari tentang robots.txt dalam tutorial ini, bagaimana file robots.txt ini digunakan untuk mengontrol search engine/web robots terhadap suatu situs.
Dalam tutorial robots.txt ini, saya menjelaskan pembuatan file robots.txt berdasarkan tool yang ada dalam Google Webmasters.
Berikut langkah-langkah cara membuat robots.txt menggunakan Google Webmasters Tools:
1. Signup/sign in Google Webmasters Tools. Masuk di akun Google Webmasters dengan username dan password akun Google kamu.
2. Masuk di situs yang mau dibuatkan file robots.txt. (Tentu saja situs kamu harus diverifikasi terlebih dahulu, baca di sini: cara verifikasi situs lewat Google Webmasters Tools)
3. Crawler access. Pada navigasi dashboard sebelah kiri masuk di Site configuration >> Crawler access (lihat gambar 1, klik gambar untuk memperbesar)
4. Tool robots.txt. Kamu akan melihat tool yang digunakan untuk mengetes robots.txt yang berisi 2 kotak form lengkap dengan tombol test untuk memeriksa robots.txt bikinan kamu. Saya tidak menggunakan tool generate robots.txt karena masih terbatas penggunaannya. (lihat gambar 2 dan 3)
Form Protokol robots.txt
Gambar 2. Form ini menunjukkan tempat dimana kamu harus mengisi protokol robots.txt
Form File/ Direktori yang akan di-test
Gambar 3. Form ini menunjukkan tempat pengisian url file/direktori yang akan kamu test berdasarkan protokol robots.txt yang sudah kamu buat pada gambar 2.


5. User-agent: * artinya semua jenis robots yang diperintahkan menuruti protokol robots.txt, kamu bisa mengganti tan (*) dengan user agent yang lain. Contoh user-agent:

User-agent: ia_archiver
User-agent: Scooter
User-agent: ArchitextSpider
User-agent: fast
User-agent: Googlebot
User-agent: Googlebot-Images
User-agent: Mediapartners-Google
User-agent: Sidewinder
User-agent: Slurp
User-agent: Lycos_Spider_(T-Rex)
User-agent: Gulliver
User-agent: WebCrawler

6. Disallow: / dan Allow: / adalah protokol per-izinan apakah suatu file/direktori mau direstriksi atau tidak.
7. Cara pengisian form protokol robots.txt
Kamu cukup mengetikkan form protokol secara line by line. Berikut beberapa contoh kasus file atau direktori yang akan di isi dalam form protokol robots.txt:
A. Jika kamu tidak ingin semua user-agent/robots masuk ke dalam direktori blog kamu cukup mengisi form sbb:

User-agent: *
Disallow: /

B. Blok direktori dalam url.
Contoh: www.yourdomain.com/search/cara+membuat+blog
Direktori “/search/” akan direstriksi, beserta direktori/file setelahnya.

User-agent: *
Disallow: /search/

C. Blok file dalam url.
Contoh: www.yourdomain.com/foo/poster-artis.jpg
File poster-artis.jpg akan kita direstriksi.

User-agent: *
Disallow: /foo/poster-artis.jpg

D. Blok kata dalam url.
Contoh www.yourdomain.com/search/cara+membuat+blog
Kata “blog” dalam direktori “search” akan direstriksi.

User-agent: *
Disallow: /search/*blog

E. Blok semua url yang mengandung suatu spesial karakter.
Contoh www.yourdomain.com/search/cara+membuat+blog
Setiap url yang mengandung spesial karakter (+) akan direstriksi

User-agent: *
Disallow: /search/*+

F. Blok semua url yang diakhiri suatu spesial karakter.
Contoh www.yourdomain.com/search/cara+membuat+blog+
Setiap url yang berakhiran spesial karakter (+) akan direstriksi.

User-agent: *
Disallow: /search/*+$

G. Blok setiap awal suatu kata.
Contoh www.yourdomain.com/search/cara+membuat+blog
Setiap url yag ada kata “cara” dalam direktori “search” akan diblok.

User-agent: *
Disallow: /search/cara
 
H. Blok setiap file dengan suatu ekstension
Contoh www.yourdomain.com/search/cara+membuat+blog.html
Setiap url dalam direktori “search” yang mengandung ekstension “.html” akan di blok.

User-agent: *
Disallow: /search/*.html$

I. Mengizinkan kata tertentu yang direstriksi
Contoh
www.yourdomain.com/search/cara+membuat+blog
www.yourdomain.com/search/cara+membuat+blogs
Url dalam direktori “search” yang mengandung kata “blog” akan disallow tapi kata “blogs” tetap allow.

User-agent: *
Disallow: /search/*blog
Allow: /search/*blogs

J. Mengizinkan iklan Google Ads dalam web dapat dipantau oleh user-agent Google Ads.

User-Agent: MediaPartners-Google
Allow: /

K. Blok multiple url dan mengizinkan Google Ads user agent
Contoh
www.yourdomain.com/search/cara+membuat+blog
www.yourdomain.com/search/cari+duit+lewat+situs
www.yourdomain.com/search/tutorial+bikin+web
www.yourdomain.com/search/tutorial+bikin+weblog
Setiap url dalam direktori “search” yang mengandung kata “blog”,”duit”,dan “web” akan disallow, tapi kata “weblog” akan allow, dan Google Ads tetap bisa dipantau oleh user agent Google Ads.

User-agent: *
Disallow: /search/*blog
Disallow: /search/*blog
Disallow: /search/*blog
Allow: /search/*weblog

User-Agent: MediaPartners-Google
Allow: /


8. Tombol test. setelah kamu mengisi form protokol robots.txt dan menentukan url yang akan di test, silahkan klik tombol test untuk menilai apakah url tersebut disallow atau tidak.
9. Jika sudah yakin dengan semua protokol robots.txt yang kamu buat, kamu bisa kopas di notepad dan disimpan dengan nama robots.txt (semua lowercase) bukan Robots.txt.
10. Masukkan file tersebut ke direktori utama domain kamu dan cek dengan melihat alamat url http://yourdomain.com/robots.txt
Selamat mencoba sob! :)
 
 

Senin, 30 Mei 2011

Google Update Pagerank, Apa Benar?

google pagerank Apa benar google sudah update? saya juga masih ragu atau saya yang ketinggalan berita. Lama tidak melihat blog zone, blog yang sudah tidak terurus lagi, blog amburadul yang tidak jelas mau dibawa kemana ternyata naik peringkat jadi 4. Untuk mengecek kapan terakhir google update, sobat bisa melihat di http://googlepagerankupdate.com dan ternyata memang google terakhir update tgl 2 april 2010. Lalu kenapa blog zone naik jadi 4 ya? berarti google hanya melakukan update minor ! saya tanya sama teman saya si beben , aisss ternyata dia lagi bengong online sendirian di blognya kang rohman.Laughing

Bicara masalah pagerank, situasi jual beli link mungkin kembali memperhitungkan yang satu ini. Seperti biasa, blogger-blogger yang maniak uang kembali berseri-seri jika blog mereka naik pangkat, paid review dan jualan link jadi seru lagi.

Biar sajalah yang mau bisnis ya bisnis, yang mau iseng ya silahkan teruskan berkreasi untuk blognya. Selamat buat yang naik, yang turun jangan kecewa, kita tunggu update yang sesungguhnya dari google, biasanya beberapa minggu setelah minor google akan update keseluran.

Rabu, 25 Mei 2011

Cara Membuat Widget Follower ala Mr.Bean

Cara membuat widget followers ala Mr.Bean di blogspot/blogger. Siapa yang gak tau Mr.Bean ???Ingin Mr.bean ada di blog ??? copi ja kode berikut dan tambahkan ke widget !!!

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="138" height="450" title="grab this widget @ widgetindex.blogspot" src="http://5127764844243784301-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex2/beanbncetextwl.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

kode Mr.Bean lain yang bisa dipasang di blog !!!

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="360" title="grab this widget @ widgetindex.blogspot" src="https://6073972830965350612-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex29/mr.bean2.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div><div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="360" title="grab this widget @ widgetindex.blogspot" src="https://6073972830965350612-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex29/mr.bean2.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div><div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="360" title="grab this widget @ widgetindex.blogspot" src="https://6073972830965350612-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex29/mr.bean2.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div> 

atau yang ini ???

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="380" title="grab this widget @ widgetindex.blogspot" src="https://6073972830965350612-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex29/mr.bean.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

lihat hasilnya klik disini.

Senin, 23 Mei 2011

Cara Membuat Read More Otomatis

Cara Membuat Read More Otomatis.

RMO Pada postingan sebelumnya sudah pernah saya bahas tentang cara membuat read more atau baca selengkapnya. Hampir sama dengan postingan saya kali ini, namun read more otomatis memiliki kelebihan yaitu postingan akan terbagi menjadi 2 bagian secara otomatis.

Untuk read more otomatis ini, dibutuhkan kode javascript yang sebenarnya bisa sobat simpan sendiri di tempat biasa sobat menyimpan file secara online. Namun kali ini script read more diletakkan langsung di template tanpa menggunakan hosting untuk mencegah errror saat hosting yang kita gunakan untuk menyimpan kode script-nya sedang down. 

Buat blogger baru, saya sarankan menggunakan read more otomatis saja ketimbang read more yang biasa. Karena tentunya sobat tidak akan repot membagi 2 postingan sobat dengan kode manual.

Berikut langkah – langkah dalam membuat read more otomatis :
  1. Silahkan login ke blogger terlebih dahulu.
  2. Klik Tata Letak
  3. Kemudian klik Edit HTML.
  4. Centang Expand Template Widget
  5. Letakkan kode berikut ini tepat diatas kode </head> :
    <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </script>
    <script type='text/javascript'>
    //<![CDATA[
    /******************************************
    Auto-readmore link script, version 2.0 (for blogspot)
    (C)2008 by Anhvo
    visit http://en.vietwebguide.com to get more cool hacks
    ********************************************/
    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }
    strx = s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
    }
    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }
    //]]>
    </script>
  6. Untuk yang sudah pernah menggunakan read more versi lama (manual), sebaiknya sobat kembalikan dulu kodenya seperti semula. Hapus kode yang saya tandai dengan warna biru di bawah ini, sesuaikan dengan template sobat, karena setiap template berbeda - beda :
    <div class='post-header-line-1'/>
    <div class='post-body'>
    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/></p>
    <a expr:href='data:post.url'>Readmore</a>
    </b:if>
    <div style='clear: both;'/>    
    sehingga sekarang hanya ada satu <data:post.body/>
  7. Kemudian hapus kode : <data:post.body/> atau <p><data:post.body/></p>
  8. Ganti kode tersebut dengan kode berikut ini :
    <b:if cond='data:blog.pageType != "item"'>
    <div expr:id='"summary" + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
    <span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More … <data:post.title/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

  9. Kemudian Simpan Template.

Keterangan :
  • summary_noimg = 450 –-> untuk tinggi postingan tanpa gambar.
  • summary_img = 360 –-> untuk tinggi postingan dengan gambar.
  • img_thumb_height = 120 –> tinggi gambar.
  • img_thumb_width = 150 –> lebar gambar.
  • Read More… –> bisa sobat ganti dengan tulisan Baca Selengkapnya / Baca Selanjutnya / atau apa saja yang sobat inginkan.

Silahkan sobat atur sesuai template sobat. Selamat berkreasi. Happy

Cara Modifikasi Followers

followers Sudah hampir sebulan saya tidak update blog ini, di samping kesibukkan saya di luar saya juga cukup kelelahan mengurus blog-blog saya yang lain. Muncul lagi dengan tutorial blog yang ringan, tapi mungkin bermanfaat, kita coba memodifikasi followers blogger.

Biasanya followers dipasang langsung pada widget yang sudah tersedia di blogger, tapi kali ini kita akan memasangnya di widget HTML/Javascript. Abaikan tutorial ini jika sobat menggunakan template minima atau template bawaan blogger.

Jika sobat menggunakan custom template, maka untuk mengedit link, warna text dan border akan mengalami kesulitan. Untuk itu kita coba menambahkan border dan mengedit sedikit warna pada followers, link color, text color, background color dan border color. untuk memulainya, silahkan sobat login ke blogger.
  • Masuk ke Rancangan
  • Klik Elemen Laman
  • Pilih Tambah Gadget
  • Klik yang HTML/JavaScript
  • Kemudian masukkan kode followers dibawah ini :
    <script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>
    <!-- Define the div tag where the gadget will be inserted. -->
    <div id="div-eknxr14kfzlq" style="width:280px;border:1px solid #cccccc;"></div>
    <!-- Render the gadget into a div. -->
    <script type="text/javascript">
    var skin = {};
    skin['BORDER_COLOR'] = '#dedede';
    skin['ENDCAP_BG_COLOR'] = '#f0f0f0';
    skin['ENDCAP_TEXT_COLOR'] = '#444';
    skin['ENDCAP_LINK_COLOR'] = '#444';
    skin['ALTERNATE_BG_COLOR'] = '#fff';
    skin['CONTENT_BG_COLOR'] = '#f9f9f9';
    skin['CONTENT_LINK_COLOR'] = '#444';
    skin['CONTENT_TEXT_COLOR'] = '#444';
    skin['CONTENT_SECONDARY_LINK_COLOR'] = '#444';
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#444';
    skin['CONTENT_HEADLINE_COLOR'] = '#444';
    skin['NUMBER_ROWS'] = '3';

    google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
    google.friendconnect.container.renderMembersGadget(
    { id: 'div-eknxr14kfzlq',
       site: '06215030860304111239' },
      skin);
    </script>
  • Ganti kode yang berwarna merah dan ungu dengan kode id blog sobat
  • Simpan.

Keterangan :
  1. untuk kode yang saya tebalkan bisa sobat ganti sesuai dengan warna dan lebar widget blog sobat.
  2. Kode yang berwarna biru sesuaikan dengan lebar widget template sobat.
  3. Untuk mencari kode yang berwarna merah dan ungu, jika sebelumnya sobat sudah memasang widget followers, maka sobat bisa klik kanan pada halaman blog kemudian klik “view page source” lalu klik CTRL+F dan ketik saja followers. Dari situ sobat dapat melihat kode id dan site dari blog sobat.

Minggu, 22 Mei 2011

Cara Membuat Buku Tamu Tersembunyi

Postingan kali ini saya mencoba mensharingkan cara membuat ShoutBox tersembunyi di samping. Sebagai contoh pada halaman blog saya ini, shout box nya berada di kiri ( klik tulisan "GUEST BOOK" disamping kiri).
Nah jika anda tertarik untuk membuat tampilan ShoutBox anda seperti itu, saya ingin mensharingkan cara-caranya. langsung saja ke tahap pembuatan.

  • Seperti biasa login dulu ke Blogger
  • Masuk ke Tata Letak/Layout - Page Elements
  • Add gadget - HTML/Javascript
  • Copy code dibawah ini :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoHs86AMGEz48sQk2Lr2w1445rp-e6k5TjksOXEVGYoVBeQ3LM75h6aiCrR3xWg2vuq8qETsrqFNi002HjMcqJGNrOA2SI7-3YEEpvS6yicg2PS4hTZakO208JpnMliEjJLxLI7XjJAXaE/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Ganti ini dengan kode shout box anda -->
<br/>
Mau seperti ini?<br/>
Click aja disini--->
<a href="http://serba-seru.blogspot.com/2009/12/membuat-shoutbox-tersembunyi.html">
Serba Seru
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
  • Pastekan ke gadget anda tadi
  • Nah...tulisan yang berwarna merah anda ganti dengan code shoutbox anda,
  • untuk angka yang berwarna pink dapat anda sesuaikan dengan selera anda

Sabtu, 30 April 2011

Cara Membuat Makalah

Secara struktural makalah yg umum biasanya tersusun atas:

1. Kata Pengantar : berisi kata2 harapan penulis, ucapan trimakasih, dll dari penulis

2. Daftar isi (jelas)

3. Pendahuluan : latar belakang pembuatan tugas, tujuan dan manfaat yg diinginkan

4. Landasan teori : kutipan teori2 yg mendasari makalah, biasa lgs dikutip dari buku diktat

5. Pembahasan : inti makalah yg ingin lo bahas masukan di bab ini

6. Kesimpulan : pendek kata dari pembahasan masukin sini

7. Daftar Pustaka : sumber2 yg anda pakai

Dan untuk tahap awal yaitu :
Memilih Topik

Bila topik telah ditentukan, anda mungkin tidak lagi memiliki kebebasan untuk memilih. Namun demikian, bukan berarti anda siap untuk menuju langkah berikutnya.

Pikirkan terlebih dahulu tipe naskah yang akan anda tulis. Apakah berupa tinjauan umum, atau analisis topik secara khusus? Jika hanya merupakan tinjauan umum, anda dapat langsung menuju ke langkah berikutnya. Tapi bila anda ingin melakukan analisis khusus, topik anda harus benar-benar spesifik. Jika topik masih terlalu umum, anda dapat mempersempit topik anda. Sebagai contoh, bila topik tentang “Indonesia” adalah satu topik yang masih sangat umum. Jika tujuan anda menulis sebuah gambaran umum (overview), maka topik ini sudah tepat. Namun bila anda ingin membuat analisis singkat, anda dapat mempersempit topik ini menjadi “Kekayaan Budaya Indonesia” atau “Situasi Politik di Indonesia. Setelah anda yakin akan apa yang anda tulis, anda bisa melanjutkan ke langkah berikutnya.

Bila topik belum ditentukan, maka tugas anda jauh lebih berat. Di sisi lain, sebenarnya anda memiliki kebebasan memilih topik yang anda sukai, sehingga biasanya membuat esai anda jauh lebih kuat dan berkarakter.

Tentukan Tujuan

Tentukan terlebih dahulu tujuan esai yang akan anda tulis. Apakah untuk meyakinkan orang agar mempercayai apa yang anda percayai? Menjelaskan bagaimana melakukan hal-hal tertentu? Mendidik pembaca tentang seseorang, ide, tempat atau sesuatu? Apapun topik yang anda pilih, harus sesuai dengan tujuannya.

Tuliskan Minat Anda

Jika anda telah menetapkan tujuan esai anda, tuliskan beberapa subyek yang menarik minat anda. Semakin banyak subyek yang anda tulis, akan semakin baik. Jika anda memiliki masalah dalam menemukan subyek yang anda minati, coba lihat di sekeliling anda. Adakah hal-hal yang menarik di sekitar anda? Pikirkan hidup anda? Apa yang anda lakukan? Mungkin ada beberapa yang menarik untuk dijadikan topik. Jangan mengevaluasi subyek-subyek tersebut, tuliskan saja segala sesuatu yang terlintas di kepala.

Evaluasi Potensial Topik

Jika telah ada bebearpa topik yang pantas, pertimbangkan masing-masing topik tersebut. Jika tujuannya mendidik, anda harus mengerti benar tentang topik yang dimaksud. Jika tujuannya meyakinkan, maka topik tersebut harus benar-benar menggairahkan. Yang paling penting, berapa banyak ide-ide yang anda miliki untuk topik yang anda pilih.

Sebelum anda meneruskan ke langkah berikutnya, lihatlah lagi bentuk naskah yang anda tulis. Sama halnya dengan kasus dimana topik anda telah ditentukan, anda juga perlu memikirkan bentuk naskah yang anda tulis.

Membuat Outline

Tujuan dari pembuatan outline adalah meletakkan ide-ide tentang topik anda dalam naskah dalam sebuah format yang terorganisir.

Mulailah dengang menulis topik anda di bagian atas

Tuliskan angka romawi I, II, III di sebelah kiri halaman tersebut, dengan jarak yang cukup lebar diantaranya

Tuliskan garis besar ide anda tentang topik yang anda maksud:

Jika anda mencoba meyakinkan, berikan argumentasi terbaik

Jika anda menjelaskan satu proses, tuliskan langkah-langkahnya sehingga dapat dipahami pembaca

Jika anda mencoba menginformasikan sesuatu, jelaskan kategori utama dari informasi tersebut

Pada masing-masing romawi, tuliskan A, B, dan C menurun di sis kiri halaman tersebut. Tuliskan fakta atau informasi yang mendukung ide utama
Menuliskan Tesis

Suatu pernyataan tesis mencerminkan isi esai dan poin penting yang akan disampaikan oleh pengarangnya. Anda telah menentukan topik dari esai anda, sekarang anda harus melihat kembali outline yang telah anda buat, dan memutuskan poin penting apa yang akan anda buat. Pernyataan tesis anda terdiri dari dua bagian:

Bagian pertama menyatakan topik. Contoh: Budaya Indonesia, Korupsi di Indonesia

Bagian kedua menyatakan poin-poin dari esai anda. Contoh: memiliki kekayaan yang luar biasa, memerlukan waktu yang panjang untuk memberantasnya, dst.

Menuliskan Tubuh Esai

Bagian ini merupakan bagian paling menyenangkan dari penulisan sebuah esai. Anda dapat menjelaskan, menggambarkan dan memberikan argumentasi dengan lengkap untuk topik yang telah anda pilih. Masing-masing ide penting yang anda tuliskan pada outline akan menjadi satu paragraf dari tubuh tesis anda.

Masing-masing paragraf memiliki struktur yang serupa:

Mulailah dengan menulis ide besar anda dalam bentuk kalimat. Misalkan ide anda adalah: “Pemberantasan korupsi di Indonesia”, anda dapat menuliskan: “Pemberantasan korupsi di Indonesia memerlukan kesabaran besar dan waktu yang lama”

Kemudian tuliskan masing-masing poin pendukung ide tersebut, namun sisakan empat sampai lima baris.

Pada masing-masing poin, tuliskan perluasan dari poin tersebut. Elaborasi ini dapat berupa deskripsi atau penjelasan atau diskusi

Bila perlu, anda dapat menggunakan kalimat kesimpulan pada masing-masing paragraf.

Semoga bermanfaat..:D

Kamis, 24 Maret 2011

Cara membuat space iklan di blogspot

Bagi Anda yang hobi berbisnis dan ingin mempromosikan produknya di blog, Anda bisa memanfattkan tips kali ini. Kali ini kita akan membahas cara membuat space/ruang iklan di blog. Tips ini sangat berguna untuk memperkenalkan produk kita pada pengunjung blog. Sehingga apabila apengunjung yang tertarik langsung bisa mengklik banner iklan yang telah kita buat.

Berikut cara membuat space/ruang iklan di blog :
1. Seperti biasa Anda harus Log In dahulu pada akun Blogger Anda
2. Pada dashboard, pilih Edit Layout–> Edit HTML.
3. Cari kode <b:skin><![CDATA[ , lebih mudah apabila anda menggunakan ctrl+F.
4. Kemudian masukkan kode berikut ini dibawah kode <b:skin><![CDATA[[

#Box-Banner-ads {

margin: 0px;

padding: 5px;

text-align: center;

}

#Box-Banner-ads img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Box-Banner-ads img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}

5. Apabila sudah klik Save Template
6. Selanjutnya masuk kembali pada menu Edit Layout, kemudian buat element halaman baru. Pilih HTML kode:
7. Kemudian masukkan kode dibawah ini :

<center><div id="Box-Banner-ads">
<a target="_blank" href="http://supardipunya.blogspot.com"><img alt="ads" src="http://supardipunya.blogspot.co/Banner2.gif"
border="0"/></a>
<a target="_blank" href=" http://supardipunya.blogspot.com "><img alt="ads" src="hhttp://supardipunya.blogspot.co/Banner2.gif"
border="0"/></a>
<a target="_blank" href=" http://supardipunya.blogspot.com "><img alt="ads" src="http://supardipunya.blogspot.co/Banner2.gif"
border="0"/></a>
<a target="_blank" href=" http://supardipunya.blogspot.com "><img alt="ads" src="http://supardipunya.blogspot.co/Banner2.gif"
border="0"/></a>
</div></center>

Untuk jumlah iklan yang ingin Anda tampilkan Anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. Ganti kode berwarna merah dengan alamat url Anda sendiri. Dan kode warna biru dengan alamat url tempat Anda menyimpan image/gampbar.

<center><div id="Box-Banner-ads">
<a target="_blank" href="http://supardipunya.blogspot.com"><img alt="ads" src="http://supardipunya.blogspot.co/Banner2.gif"
border="0"/></a>

Berikut contoh hasilnya :


Semoga bermanfaat….

Sabtu, 19 Maret 2011

Pasang Banner di Header Blog

Beberapa hari yang lalu, sempat ada salah seorang sobat meninggalkan pesan Offline pada YM milik saya yang isinya kira-kira seperti ini :

"Bagaimana caranya menyimpan banner pada header blog"

Sebuah keinginan yang saya anggap wajar bagi seorang pemilik blog, karena sudah barang tentu merupakan suatu kebahagiaan tersendiri apabila banner yang sangat kita sukai dapat di tempatkan pada blog kebanggan kita. Jika ada pertanyaan lain "apakah kita bisa mengganti atau menambahkan banner sendiri kedalam blog?" jawabannya adalah bisa, akan tetapi tentunya kita harus sedikit bercape ria mengotak-atik kode template.

Lagi-lagi karena template terbagi dua yaitu template klasik dan template baru, maka saya akan membagi dua bahasan tentang bagaimana caranya menambahkan atau mengganti banner yang ada di header.

Sebelum menginjak kepada proses editting template, langkah awal tentunya sobat harus mempunyai banner yang akan di pakai. Untuk membuat sebuah banner, sobat bisa menggunakan berbagai program desain grafis yang sobat kuasai, apakah itu photoshop, coreldraw, ataupun program-program yang lainnya yang sejenis yang penting judulnya adalah program yang bisa membuat banner.

Karena template bentuknya ratusan atau bahkan mungkin ribuan, tentunya tulisan ini tidak akan bisa mewakili untuk pemakaian template, akan tetapi mungkin akan sedikit memberi gambaran bagaimana cara menambahkan atau merubah banner yang ada di header. Sebagai proyek percontohan (kaya kerjaan saja ya pake proyek segala), saya akan mengambil contoh template Minima yang di desain oleh Douglas Bowman, dan template ini merupakan template asli blogger.

Untuk Template Klasik

Seperti yang saya sebutkan di awal bahwa langkah pertama yang dilakukan adalah membuat banner, gambar banner terserah kepada sobat, mau gambar pemandangan, laut, atau photo sobat sendiri juga boleh. Langkah kedua adalah meng upload banner tersebut, bisa di upload ke blogger sendiri atau ke hosting lain. Untuk cara upload gambar sudah saya terangkan di sini dan di sini. Sebagai contoh, saya sudah upload banner di www.photbucket.com dan mempunyai alamat banner seperti ini :

http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif

dan gambar bannernya seperti ini ( gambarnya dalam skala kecil):





Untuk cara penempatannya silahkan ikuti langkah-langkah berikut :

  1. Sign in di blogger
  2. Klik menu Template
  3. Klim menu Edit HTML
  4. Copy seluruh kode HTML yang ada lalu paste pada notepad kemudian save, ini sebagai backup data apabila kita melakukan kesalahan dalam proses edtitting template
  5. Sisipkan kode berikut pada style sheet css sobat. Yang warna hitam adalah kode asli dan yang merah adalah kode yang harus di tambahkan
  6. /* Header ----------------------------------------------- */@media all {#header {width:660px;margin:0 auto 10px;border:1px solid #ccc;background:url(http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif) no-repeat top center;}}
  7. Jika sobat ingin menghapus garis yang berada di tepi banner, sobat harus menghapus kode berikut :
  8. #blog-title {margin:5px 5px 0;padding:20px 20px .25em;border:1px solid #eee; <-- hapus (delete)border-width:1px 1px 0; <-- hapus (delete)font-size:200%;line-height:1.2em;font-weight:normal;color:#666;text-transform:uppercase;letter-spacing:.2em;}#description {margin:0 5px 5px;padding:0 20px 20px;border:1px solid #eee; <-- hapus (delete)border-width:0 1px 1px; <-- hapus (delete)max-width:700px;font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;text-transform:uppercase;letter-spacing:.2em;color:#999;}
  9. Klik tombol Pratinjau untuk melihat perubahan
  10. Jika sudah OK, klik tombol Simpan Perubahan Template
  11. Selesai.



Untuk template baru

Bagi sobat pengguna template baru, bisa menggunakan dua cara.

Cara pertama :

  1. Sign in di blogger
  2. Klik menu Layout
  3. Klik menu Edit HTML
  4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data
  5. Klik kotak kecil di samping tulisan Expand Template Widget
  6. Tunggu beberapa saat sampai proses selesai
  7. Tambahkan kode berikut pada style sheet css sobat.Yang warna hitam adalah kode asli dan yang merah adalah kode yang harus di tambahkan
  8. /* Header -----------------------------------------------*/#header-wrapper {width:660px;margin:0 auto 10px;border:1px solid #ccc;background:url(http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif)no-repeat top center;}}
  9. Klik tombol Pratinjau untuk melihat perubahan yang ada
  10. Bila sudah OK, klik tombol SIMPAN TEMPLATE
  11. Selesai.


Langkahnya diatas sama dengan yang di template klasik.


Cara kedua :

  1. Sign in di blogger
  2. Klik menu Layout
  3. Klik menu Edit HTML
  4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data
  5. Klik kotak kecil di samping tulisan Expand Template Widget
  6. Tunggu beberapa saat sampai proses selesai
  7. cari kode berikut pada template sobat :
  8. <b:section class='header' id='header' maxwidgets='1'> pada kode maxwidgets='1'. Rubah angka satu menjadi angka 2, sehingga kodenya menjadi seperti ini : <b:section class='header' id='header' maxwidgets='2'>
  9. Klik tombol SIMPAN TEMPLATE


Nah itu langkah pertama, langkah selanjutnya adalah :

  1. Klik menu Elemen Halaman
  2. KLik tulisan Edit yang ada pada elemen Header
  3. Tunggu beberapa saat
  4. Pilih radio button yang ada di samping tulisan dari komputer Anda
  5. Klik tombol Browse...
  6. Pilih banner yang telah di buat yang ada pada komputer sobat
  7. Tunggu beberapa saat sampai proses selesai.
  8. Gambar banner sobat akan di tampilkan
  9. Klik tombol SIMPAN PERUBAHAN
  10. Selesai.


Nah silahkan sobat lihat hasilnya!

jika sobat merasa banner tersebut, maka sobat bisa menggantinya lagi, ulangi saja langkah-langkah di atas.

Ok sobat, mungkin pembahasan tentang cara mengganti banner sudah selesai, untuk melihat contoh blog yang sudah saya tambahkan banner silahkan klik di sini. Pembahasan diatas adalah untuk menambahkan hanya satu banner saja, apabila sobat tertarik membuat banner yang bisa berubah-ubah, silahkan baca di sini. Untuk melihat contohnya silahkan klik di sini

Selamat mencoba sobat !

Kode HTML tampil di posting-an

Ada seorang teman bertanya begini, bang rohman gimana caranya agar kode HTML bisa tampil di posting-an blog? Nah dari situ muncul ide untuk membuat posting-an ini, barangkali ada diantara kawan-kawan semua yang juga mempunyai pertanyaan seperti itu? jawabannya mungkin begini. Agar kode-kode HTML dapat muncul pada posting-an blog kita, ada beberapa cara dan yang saya ketahui saat ini cuma baru dua cara ( barangkali kawan-kawan ada yang lebih tahu ).

Yang pertama yaitu anda harus mengganti karakter-karakter perintah dari program HTML dengan notasi tertentu. Karakter-karakter yang sering di gunakan yaitu seperti yang tertera pada tabel di bawah ini :


    Karakter    
    Notasi    
    Keterangan    
<
&lt;
   Kurung runcing terbuka
>
&gt;
   Kurung runcing tutup
&
&amp;
   Tanda Dan
 "
&quot;
   Tanda petik ganda
±
&plusmn;
   Tanda plus minus
Spasi
&nbsp;
   Tanda Spasi
©
&copy;
   Tanda hak cipta (copyright)
®
&reg;
   Tanda terdaftar (Registered)


Nah agar lebih paham akan saya beri contoh, misalkan dalam postingan anda berisi kata-kata seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

<meta http-equiv="refresh" content="10">

</meta>



Nah (dari tadi perasaan nah nah melulu , pake kata lain nape!...      ) di dalam postingan anda, jika ingin tampil seperti itu maka yang di tuliskan tidak persis seperti kode di atas, sebab nanti di postingan tulisan kode tersebut tidak akan muncul, yang ada justru efek dari kode yang anda tuliskan. trus jalan keluarnya gimana? Seperti yang saya tuliskan pada tabel, anda harus mengganti karakter-karakter perintah yang ada dengan notasi penggantinya, jadi yang harus anda tuliskan pada postingan adalah seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

&ltbr/><br/> <code>
&lt;meta http-equiv="refresh" content="10"&gt;
<br/>
&lt;/meta&gt;
</code>
Pembubuhan perintah <code> dan </code> adalah untuk menandakan bahwa yang anda tulis adalah sebuah kode HTML, dan nantinya pun tulisan-tulisan yang berada dalam perintah ini akan tanpil beda dengan tulisan-tulisan yang lainnya, sebagai contoh silahkan anda lihat postingan saya yang lainya yang membubuhkan kode-kode HTML. pembubuhan perintah <br/> adalah untuk membuat tulisan berpindah kebawah, jika anda tidak membubuhkan perintah <br/> tadi, walaupun di posting-an anda tulis jauh kebawah, hasilnya akan tetap bersatu.

  Huh cape juga ya dari tadi kutak-ketik nih.., itu tadi cara yang pertama. Cara yang kedua adalah dengan menggunakan text area. Cara membuat text area secara lengkap silahkan klik di sini. Sebagai contoh, untuk menuliskan kode-kode di atas, pada posting-an anda harus menuliskan seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :
<br/><br/>
<p align="left"><textarea name="code" rows="6" cols="400">
&lt;meta http-equiv="refresh" content="10"&gt; &lt;/meta&gt;</textarea></p>


Maka yang akan tampil di blog anda adalah seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :



mudah bukan? selamat mencoba dan berkarya.

oupss... saya lupa kawan, untuk memposting seperti yang saya jelaskan dia atas, anda harus pada posisi Edit HTML jangan pada posisi compose.
oke kawan, untuk yang kedua kalinya...selamat mencoba.

Pasang Jadwal Sholat

Dari kemarin yang di omongin kayanya soal ngotak-ngatik template melulu, biar tidak jenuh kali ini saya akan membahas tentang aksesori blog. Bagi sobat yang notabene muslim, ada nih aksesori blog plus buat mengingatkan kepada kita akan waktu sholat biar para pengunjung blog kita tidak terlalu terlena ketika memmbaca berbagai artikel yang kita tulis di blog. Jadwal waktu sholat ini bisa sobat dapatkan di http://www.islamicfinder.org, untuk cara mendapatkannya silahkan ikuti langkah-langkah berikut ini :

  1. Silahkan sobat kunjungi situs http://www.islamicfinder.org atau hanya klik di sini !
  2. Klik link yang bertuliskan Add new sevices to your site di halaman bagian bawah
  3. Alihkan perhatian ke nomor pilihan ke 2. Klik menu Dropdown yang bertuliskan Select a Country
  4. Klik nama negara yang sobat inginkan, lalu klik Go. Contoh : Indonesia
  5. Klik nama kota yang sobat inginkan. Contoh : Jakarta
  6. KLik tombol Generated Code
  7. Copy kode yang di berikan, lalu paste pada notepad untuk nanti keperluan di simpan ke blok kita
  8. Silahkan tutup window situs tersebut
  9. Selesai.



Itu tadi cara mendapatkan kode jadwal sholatnya, untuk memasukan kode tersebut ke dalam blog, silahkan ikuti langkah berikut :


Untuk Template Klasik

  1. Sign in di blogger
  2. Klik menu Template
  3. Klik menu Edit HTML
  4. Copy seluruh kode template, paste pada notepad lalu simpan untuk backup data
  5. Copy kode jadwal sho;at yang tadi lalu paste pada tempat yang sobat inginkan
  6. Klik tombol Pratinjau untuk melihat perubahan
  7. Bila sudah Ok, klik tombol Simpan Perubahan Template
  8. Selesai.



Untuk Template baru

  1. Sign in di blogger
  2. Klik menu Layout
  3. Klik menu Elemen Halaman
  4. Klik tulisan Tambahkan sebuah Elemen Halaman
  5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript
  6. Paste kode Jadwal sholat tadi ke kolom yang di sediakan
  7. Klik tombol Simpan Perubahan
  8. Pindahkan elemen yang baru di buat pada tempat yang sobat sukai
  9. Klik tombol Simpan
  10. Selesai



Contoh jadwal sholat yang saya terangkan diatas seperti ini :


Yang arah vertical :



Yang arah horizontal





Selamat mempunyai jadwal sholat dan jangan lupa sholat ye jangan ngeblog melulu !

Pasang Buku Tamu di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :


  1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
  2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
  3. Pada kolom yang berjudul Style, klik menu appearance.
  4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
  5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
  6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
  7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
  8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
  9. Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.
Untuk blogger dengan template klasik :
  1. Log in terlebih dahulu ke blogger.com dengan id anda
  2. Klik menu Template
  3. Klik Edit HTML
  4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
  5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
  6. Klik tombol Preview untuk melihat perubahan yang kita buat.
  7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
  8. Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :
  1. Silahkan Login dengan id anda
  2. Klik menu Layout
  3. Klik Page Element
  4. Klik Add a Page Element
  5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
  6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
  7. Copy paste kode HTML shoutbox anda di dalam form Content
  8. Klik tombol Save Changes
  9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
  10. Tekan tombol Save
  11. Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :
  1. http://oggix.com
Untuk langkah-langkahnya hampir sama dengan langkah diatas.

Jumat, 17 Desember 2010

Bagaimana cara setting Sub Domain di Blogger Custom Domain Blog

Create Sub Domain on a Blogger Custom Domain

Here we will learn how we can add a new sub domain to your blogger custom domain blog. As an example we will learn how to create a sub domain blog.yourdomain.com to your custom domain blog. (If you have need some other sub-domain change blog with what you want). To do that we need to create 2 CNAME records.(one of them will be used for redirection purpose)
1. blog.yourdomain.com pointing to ghs.google.com
2. www.blog.yourdomain.com pointing to ghs.google.com
If you are having a self hosted website, then you will have to create these two CNAME Records with your Web Host.You might be able to do it from the “Simple DNS Zone Editor” in most cPanels. If you don’t have such an option, contact your Web Host and ask them to create these two CNAME records for you.After creating these records with your webhost(and after they have propagated), publish your blogspot blog to that sub domain(Skip the tuts for CNAME Creation on Different domain Registrars. They are not applicable for Self hosted Websites)
If you don’t have a self hosted  website,then to create the CNAMEs you need to login to your domain control panel. So if you bought the domain via blogger, then you have to first login to Google APPS to get into your Domain Control panel

If you bought the domain from Blogger

If you bought the domain from within Blogger, then you have to get into your domain control panel. To do that go to
http://google.com/a/cpanel/yourdomain.com
you will have to replace yourdomain.com with your domain name. From the Google APPS dashboard, Go to Domain Settings > Domain Names and click on Advanced DNS Settings. From the new page, Sign in to DNS Console(of Enom or Godaddy with the username and password that you get from here.)

CNAME Creation on Different Registrars

1. Creating  CNAMEs on Enom

1.Login to your Enom account(If you signed in from Google APPS, you can directly proceed to sep 4)
2.From the drop-down menu at the Domains tab, select My Domain and you will be directed to the Manage Domains  page.
3.Click on your domain name
4.To add a CNAME record, click NEW ROW.
5.Enter blog as Host Name , ghs.google.com  as Address  and CNAME as Record Type
Similarly add another record with www.blog as Host Name , ghs.google.com  as Address  and CNAME as Record Type
enom

2. Creating  CNAMEs on Godaddy

1.Login to your Godaddy account(If you signed in from Google APPS, you can directly proceed to sep 5)
2.Open the Domains tab and select My Domain Names. You'll be directed to the Domain Manager page.
3.Click on your domain name and click More Settings from the Dashboard
4.Click Manage under Total DNS/MX
5. Click Add New CNAME Record.
and create it as shown in the picture.
godaddy
Create another one
godaddy2

3. Creating  CNAMEs on Name.com

1. Login to your Name Account
2.Click on  Account and then on your Domain name
3.Click on DNS Management form the Right Sidebar and add the details as shown in the screenshot and Submit
name
Add another one as shown in the screenshot and Submit
name2

4. Creating  CNAMEs on Namecheap.com

1. Login to your Namecheap account and click on your domain name.
2.From the Left Sidebar, Click on All Host Records
3.Add the Records as shown in the Screen shot
namecheap

Switching your blogspot blog to the Custom Sub-Domain

I assume that you have already have a blog which you want to switch to the custom-sub domain. Get into its Dashboard and navigate to Settings > Publishing > Custom Domain and click on the link saying “Already own a domain? Switch to advanced settings” Now provide the url blog.yourdomain.com  or www.blog.yourdomain.com(you can opt any of them as per your wish)over there. Type the captcha and save the Settings. Enable the redirect  option and Save the settings once again.
create-sub-domain-on-blogger