Showing posts with label javascript/html. Show all posts
SEMBUNYIKAN WIDGET FOOTER DENGAN EFEK TOGGLE JQUERY
MEMBUAT NOMOR HALAMAN (PAGING) BLOG
Pada posting kali ini aku dapet ide buat nulis posting gimana caranya bikin nomor halaman (paging). Nah contohnya kalian bisa lihat sendiri di homepage blogku. screenshootnya juga ada di gambar sebelah kiri ini. Nah cara bikinnya sebenarnya mudah dan ini sebenarnya aku juga sedikit copy-paste dari blog http://jis.blogspot.com/. Tapi, ada beberapa yang sudah aku ubah. Nah, cara membuatnya seperti ini.
MEMBUAT WADAH IKLAN DENGAN TABEL
Kemarin seharian gak bisa posting..., Tadi juga gak sempat posting apa-apa..., Huhh..., pikiran lagi penat banget nie kebanyakan tugas dan urusan..., Hehehehehe..., (Sok Sibukz banget) Setelah sempat gak mood akhirnya aku punya ide gimana caranya buat wadah iklan menggunakan trik tabel..., Oke begini caranya...,
UNTUK WADAH IKLAN 2 KOLOM SEJAJAR
Copy-paste script berikut sebagai gadget :
Kemarin seharian gak bisa posting..., Tadi juga gak sempat posting apa-apa..., Huhh..., pikiran lagi penat banget nie kebanyakan tugas dan urusan..., Hehehehehe..., (Sok Sibukz banget) Setelah sempat gak mood akhirnya aku punya ide gimana caranya buat wadah iklan menggunakan trik tabel..., Oke begini caranya...,
UNTUK WADAH IKLAN 2 KOLOM SEJAJAR
Copy-paste script berikut sebagai gadget :
MEMBUAT TEXT ALERT BOX
Posting 3 kali dalam sehari ini...!!! Wah..., aku benar-benar semangat bloging nih...!!! Tapi aku cuma bisa kasih postingan yang ringan-ringan saja. Karena aku sendiri masih newbie jadi perlu banyak belajar. Hehehehehehehe...!!! Oke, dalam posting ini aku mau memberi tahu caranya buat text alert box. Text Alert Box adalah sebuah pesan pembuka / selamat datang yang ditampilkan ketika blog kita sedang / akan dibuka oleh pengunjung. Contohnya ada di blog aku ini saat kalian buka pasti ada pesan selamat datang.
MEMBUAT MENU HORIZONTAL DENGAN CSS
Sebenarnya trik ini / cara ini sudah sangat lazim digunakan di dunia blog dan web design. Tapi, meski udah lazim aku akan memberikan tutorial gimana cara buat menu horizontal menggunakan css kode. Untuk demonya bisa kalian lihat disini. Nah, untuk membuat menu seperti itu yang diperlukan hanyalah kode css dan html saja. Sehingga tidak akan membuat blog kita menjadi sangat berat. Oke langsung saja :
MEMBUAT TITLE BERGERAK
Akhirnya setelah kemarin ga bisa posting apa-apa sekarang dapat ide buat posting sesuatu meskipun rbobotnya ga terlalu berat, paling sekitar 48kg (seperti berat badanku) hehehehe...!!!
Oke..., dalam posting ini aku mau memberi tau caranya membuat title (judul blog bergerak)...!!! Contohnya bisa kalian lihat di blogku..., title yang ada di atas bergerak kan...!!!
Nah, cara membuatnya gini :
Oke..., dalam posting ini aku mau memberi tau caranya membuat title (judul blog bergerak)...!!! Contohnya bisa kalian lihat di blogku..., title yang ada di atas bergerak kan...!!!
Nah, cara membuatnya gini :
MEMBUAT BACKGROUD MATRIX
Bosan dengan tampilan blogku yang standard-standard aja...,
Aku nyoba-nyoba sesuatu..., Akhirnya aku dapat ide buat ganti background blog jadi seperti di film matrix (yang angka-angka warna hijau ada banyak terus jalan vertical dengan cepat itu lho...!!!)
Akhirnya jadi deh seperti backgroundku yang sekarang...,
Aku nyoba-nyoba sesuatu..., Akhirnya aku dapat ide buat ganti background blog jadi seperti di film matrix (yang angka-angka warna hijau ada banyak terus jalan vertical dengan cepat itu lho...!!!)
Akhirnya jadi deh seperti backgroundku yang sekarang...,
MENGGANTI FAVICON BLOG
Sebenarnya aku bingung mau posting apa..., Liburan gini males banget mau mikir...,
lagi gak mood juga aku..., sampai akhirnya aku dapat ide buat posting cara gantu favicon di blog...,
Favicon atau kependekan dari "Favourite Icon" adalah sebuah icon kecil pada title sebuah browser saat menampilakn blog atau web kita.
Favicon standard atau favicon bawaan dari blogger berbentuk B dengan latar belakang orange. Seperti terlihat dalam gambara berikut :
Sebenarnya aku bingung mau posting apa..., Liburan gini males banget mau mikir...,
lagi gak mood juga aku..., sampai akhirnya aku dapat ide buat posting cara gantu favicon di blog...,
Favicon atau kependekan dari "Favourite Icon" adalah sebuah icon kecil pada title sebuah browser saat menampilakn blog atau web kita.
Favicon standard atau favicon bawaan dari blogger berbentuk B dengan latar belakang orange. Seperti terlihat dalam gambara berikut :
ANTI KLIK KANAN
Dulu blogku aku kasih seperti ini...,
Tapi setelah aku pikir kenapa mesti aku kasih anti klik kanan padahal banyak orang yang bisa ngcopy sesuatu dari blogku...,
Akhirnya aku hilangi deh anti klik kanannya...,
Sebenarnya anti klik kanan bertujuan untuk menghindari tindakan copy-paste secara ilegal...,
hehehehe..., :)
Dulu blogku aku kasih seperti ini...,
Tapi setelah aku pikir kenapa mesti aku kasih anti klik kanan padahal banyak orang yang bisa ngcopy sesuatu dari blogku...,
Akhirnya aku hilangi deh anti klik kanannya...,
Sebenarnya anti klik kanan bertujuan untuk menghindari tindakan copy-paste secara ilegal...,
hehehehe..., :)
MEMBUAT DAFTAR ISI BLOG
Dalam Postingan ini aku akan memberikan tutorial untuk membuat DAFTAR ISI di blog seperti yang ada di blogku saat kalian masuk ke menu daftar isi...,
Sebenarnya caranya sangatlah mudah...,
Oke langsung saja...!!!
Dalam Postingan ini aku akan memberikan tutorial untuk membuat DAFTAR ISI di blog seperti yang ada di blogku saat kalian masuk ke menu daftar isi...,
Sebenarnya caranya sangatlah mudah...,
Oke langsung saja...!!!
MENGATUR LETAK WIDGET di SIDEBAR
Maksud dari posting kali ini hanya untuk merapikan widget di sidebar dengan menggunakan sedikit trik...,
yaitu dengan menggunakan tabel...,
Begini caranya :
1. Login blog kamu
2. Masuk Tata Letak (Rancangan) >>> Elemen Laman
Maksud dari posting kali ini hanya untuk merapikan widget di sidebar dengan menggunakan sedikit trik...,
yaitu dengan menggunakan tabel...,
Begini caranya :
1. Login blog kamu
2. Masuk Tata Letak (Rancangan) >>> Elemen Laman
FOOTER-TOOLBAR ALA GEOVISITE
Menyembunyikan Buku Tamu
Tapi mengingat fungsi widget yang sangat penting, tentunya kita akan bingung dalam memilih widget yang ingin ditampilkan.
nah kali ini aku mau memberikan kalian solusi, jika widget terlalu besar kamu bisa menyembunyikannya di samping blogmu, dan untuk memunculkannya tinggal klik saja.
sperti yg di blogq ne (sbelah kanan ada tulisan vertical Buku Tamu).
Terlalu banyak widget tentunya akan membuat tampilan Blog menjadi kurang rapi dan terkesan kumuh.
Tapi mengingat fungsi widget yang sangat penting, tentunya kita akan bingung dalam memilih widget yang ingin ditampilkan.
nah kali ini aku mau memberikan kalian solusi, jika widget terlalu besar kamu bisa menyembunyikannya di samping blogmu, dan untuk memunculkannya tinggal klik saja.
sperti yg di blogq ne (sbelah kanan ada tulisan vertical Buku Tamu).
MENYEMBUNYIKAN WIDGET
gini caranya:
1. Kalian login ke akun blog kalian seperti biasa
2. Kalian masuk Tata Letak >> Elemen Laman,
3. Kalian tambahkan gadget html/javascript,
4. Kalian copy-paste javascript di bawah ini...,
Sebenernya aku terinspirasi oleh blognya http://juliocaesarz.blogspot.com dan aku mutusin buat kasih tau caranya ke kalian...,
gini caranya:
1. Kalian login ke akun blog kalian seperti biasa
2. Kalian masuk Tata Letak >> Elemen Laman,
3. Kalian tambahkan gadget html/javascript,
4. Kalian copy-paste javascript di bawah ini...,
MEMBUAT FOOTER TOOLBAR BLOG
akhirnya aku posting ini caranya memakai footer-toolbar di blog...,
sebenarnya caranya mudah sekali..., kalian bisa lihat hasil akhirnya seperti yang ada di blog temanku http://infinity-net.blogspot.com/ (yang warna biru di bawah).
sebenarnya aku juga pakai toolbar dari wibiya dulu...,
tapi hasilnya bikin blog jadi tambah berat dan lama loadingnya jadi ya aku hapus..., (wahh jadi curhat nih aku...!!!)
aku terinspirasi oleh blog temanku yang alamatnya http://infinity-net.blogspot.com yang menggunakan footer-toolbar di blognya...,
akhirnya aku posting ini caranya memakai footer-toolbar di blog...,
sebenarnya caranya mudah sekali..., kalian bisa lihat hasil akhirnya seperti yang ada di blog temanku http://infinity-net.blogspot.com/ (yang warna biru di bawah).
sebenarnya aku juga pakai toolbar dari wibiya dulu...,
tapi hasilnya bikin blog jadi tambah berat dan lama loadingnya jadi ya aku hapus..., (wahh jadi curhat nih aku...!!!)
MEMBUAT TEKS "marquee"
aku sempat bingung mau posting apa...,
apalagi waktu UAS gaku tinggal seminggu...,
akhirnya aku putusin buat kasih postingan yang ringan aja, tapi bermutu...,
hehehe..., (jadi curhat nih...!!!) wkwkwk...,
okelah langsung aja...!!!
1. Seperti biasa login dulu ke akun blog anda...,
2. Pilih tata letak >> tambah gadget >> HTML/Javascript
3. bikin script <marquee></marquee>nya, nih panduannya... :
Assalamualaikum wr.wb.
aku sempat bingung mau posting apa...,
apalagi waktu UAS gaku tinggal seminggu...,
akhirnya aku putusin buat kasih postingan yang ringan aja, tapi bermutu...,
hehehe..., (jadi curhat nih...!!!) wkwkwk...,
okelah langsung aja...!!!
1. Seperti biasa login dulu ke akun blog anda...,
2. Pilih tata letak >> tambah gadget >> HTML/Javascript
3. bikin script <marquee></marquee>nya, nih panduannya... :