Rabu, 24 November 2010

Cara Membagi Postingan Menjadi 2 (dua) Kolom

Berbagai cara digunakan untuk menarik pengunjung agar datang dan kembali mengujungi website/blog yang kita buat, misalnya dengan membuat postingan yang unik dan berkualitas juga dengan mempercantik tampilan website/blog.

Tips yang ingin Saya share kepada Anda kali ini adalah cara membuat postingan yang unik dan yang dimaksud unik disini bukan terkait isi dari postingan, melainkan berkenaan dengan penampilan dari postingan tersebut.

Yang menurut Saya unik tadi adalah menampilkan postingan menjadi 2 (dua) kolom seperti contoh di bawah ini:

Berbagai cara digunakan untuk menarik pengunjung agar datang dan kembali mengujungi website/blog yang kita buat, misalnya dengan membuat postingan yang unik dan berkualitas juga dengan mempercantik tampilan website/blog.Tips yang ingin Saya share kepada Anda kali ini adalah cara membuat postingan yang unik dan yang dimaksud unik disini bukan terkait isi dari postingan, melainkan berkenaan dengan penampilan dari postingan tersebut.

Apakah Anda tertarik? Jika iya, berikut ini Cara Membagi Postingan Menjadi 2 (dua) Kolom, maka pada saat membuat posting Anda harus menulis lewat Edit HTML bukan dari Compose/Tulis dan dalam postingan tersebut masukan kode di bawah ini:

<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="250">
artikel di bagian kiri</td><td align="justify" valign="top" width="250"> artikel di bagian kanan</td> </tr>
</tbody></table>


Baiklah supaya lebih jelas, berikut ini contohnya :

<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="300">
Berbagai cara digunakan untuk menarik pengunjung agar datang dan kembali mengujungi website/blog yang kita buat, misalnya dengan membuat postingan yang unik dan berkualitas juga dengan mempercantik tampilan website/blog. </td><td align="justify" valign="top" width="300"> Tips yang ingin Saya share kepada Anda kali ini adalah cara membuat postingan yang unik dan yang dimaksud unik disini bukan terkait isi dari postingan, melainkan berkenaan dengan penampilan dari postingan tersebut.</td> </tr>
</tbody></table>


Keterangan :
Cellpadding adalah jarak antara tepi kolom dengan tulisan;
Cellspacing adalah jarak antara dua kolom;
Width adalah lebar masing-masing kolom;
Align adalah perataan teks (justify untuk rata kanan kiri, left untuk rata kiri, right untuk rata kanan dan center untuk rata tengah);
Valign adalah perataan verikal (top untuk rata atas, bottom untuk rata bawah dan middle untuk rata tengah);
Anda bisa merubah dan mengaturnya sesuai selera Anda.



Sumber dari: serba-tersedia.co.cc


Baca Juga Artikel Lain Berikut ini:
* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang


Kamis, 18 November 2010

Membuat Kolom Scroll

Membuat kolom scroll sangat berguna untuk membuat daftar baca agar terlihat lebih rapih dan tidak menumpuk jika daftar bacaan yang anda posting lumayan banyak. Selain itu juga dapat mempercantik tampilan blog anda. Seperti contoh dibawah ini:


Jika anda berminat, silahkan ikutilangkah berikut ini:

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadget
5. Pilih pilihan menu HTML/JavaScript 

6. Pastekan script di bawah ini ke halaman conten HTML/JavaScript tersebut


<div style="overflow: auto; padding: 5px; width: 80px; height: 80px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204);">

<li><a href="http://risqiyanto.blogspot.com/2010/10/cara-menambahkan-jam-pada-blog.html">Cara Menambahkan Tampilan Jam Pada Blog</a></li>
<li><a href="http://risqiyanto.blogspot.com/2010/10/cara-membuat-tulisan-berkedip-kedip.html">Cara Membuat Tulisan Berkedip-kedip</a></li>
<li><a href="http://risqiyanto.blogspot.com/2010/10/cara-menambah-tampilan-pada-link.html">Cara Menambah Image Pada Link Download</a></li>
<li><a href="http://risqiyanto.blogspot.com/2010/11/cara-membuat-menu-dropdown-standar.html">Cara Membuat Menu Dropdown Standart</a></li>
<li><a href="http://risqiyanto.blogspot.com/2010/10/membuat-tulisan-bergerak_6531.html">Membuat Tulisan Bergerak</a></li>
<li><a href="http://risqiyanto.blogspot.com/2010/10/cara-mengganti-template-pada-blogspot.html">Cara Mengganti Template Pada Blogspot</a></li>
<li><a href="http://risqiyanto.blogspot.com/2010/10/pernah-dijumpai-dalamsebuah-blog.html">Cara Menambahkan Gambar Slideshow Pada Blog</a></li>
<li><a href="http://risqiyanto.blogspot.com/2010/10/menambahkan-daftar-isi-pada-blog.html">Menambahkan Dafter Isi Pada Blog</a></li>
<li><a href="http://risqiyanto.blogspot.com/2010/10/menambahkan-video-kedalam-blog.html">Menambahkan Tampilan Video Kedalam Blog</a></li>
<li><a href="http://risqiyanto.blogspot.com/2010/11/memberi-background-warna-pada-tulisan.html">Memberi Background Warna Pada Tulisan Postingan</a></li>

i</div>

Keterangan: Untuk merubah Lebar atau tingginya tinggal mengganti nilai width: 250px; height: 250px;nya.


Selamat Mencoba...


Baca Juga Artikel Lain Berikut ini:
* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang


Senin, 15 November 2010

Cara Merubah Domain Dari Blogspot menjadi .co.cc

Biasanya ketika membuat blog di blogger, kita akan mendapat nama blog seperti http://risqiyanto.blogspot.com. Nama blog tersebut kelihatan masih terlalu panjang, dan kita bisa merubah nama domain blog dengan yang lebih bagus serta lebih pendek. Banyak berbagai domain baik yang berbayar maupun yang free seperti: .com, .co.cc, .net, .org, dll. Salah satu layanan penyedia domain gratis yaitu co.cc. Jadi nantinya nama domain blog kita akan menjadi seperti contoh ini www.risqiyanto.co.cc. Kemarin saya coba mengganti domain blog saya ke co.cc, dan ternyata berhasil dengan mudah.

Berikut langkah –langkahnya:

1. Langkah pertama yang perlu dilakukan adalah mendaftar pada layanan co.cc ini.



2. Dapatkan nama domain terlebih dahulu dengan mengisi pada kotak yang tersedia, dan klik Check Availability. Atau lebih mudahnya gunakan kotak dibawah ini (Isikan domain yang ingin kamu daftarkan!) :



3. Setelah mendapatkan nama domain, selanjutnya Masuk pada menu Domain setting >> Manage Domain dan klik Setup



4. Abaikan Menu 1>> manage DNS / kosongkan name servernya anda langsung klik menu 2>> Zona Record

5. Isi add record dengan isian sebagai berikut : Host : isi dengan nama domain yang sudah anda daftarkan misal : www.namablog.co.cc TTL : 1 D (tidak perlu dirubah) Type : cname Value : ghs.google.com



6. Kemudian klik Setup
Kita telah selesai setting pada co.cc, Selanjutnya kita tinggal setting di blogger:

1. Masuk / login ke blogger.com, setelah masuk Dasboard, kemudian klik Pengaturan

2. Setelah itu klik publikasikan lanjut dengan klik Domain Ubahsuaian, kemudian klik tulisan Beralih kepengaturan lanjut.



3. Tuliskan kedalam kolom nama Domain yang telah kita buat, kemudian simpan perubahan.





Selamat mencoba...


Baca Juga Artikel Lain Berikut ini:
* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang


Kamis, 04 November 2010

Membersihkan Prefetch Folder

Windows XP menggunakan system [Prefetch] untuk mengatur dan menjalankan beberapa data yang dibutuhkan untuk aplikasi dan file. Folder  [Prefetch] digunakan untuk menyimpan informasi OS (Operation System) yang dibutuhkan untuk menjalankan suatu operasi.

Setelah beberapa waktu (kurang lebih sebulan) komputer digunakan, folder  [Prefetch] menjadi overload dengan referensi lama yang berisi software dan file-file yang mungkin tidak digunakan lagi. Mengosongkan file-file dari folder [Prefetch] setiap beberapa bulan sekali dapat mempertahankan performa kinerja komputer.

Adapun untuk menghapus folder [Prefetch]  ada dua cara:

Cara pertama dengan terlebih dahulu masuk ke dalam direktori C:\Windows\Prefetch, kemudian hapus file berekstensi [*.PF] yang lebih dari seminggu.


Cara yang kedua dengan menjalankan [Run], kemudian ketikkan prefecth, lalu klik [Ok] atau [Enter]. Setelah itu jalankan [select all file] atau dengan menekan tombol Ctrl+A secara bersamaan untuk menyoroti semua file, kemudian [Delete] semua file.





Selamat mencoba...

Facebook Twitter Google Buzz Delicious Digg Stumbleupon
Linkedin Yahoo! Bookmarks Google Bookmarks Reddit Mixx Technorati  
Baca Juga Artikel Lain Berikut ini:


Mengubah Virtual Memory

Halaman file adalah satu atau banyak area dari sebuah harddisk yang telah dipatok oleh Windows XP sebagai [Virtual memory]. Untuk memasukkanya sangat sederhana. Logikanya, seperti memesan sebuah area untuk digunakan mengisi data pada main memory.
    
     [Virtual memory] dapat diakses dengan Windows, seperti Physical Memory, tetapi itupun masih terlalu lambat. Keduanya (virtual dan physical memory) lebih lambat dibandingkan dengan kecepatan RAM (Random Access Memory).

    Sebenarnya, Windows XP menggunakan halaman file secara berkelanjutan dengan mengabaikan jumlah free memory di system anda. Dengan kata lain, ketika anda mengoptimalkan file ini, akan memberikan efek positif pada performa (kecepatan) komputer.
   
    Langkah-langkah mengoptimalkan page file [Virtual memory] sebagai berikut:

 1. Klik kanan [My Computer], kemudian pilih [Properties].

 2. Pilih tab [Advance], klik [Setting] pada bagian [Performance].

 3. Pada opsional[Performance Options], pilih tab [Advanced]. Kemudian, klik [Change] pada bagian [Virtual   memory].

 4. Selanjutnya, Anda bisa memilih dan mengatur ukuran (size) [Page File] pada drive sesuai dengan keinginan.



5. Restart komputer.


     Ukuran standart (default) page file (virtual memory) diatur dengan memperhatikan starting size dan maximum size. Untuk mengubah size page file sebagai system demand dalam rentang nilai tersebut masih diperbolehkan oleh Windows. Langkah mengubah ukuran [Virtual memory] sebagai berikut: 
1. Pilih dan centangi [Custom Size]. [Inisial Size] diatur dan disesuaikan dengan nilai yang direkomendasikan, [Recomended] yang dijumlahkan dengan angka yang sama.

2. Pada [Maximum Size], nilai yang dimasukkan sesuai dengan keinginan Anda. Jika ingin memakai default-nya, Anda tidak perlu mengubahnya.



3. Jika Anda ingin mengatur sendiri [Maximum Size], masukkan nilai yang lebih kecil dari nilai [Spce Availabe].

4. Atau nilai [Maximum Size] yang Anda masukkan adalah maksimal tiga kali lipat dari ukuran RAM computer. Apabila nilai [Maximum Size] lebih besar dari nilai RAM, akan menyebabkan berkurangnya kinerja (performa)  computer karena memaksa RAM bekerja lebih ekstra. Apabila kondisi tersebut tidak segera ditangani, akan mengakibatkan RAM lebih cepat panas atau bahkan bisa terbakar.


Facebook Twitter Google Buzz Delicious Digg Stumbleupon
Linkedin Yahoo! Bookmarks Google Bookmarks Reddit Mixx Technorati  
Baca Juga Artikel Lain Berikut ini:


Tips Meningkatkan Performa Komputer

Mematikan atau Mengurangi System Restore Untuk Menyimpan Space di Hard-drive

         Windows XP mempunyai [Utility System Restore] yang mampu mengubah setingan menjadi bentuk standar (setingan yang sesuai), membuang semua sistem yang telah diganti, dan mengembalikan kebentuk semula (default). Hal semacam ini juga berguna mengatasi virus yang menyerang PC atau terdapat kerusakan software (file corrupt) yang menyebabkan aplikasi tidak bisa dijalankan sehingga membuat Hard-disk dipenuhi dengan file program yang tidak bisa dijalankan.
     
       Pada kondisi default, [System Restore] menempati 12% dari setiap logical drive-nya. Anda bisa mengurangi jumlah ruang (space) [System Restore] dengan mengatur utility-nya atau mematikan fitur tersebut. Langkah-langkah pengaturanya sebagai berikut.

 1. Klik kanan [My Computer], kemudian pilih [Properties].
 2. Pilih tabs [System Restore].


 3. Disable [System Restore] dengan memberikan check list (centang) pada kotak [turn off system restore on all drives]. Atau dengan menggunakan cara lain, yaitu menyoroti drive yang diinginkan, kemudian klik [Setting]. Dengan menggunakan slider, anda dapat mengatur seberapa banyak space di drive [System Restore] yang akan digunakan untuk restore point.


 Pengaturan beberapa limit angka dari flexibilitas [System Restore] dapat mengurangi sampai 5% (bahkan lebih) dari total kapasitas hard- disk.
 4. Klik [Ok] untuk menyimpan perubahan pengaturan.
 5. Restart komputer Anda.

Facebook Twitter Google Buzz Delicious Digg Stumbleupon
Linkedin Yahoo! Bookmarks Google Bookmarks Reddit Mixx Technorati  
Baca Juga Artikel Lain Berikut ini:


Free Download Media Player

Free Download Software

Free Download Antivirus

Rabu, 03 November 2010

Memberi Background Warna Pada Tulisan Postingan

Memberi background warna pada tulisan postingan sangat bermanfaat untuk membedakan atau menerangkan pokok kalimat dalam sebuah postingan. Hal ini bertujuan agar pembaca lebih memahami apa yang ditunjukan dari penulis itu sendiri.

Sebenarnya banyak cara untuk menadai sebuah tulisan yang perlu diperhatikan, seperti menebalkan tulisan yang dimaksud, ataupun memberi warna pada tulisan itu sendiri.

Penandaan sebuah tulisan atau kalimat diperuntukkan buat tulisan yang sangat penting, atau kode HTML yang perlu diperhatikan.

Untuk ulasan kali ini kita akan membuat background warna pada tulisan.

Ini adalah contoh beckground warna pada kode HTML atau tulisan yang penting pada sebuah postingan. Anda bisa juga memberi background warna pada seluruh postingan.


Adapun caranya adalah sebagai berikut:

1. Login ke akun blogger anda

2. Setelah login masuk ke Entri Baru dan tulis postingan pada mode Compose

3. Setelah selesai masuk ke mode HTML dan cari tulisan yang akan diberi background warna

4. Pada paragraf/tulisan yang aka diberi background warna, tambahkan kode seperti di bawah ini:

<div style="padding: 10px; background: #736F6E; no-repeat; text-align:justify;">
disini tempat meletakkan tulisan yang diberi backgrond warna
</div>

Untuk merubah warna background, anda tinggal mengganti kode warna ini #736F6E sesuai dengan selera anda.


5. Setelah selesai, kemudian klik Publish.

Dan klik lihat blog untuk melihat hasinya.



Selamat mencoba.....



Baca Juga Artikel Lain Berikut ini:
* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang

Senin, 01 November 2010

Free Download Games

Free Download Game House

Free Download Game Bar

Cara Membuat Menu Dropdown Standart

Menu dropdown atau menu pull- down, adalah kumpulan dari beberapa data yang berupa text atau link yang mempunyai kesamaan temadan diringkas jadi menu tunggal. Sehingga  tampilan judul dalam blog lebih hemat dan tidak banyak memakan tempat. Menu dropdown juga bisa mempercantik tampilan blog anda. Jika berminat, ikuti langkah-langkah berikut:

Berikut adalah kodenya:

kode 1:



<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
</form>


Kode 2:



<form name="jump">
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>
Catatan:
Untuk Warna merah diisi http: dan menu konten anda.

Langkah pertama login ke blogger
Kemudian pilih Rancangan kemudian klik Elemen Laman
Selanjutnya Tambah Gadget lalu klik tambah HTML/JavaScript
Pastekan kode tersebut pada kolom HTML/JavaScript kemudian klik Simpan
Selesai.....




Selamat Mencoba...


Baca Juga Artikel Lain Berikut ini:
* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang