Showing posts with label javascript/html. Show all posts

SEMBUNYIKAN WIDGET FOOTER DENGAN EFEK TOGGLE JQUERY

Selamat malam sobat-sobat semua...!!! Artikel ini saya adopsi dari artikel yang dipublish oleh mas samsury
Apr 26, 2015
Posted by Ubay Nizar Al Banna
Posted by : Ubay Nizar Al Banna Apr 26, 2015

Selamat malam sobat-sobat semua...!!! Artikel ini saya adopsi dari artikel yang dipublish oleh mas samsury

WIDGET RECENT POST THUMBNAIL DAN TOOLTIP

Assalamualaikum, selamat malam kawan blogger...
Posting kali ini saya akan coba berbagi tentang salah satu trik yang baru saya pelajari
Posted by Ubay Nizar Al Banna
Posted by : Ubay Nizar Al Banna

Assalamualaikum, selamat malam kawan blogger...
Posting kali ini saya akan coba berbagi tentang salah satu trik yang baru saya pelajari

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.

Posted by : Unknown Jul 8, 2010


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 :

Posted by : Unknown


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.
Posted by : Unknown Jul 5, 2010


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 :
Posted by : Unknown


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 :
Posted by : Unknown Jul 4, 2010


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 :

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...,

Posted by : Unknown Jul 2, 2010


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...,

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 :



Posted by : Unknown


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..., :)
Posted by : Unknown Jun 29, 2010


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...!!!

Posted by : Unknown Jun 26, 2010


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
Jun 24, 2010
Posted by Unknown
Posted by : Unknown Jun 24, 2010


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

di postinganku sebelumnya aku sudah membahas cara membuat footer-toolbar ala wibiya.
Nah kali ini karena aku bosan sama toolbar wibiyaku aku coba cari toolbar lain dan aku nemuin satu blog yg aku lupa alamatnya apa yang pakai toolbar dari geovisite.
Akhirnya aku coba buat bikin toolbar dari geovisite juga dan berhasil. Caranya bikin footer-toolbarnya begini nih :


Posted by : Unknown

di postinganku sebelumnya aku sudah membahas cara membuat footer-toolbar ala wibiya.
Nah kali ini karena aku bosan sama toolbar wibiyaku aku coba cari toolbar lain dan aku nemuin satu blog yg aku lupa alamatnya apa yang pakai toolbar dari geovisite.
Akhirnya aku coba buat bikin toolbar dari geovisite juga dan berhasil. Caranya bikin footer-toolbarnya begini nih :


Menyembunyikan 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).
Posted by : Unknown Jun 21, 2010

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

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...,
May 31, 2010
Posted by Unknown
Posted by : Unknown May 31, 2010

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

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...!!!)
May 30, 2010
Posted by Unknown
Posted by : Unknown May 30, 2010

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"

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... :


May 29, 2010
Posted by Unknown
Posted by : Unknown May 29, 2010

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... :


Artikel Populer

Powered by Blogger.

- Copyright © Blog Ubay | Ubay Nizar | Powered by Blogger | Designed by Ubay Nizar -