Jumat, 25 Juni 2010

Macam-Macam bentuk border blog

Ingin mempercantik tampilan post atau konten Anda? Ada lho, pilihan yang menarik untuk hal ini, yaitu dengan memberikan efek border pada konten. Nah, kali ini saya akan memberi Anda beberapa model border yang dapat Anda gunakan.

Ohya, sebelumnya gimana yah cara menggunakan border ini? Anda tinggal mengapit kata-kata konten dengan script berikut ini:

...

Tapi kita akan memodifikasinya hingga terlihat bagus, hehe. Ini dia:

Tester 123
solid blue;">Tester 123


Tester 123
double blue;">Tester 123


Tester 123
groove red;">Tester 123


Tester 123
outset red;">Tester 123


Tester 123
ridge green;">Tester 123

Itu di atas beberapa contohnya, untuk model lainnya Anda bisa memilihnya dari daftar berikut:


Keterangan :
Tulisan Warna Biru Muda Untuk Model Border,
Tulisan Warna Merah Untuk Warna Border
Tulisan Warna Kuning Kecoklatan Untuk Tulisan Dalam Border

Style
Color

Oke, silakan pilih sendiri model yang Anda inginkan dan selamat berkreasi...!!!

Kamis, 24 Juni 2010

Cara Mengganti Kursor pada Blog anda

Anda bosan dengan tampilan kursor yang biasa-biasa saja? maka kali ini anda mempelajari bagaimana mengganti atau merubah kursor anda misalnya menjadi kursor yang bergerak atau animasi. untuk membuat kursor animasi sesuai keinginan anda bisa dilakukan dengan menggunakan software-software pembuat animasi. Namun jika anda tidak menguasai software tersebut, maka ada cara yang lebih mudah dilakukan. diinternet banyak sekali situs-situs yang menawarkan kursor animasi. anda bisa mendapatkan kursor yang anda inginkan didalam situs seperti itu.

Berikut langkah-langkah yang harus anda lakukan:
Mencari kursor gratis terlebih dahulu

Berikut ini langkah-langkah pencarian situs penyediaan kursor gratis, lalu mendapatkan kursor yang anda inginkan dan membuanya siap ditempatkan dalam blogspot anda:
  • Untuk mencari situs penyedia kursor gratis, gunakan Search engine dengan penulisan kata kunci pencarian misalnya "free animated cursor" atau anda bisa kunjungi situs http://www.cursorpedia.com/ untuk mendapatkannya
  • Bila anda telah menemukan situs yang tepat dan model kursor animasi yang anda sukai, maka pastikan bahwa anda memperoleh URL dari animasi tersebut.
  • Contoh URL animasi yang didapatkan dari situs www.cursorpedia.com adalah seperti ini: http://www.cursorpedia.com/ani/heart_heart_32.ani
  • Kebanyakan kursor telah memiliki kode lengkap yang khusus diperuntukkan bagi situs tertentu, misalnya MySpace. bila anda menemukan yang seperti ini, maka ambil saja URL kursornya.
  • Pastikan alamat URL ini mempunyai ekstensi .ani (untuk kursor animasi) atau .cur (untuk kursor biasa) apabila anda hanya mendapatkan file berformat.ani atau .cur (bukan sebuah URL), maka anda harus meng-upload kedalam webhosting khusus untuk image seperti www.photobucket.com
  • Selanjutnya sisipkan URL kursor animasi anda ke dalam script berikut ini
    Cursor: url ("URL KURSOR");
    Gantilah teks "URL KURSOR" dengan URL kursor yang anda peroleh. Contohnya seperti ini:

    cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
  • Dengan script diatas maka kursor animasi anda telah siap diaplikasikan kedalam halaman Blogspot anda.
Mengaplikasikan Kursor dalam Blog anda

Setelah anda mempunyai script kursor seperti bahasan diatas, maka selanjutnya akan dijelaskan bagaimana cara mengaplikasikan kursor ke dalam halaman blogspot milik anda.

Berikut ini caranya:
  • Login terlebih dahulu kedalam akun Blogspot anda
  • Setelah itu klik menu Layout pada halaman dashboard
  • Selanjutnya klik menu EDIT HTML
  • Kemudian Cari kode body {
  • Setelah ketemu masukkan script kursor yang anda miliki tadi seperti ini
    body {
    padding: 0;
    margin: 0;)
    font-size: small;
    color: $textcolor;
    background: #fff;
    text-align: center;
    cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
    }
  • Setelah itu klik tombol Save Template dan lihat hasilnya
Selamat mencoba.......

Memasang gambar di sudut blog

Memasang gambar di sudut blog adalah salah satu trik untuk membuat blog kita kelihatan lebih menarik. pemasangan gambar bisa di sudut atas, kiri,kanan dan bawah. untuk membuat nya sangat lah mudah. bagi yang berkenan ikuti langkah-langkah di bawah ini


  • Log in dulu ke blogger
  • Tata letak
  • Edit HTML
  • Cari kode ]]>
  • letakkan kode berikut di atas kode ]]>

    #anima_sudut {
    position:fixed;_position:relative;top:0px; left:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight);
    _left:expression(document.documentElement.scrollLeft+
    document.documentElement.clientWidth - offsetWidth); }
  • Ganti kode yang berwarna biru dengan posisi image yang kamu inginkan (ex : top=atas, bottom=bawah, right=kanan, left=kiri)
  • Kemudian tambah kan kode di bawah ini diatas kode


  • Ganti kode yang berwarna merah dengan alamat blog kamu dan alamat penyimpanan image kamu

  • Kemudian simpan tamplate.

Selamat mencoba...........

Menghilangkan border pada image postingan

Selain kata Image border ini sering di kenal juga dengan kata bingkai photo. Kebanyakan image pada posting bloger selalu memiliki border atau bingkai pembatas image. Nah pada kenyataanya ada yang suka dan banyak yang ingin menghilangkan border tersebut. ada juga yang tetap menampilkannya. dengan cara memodifikasi border image tersebut dengan semaksimal mungkin. sekarang terserah anda mau yang bagaimana.yang penting image tampilan blog bisa tampil semakin baik. disini ada dua cara untuk menghilangkannya.

Langkah pertama:

Anda bisa menyamakan warna border image dengan warna post background color dengan cara


  • log in dulu ke blogger
  • Tata letak dan
  • Atur warna di Font dan Color
Langkah Kedua:
  • sama log in dulu ke blogger
  • Tata letak
  • Edit HTML
  • Cari kode di bawah ini atau pokus ke .post img {
    .post img{
    border:1px solid $bordercolor;
    margin:4px;
    padding:4px
    }
  • Ganti nilai border:1px menjadi border:0px
  • Kemudian save tamplate
  • Untuk contoh Lihat gambar kanan atas, disana akan terlihat image tanpa border pembatas.
Selamat mencoba.......

Mengubah background dengan gambar

Untuk mengubah background dengan gambar, pertama kali yang anda persiapkan terlebih dahulu adalah gambar. gambar tersebut baik berupa foto, gambar animasi atau apa saja. setelah itu anda harus mengupload nya disitus lain untuk menyimpan gambar. Untuk ukuran gambar anda tidak perlu membuatnya dalam ukuran besar. karna akan otomatis di repeat hingga memenuhi layar monitor. Berikut langkah-langkah nya
  • Log in dulu ke blogger
  • Klik Tata Letak
  • Edit HTML
  • Cari kode di bawah ini
    body {
    background-color: #aba;
    margin:0;
    font: x-small Verdana, Sans-serif;
    text-align:center;
    color:#000;
    font-size/* */:/**/small;
    font-size: /**/small;
    }
  • Ubah tulisan berwarnah merah dengan url tempat anda menyimpan gambar sehingga menjadi seperti di bawah ini
    body {
    background: url("http://alamat url gambar anda");
    margin:0;
    font: x-small Verdana, Sans-serif;
    text-align:center;
    color:#000;
    font-size/* */:/**/small;
    font-size: /**/small;
    }
  • Kemudian klik Save Tamplate
  • Selesai silahkan liat hasilnya
Selamat Mencoba

Pasang profile facebook di blogger

Facebook adalah dunia pertemanan yang sangat luas. siapa yang tidak kenal dengan web yang satu ini. tak kalah menariknya facebook menyediakan widget khusus buat blogger. penyediaan dari widget itu adalah bertujuan untuk memperluas jaringan dunia facebook. banyak yang berpendapat dengan adanya widget ini sangat membantu. selain profile nya yang menarik dan memudah kita untuk mencari teman. Nah untuk menambah widget ini di blog anda ikuti langkah-langkah di bawah ini.
  • Log in ke facebook anda
  • kemudian klik menu profile
  • Lihat bagian kiri bawah klik tulisan buat lencana profile
  • kemudian anda bisa meng edit dengan mengklik sunting lencana ini
  • disana terdapat beberapa pilihan di tata letak
    tegak
    mendatar
    dua kolom pilih salah satunya
  • kemudian di kolom isi
    Foto profil
    Nama
    Jaringan
    dan seterusnya..........
    pilih status yang ingin anda tampilkan
  • Kemudian simpan
  • setelah itu di sana terdapat beberapa pilihan untuk menambah lencana tadi ke berbagai situs di antaranya
    Blogger
    Typepad
    other
  • Pilih salah satu dengan mengkliknya. misalkan blogger.
  • Setelah anda mengklik, anda akan di bawa ke blogger untuk menambah widget itu tadi. seharusnya anda login terlebih dahulu.
  • Kemudian simpan dan lihat hasilnya..
Selamat mencoba..........

Cara Mengganti Log On Screen di Windows Vista

Windows Vista telah mengalami beberapa perubahan dari versi sebelumnya (Windows XP).Cara penggantian log on screen Windows Vista dengan memanipulasi registry pun menjadi begitu sulit dan sampai sekarang saya belum menemukan caranya karena registry Windows Vista berbeda dengan Windows XP. Sehingga, cara lain yang paling mudah dibandingkan dengan memanipulasi registry adalah dengan bantuan program aplikasi.
Namun, tidak banyak program yang memberikan fitur tersebut. Misalnya saja T*ne *p Ut*l*t*s (tahu kan yang dimaksud :-D), memang menyediakan fitur untuk mengganti log on screen dan juga boot screen, tetapi yang dapat diganti secara bebas dengan memasukkan gambar sendiri hanya pada boot screen. Untuk log on screen kita terpaku pada ekstensi gambar yang diizinkan. Disitu kelemahannya karena kita pasti kesulitan mendapatkan file dengan tipe tersebut.

boot screen :

Photobucket

log on screen:

Photobucket

Nah, solusinya adalah dengan memakai program lain, yaitu dengan memakai program "Logon Studio Vista". Program ini bersifat free dan dapat diunduh disini


Setelah diinstal, jalankan program tersebut dan pilih gambar yang akan dipakai sebagai wallpapaer pada logon screen.

Dan,silahkan lihat hasilnya. . . . .