Pratistha CM: Oktober 2010

Sabtu, 30 Oktober 2010

Jumat, 29 Oktober 2010

Jumat, 15 Oktober 2010

Cara Membuat Kata Penutup di Blog Ketika Menutup Blog

Kata penutup di Blog merupakan salah satu trik dari pemilik blog atau admin untuk menyampaikan suatu pesan terima kasih kepada para pengunjungnya karena telah membuka blognya. Anda pasti sudah pahamkan maksud saya mengenai penutup blog itu. Script ini saya coba di Blogspot dan belum saya praktekkan di Wordpress.

Cara buatnya :

1. Login ke account blogger anda.
2. Klik Layout --> Edit HTML.
3. Cari kode </head> di dalam template anda.
4. Copy pastekan script di bawah ini tepat dibawah kode </head> :

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Bagaimana Pendapat Anda Tentang Blog Saya ? Silahkan Kembali dan Beri Komentar Anda! Terimah Kasih !!');
}
parent.window.onunload=goodbye;

</script>

5. Klik Simpan Template.

Silahkan ganti teks (Bagaimana Pendapat Anda Tentang Blog Saya ? Silahkan Kembali dan Beri Komentar Anda! Terimah Kasih !!) dengan teks anda sendiri...

Selamat mencoba ...

Baca Selengkapnya - Cara Membuat Kata Penutup di Blog Ketika Menutup Blog

Kamis, 14 Oktober 2010

Membuat Tampilan Link Berkedip Warna – Warni

Sesuai dengan judul kali ini saya akan mejelaskan cara membuat link warna-warni di blog, jika anda mengarahkan cursor mouse anda pada link diblog ini maka secara otomatis link tersebut akan berwarna – warni seperti lampu disco.
Tertarik untuk membuatnya,, cara nya sangat mudah sekali anda tinggal mengikuti langkah – langkah dibawah ini maka anda akan membuktikan hasilnya..

1. Silahkan login ke blog dengan ID anda.

2. Klik Tata letak.

3. Klik tab Edit HTML.

4. Klik pada tulisan Download Template Lengkap di bagian sebelah atas monitor. Silahkan di Backup dulu templatenya.

5. Silahkan cari kode berikut : </head>

6. Copy paste kode dibawah ini, tepat di Bawah kode </head>

7. Klik tombol Simpan Template.

8. Dan Lihat Hasil nya,, Semoga Berhasil….!!

Baca Selengkapnya - Membuat Tampilan Link Berkedip Warna – Warni

Modifikasi Header Blogger

Header adalah elemen penting dalam blogger. Untuk menggantinya memerlukan beberapa langkah penting dan berulang. Namun sebelum melangkah lebih jauh, sebaiknya Anda siapkan dulu: Adobe Photoshop, Picasa web Album dan browser Mozilla Firefox. Sebab itulah piranti yang akan kita gunakan untuk memodifikasi header...

Sebelum kita berkarya dalam header, sebaiknya kita mengenali dulu kaitan antara post element dengan tampilan....

View Larger

Cara awal mengganti header
Header ada di nomor satu. Seperti orang mandi, head sering basah duluan. Header sering dilihat duluan oleh search engine. Sekarang, mari kita coba mengganti header motocross dengan header toko mainan. Sebelumnya siapkan header pengganti dengan ukuran 899 x 200px. Lalu simpan gambar tersebut ke picasa web album.

blogger header, modifikasi header, header blogger, modifikasi blogger
View Larger

Cara mengambil link gambar...
Setelah proses upload gambar ke picasa selesai, mulailah mengganti header dengan cara: 1. Arahkan mouse tepat pada header. 2. Klik kanan. Pilih View background image. Dari situ, Anda akan mendapatkan link gambar seperti ini: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6pOKhmSsuZQGX5rS-3U7ZSEf6cFFov-XKhpOqPun2ck6VwkBPagWijK9mCNF2fgVLPsQxLk9GytsOFhfeoa6g55VAy3rEkguhsU0S4i8yKE44ujEOunXeWaW8Rv3gKi7BmDoeVnZbJW9t/ 3. Gambar berikut menunjukkan letak link gambar...

blogger,header, header blogger, link to blogger header
View Larger

Cara pengambilan link seperti di atas berlaku umum. Dalam proses modifikasi template, upaya pemindahan link gambar ini akan sering kita lakukan. Selanjutnya, kita akan menuju ke Design > Edit HTML. Setelah Tab Edit HTML terbuka, carilah link gambar tersebut dengan perintah Ctrl + F untuk memunculkan search box di bawah postingan (dekat logo windows). Lalu masukkan link gambar tadi. Maka akan muncul gambar seperti di bawah ini...

blogger template, cara mengedit blogger, cara mengedit template blogger
View Larger

Cara memanfaatkan link gambar picasa ...
Link tersebut bersemayam disitu. Dari link itulah gambar akan muncul di blog Anda. Sekarang silakan mengganti link tersebut dengan link header baru. Proses ini baru bisa berjalan jika Anda telah sukses sign in di picasa, dan sudah ada header image yang Anda upload disana. Untuk mengambil link gambar dari picasa masih sama dengan proses di atas, bedanya Anda harus mengklik thumbnail gambar agar Anda memperoleh ukuran gambar yang sebenarnya. Setelah itu lakukan klik kanan pada gambar, dan copy image location seperi gambar di bawah ini...

mengganti header blogger, cara mengganti header
View Larger

Setelah Anda mendapatkan link gambar tersebut, silakan mempaste pada lokasi (5). Akibatnya link gambar lama akan hilang. Ini berarti gambar lama sudah diganti dengan yang baru. Coba klik view blog, maka jadinya seperti ini...

Cara mengkoreksi header

Cara mengganti warna judul blog...
Dari gambar di atas, ada sedikit permasalahan: Title menabrak gambar, baik dari sisi warna(sama-sama putih, maupun dari sisi lokasi.Untuk mengganti warna judul, Anda bisa melakukan dengan bantuan DOM. Source of Selection. Caranya, blog judul > Klik kanan > View Source code. Otomatis akan muncul jendela baru ...

Dom source selection, cara memanfaatkan mozilla
View larger

Dom Source Selection Code, salah satu fasilitas browser Mozilla Firefox. Bisa dimanfaatkan untuk melihat struktur sebuah web atau blog. Dari struktur itu nampak bahwa title "Modifikasi Blogger Template" berada pada wilayah berwarna biru....

cara mengubah warna judul

View Larger

Cara memanfaatkan Color Picker...
Data dari DOM tersebut kita pakai untuk mencari bagian template blogger yang berkaitan dengan header. Salah satunya berbunyi art-logo-name. Data tersebut baru berfungsi setelah kita membuka kembali EDIT HTML yang terdapat pada tab DESIGN. Setelah terbuka, tekan Ctrl + F untuk pencarian. Setelah Box Find terbuka, Masukkan art-logo-name > Tekan Enter. Maka Anda akan dibawa ke h1.art-Logo-name .Disitu terdapat kode warna yang ditandai dengan color: #FFFFFF. Ini yang disebut dengan kode warna. Jika Anda mempunya program Photoshop, kode warna itu bisa dicari dengan menggunakan color picker.

kode warna web

Setelah menemukan warna yang Anda sukai, ganti kode warna yang terdiri dari 6 digit. Kebetulan saya menyukai warna hitam, jadi kodenya #000000. Setelah selesai maka jadinya seperti berikut...

cara mengatur letak header

View Larger

Cara mengubah LetakText Header...
Permasalahan timbul lagi. Kali ini soal Posisi judul yang menabrak gambar mobil (background image). Ada dua pilihan untuk mengatasinya: Pertama, judul dipendekkan; Kedua, judul digeser. Untuk memendekkan judul, Anda tinggal kembali ke page element lalu mengklik header. Disitu sudah tersedia box untuk memendekkan judul. Sedangkan untuk menggeser posisi judul, memerlukan beberapa langkah lagi,...

cara mengubah letak text header
View Larger

Caranya mirip dengan mengubah warna Text Judul, namun kali ini yang anda cari adalah Art-logo. Dalam art logo terdapar ukuran batas kiri yang ditandai dengan left: 207px. Ini artinya, batas kiri judul dengan tepian header sepanjang 207 pixel. Angka ini akan saya rubah menjadi 50px, maka jadinya seperti berikut...

cara mengubah text logo
View Larger

Dengan demikian selesailah sudah beberapa permasalahan seputar penggantian header. Cara tersebut di atas berlaku umum dan bisa dipakai untuk memasukkan berbagai jenis fambar termasuk gambar bergerak. Prinsipnya masih sama.

Baca Selengkapnya - Modifikasi Header Blogger

Membuat tulisan bergerak dan berwarna (marquee)

Mudah kok sob tongkrongin aja tutorial ini, nih saya kasih script / kodenya.

Untuk Tulisan bolak balik kirikanan pakai ini :

<marquee behavior="alternate">TEXT</marquee>

Kanan Ke Kiri :
<marquee>TEXT</marquee>

Kiri Ke Kanan :
<marquee direction="right">TEXT</marquee>

Ke Atas :
<center><marquee direction="up">TEXT</marquee></center>

Ke Bawah :
<center><marquee direction="down">TEXT</marquee></center>

Ke Atas Bawah Atas Bawah :
<center><marquee direction="up" behavior="alternate">TEXT</marquee></center>

ZigZag :
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>

kiri kanan Zigzag :
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</marquee></marquee>

Catatan :

- Arial adalah Jenis huruf, bisa sob ganti dengan yang lain seperti time news roman, monotype corsive, dll
- TEXT bisa diganti dengan kata atau kalimat yang ingin kamu tulis warna dan bergerak tersebut.
- #000000 adalah contoh warna tulisan hitam, jika ingin mengganti silahkan pilih warna seperti yang saya sediakan di bawah. Misal untuk membuat tulisannya berwarna biru, #000000 diganti dengan kode #0000ff

pilihan warna :
-----------------
merah : ff0000
kuning : ffff00
hijau : 00cc00
ungu : ff00ff
biru : 0000ff
orange : ff6600
biru muda : 3399ff
pink : ff66ff

Baca Selengkapnya - Membuat tulisan bergerak dan berwarna (marquee)

Pratistha CM

Laman

Daftar Blog Saya

tukar link

Label

Pengikut

Sabtu, 30 Oktober 2010

BLOG TIPS

FREE TEMPLATE KEREN

Jumat, 29 Oktober 2010

tips dan trik blog

blog tutorial