Postingan

Menampilkan postingan dari Juli, 2010

Cara Membuat Float Widget (dan Headline News)

Gambar
Kalian lihat bagian bawah blog ini? Ada widget yang melayang. Yaitu recent update marquee, headline news, dan menu. Tetapi, coba anda klik menu Tools dibawah. Apa yang terjadi? Widget akan bermunculan. Mulai dari shoutbox, jam, mesin pencari, dll. Bagaimana cara membuatnya? Ah, gampang... Pertama-tama Login ke Blogger, lalu klik Rancangan > Elemen Halaman . Lalu klik Tambah Gadget pada bagian footer, lalu pilih HTML/Javascript . Kenapa footer? Karena script ini nggak bakalan jalan di IE, maka diletakkan di footer supaya yang memakai IE akan melihat widget ini pada bagian footer. Lalu copy-paste kode berikut pada bagian isi. <style type="text/css"> /*styles*/ #newsticker, #widgetcontainer{ background:#ffffff; font-family:Arial, Tahoma, Verdana; font-size:12px; color:#000000; } #newsticker a, #widgetcontainer a{ color:#2E2EFE; text-decoration:none; } #newsticker a:hover, #widgetcontainer a:hover{ color:#0B0B61; text-decoration:underline; } #newsticker { backgroun...

Ganti Domain

Akhirnya saya ganti domain juga, yang dulu beralamat di http://muhammadrizkifadillah.blogspot.com sekarang berganti domain menjadi http://www.gudangilmu.emeref.co.cc . Beberapa blog saya juga diubah domainnya, dengan MRF Beranda , yang diubah adalah: 1. C A Minor D Minor ke G ke C lagi from http://allaboutmusicishere.blogspot.com to http://www.musik.emeref.co.cc 2. BDM (berita dunia maya) from http://beritaduniamaya.blogspot.com pernah ke http://www.beritaduniamaya.co.tv sekarang http://www.bdm.emeref.co.cc 3. Belajar SEO from http://siapayagpantas.blogspot.com to http://www.seo.emeref.co.cc 4. TNT (Tips n Trik) Blogging from http://tipntrikblogging.blogspot.com ke http://www.tntblogging.co.cc lalu ke http://www.tntblog.emeref.co.cc Dan perkenalkan blog baru khusus percobaan yang saya buat: http://www.demo.emeref.co.cc . Menurut saya, pindah domain itu tidak apa-apa, soalnya URL blogspot anda akan diredirect ke url co.cc anda.

Beranda Emeref

Gambar
Akibat kesibukan mengelola beberapa blog, akhirnya saya putuskan untuk membuat suatu beranda yang menampung isi hati dan pemberitahuan dari saya. Jadi, blog ini akan berfungsi sebagai homepage, dimana nantinya saya berencana untuk mengubah nama domain saya di beberapa blog yang saya miliki. Anda bisa mengunjungi blog beranda ini di: http://www.emeref.co.cc Mungkin ini adalah sebuah batu loncatan...

Merubah Tampilan Caption Blogger

Gambar
Caption yang telah dimodifikasi. Pada tulisan yang lalu saya pernah menceritakan tentang cara membuat caption pada gambar . Saya baru tahu kemarin, ternyata Blogger telah mendukung caption loh... Anda hanya perlu mengklik pada gambar (pada mode Compose ), lalu klik Add Caption . Lalu ketikkan saja captionnya. Lebih mudah menggunakan caption dari Blogger Tulis sendiri captionnya. Tetapi tampilannya biasa saja, berupa teks kecil yang berada dibawah gambar. Nah, agar bisa lebih stylish , anda bisa memodifikasinya. Begini caranya. 1. Login ke Blogger, lalu klik Rancangan > Edit HTML . 2. Backup dulu tempate anda. 3. Cari kode ]]></b:skin> , lalu ketikkan kode berikut diatasnya . /* Merubah caption */ .tr-caption{ background:#0174DF; -moz-border-radius:10px; -webkit-border-radius:10px; } Anda bisa mengustomisasi sesuai kebutuhan. 4. Klik Simpan Template . Selamat! anda sudah bisa membuat tampilan caption anda lebih stylish !

Cara Membuat Tampilan Blockquote Lebih dari Satu

Gambar
Bermacam-macam tampilan blockquote Lihat gambar diatas. Gambar diatas adalah gambar beberapa blockquote yang menggunakan style berbeda. Nah, pada postingan terdahulu kan sudah pernah saya bahas mengenai tampilan blockquote, seperti misalnya Cara mengutak-atik tampilan blockquote dan membuat background gambar pada blockquote . Nah, kalau yang itu kan hanya untuk satu tampilan blockquote. Nah, kalo yang ini anda bisa membuat lebih dari satu style blockquote. Misalnya satu untuk kutipan, yang lain untuk kode-kode, yang lainnya lagi untuk pengumuman, dan sebagainya. Anda bisa membuat style berbeda untuk beberapa blockquote. Gimana caranya tuh gan??? Gini gan... 1. Login ke Blogger, klik Rancangan > Edit HTML . 2. Backup dulu template anda supaya jika gagal maka bisa dikembalikan. 3. Cari kode ]]></b:skin> , lalu copas kode berikut diatasnya. blockquote. bq1 { background:green; color:red; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; font-family:monospa...

Efek Gambar Memutar

Gambar
Setelah pada postingan yang lalu membahas beberapa efek gambar seperti efek perbesaran dan efek redup/terang , maka kali ini efek gambar yang ingin saya bahas adalah efek gambar memutar. Contohnya bisa anda lihat pada gambar, yang sebelah kiri adalah kondisi gambar yang biasa, dan yang sebelah kanan adalah gambar yang memutar dan membesar pada waktu mouse hover. Cara membuatnya? Begini. 1. Login ke Blogger, lalu, klik Rancangan > Edit HTML . 2. Backup template anda terlebih dahulu. 3. Cari kode ]]></b:skin> , lalu taruh kode berikut diatasnya. .putar:hover{ -moz-transform:rotate(22.5deg) scale(1.50); -webkit-transform:rotate(22.5deg) scale(1.50); } 4. Kalau sudah, klik Simpan Template. Live Preview! Untuk memasukkannya ke blog, pilih Rancangan > Elemen Halaman > Tambah Gadget > HTML/Javascript . Lalu pada bagian isi ketikkan kode berikut: <a href=" LINKYANGDIINGINKAN "><img src=" URLGAMBAR " class="putar"/></a> L...

Membuat Secret Link (Link Rahasia)

Gambar
Kembali lagi di tips trik tutorial blogging . Sekarang kita akan belajar membuat link rahasia. Maksudnya apa tuh? Maksudnya seperti ini. Coba hover link ini lalu lihat ke status bar. Maka akan ketahuan bahwa link tersebut menuju ke http://muhammadrizkifadillah.blogspot.com . Dengan menggunakan secret link, maka link tidak akan ketahuan dan bila dilihat di status bar hanya akan tertulis URL halaman tersebut. Tentunya ini bisa anda gunakan untuk membuat link yang secure atau untuk menyembunyikan link untuk promosi hehehe... Untuk membuatnya, dengan menggunakan script ini. <script> function secretlink(){ window.location=' http://muhammadrizkifadillah.blogspot.com ' } </script> <a onclick="secretlink()" href="#nogo">Klik wae dahh...</a> Ket: yang berwarna kuning adalah URL yang dituju. Preview: Klik wae dahh... Jika ingin membuat link rahasia lebih dari satu, bedakan fungsi (function) nya. Misal: <script> function secretlink1() ...

Membuat Salam Sambutan dan Jam pada Blog

Gambar
Hore!!! Spanyol menang!!! Setelah mengalahkan Belanda 1-0 lewat sundulan kepala (?) dari Andres Iniesta!!! Sudah cukup segitu intermezzonya. Sekarang langsung lari *eh* masuk ke pokok bahasan utama. Bagi para pengunjung blog pasti senang jika diperhatikan. Entah diperhatikan pendapatnya, komentarnya, ataupun sekedar kunjungannya diperhatikan. Nah, untuk memanjakan pengunjung, anda dapat memasang pesan selamat datang pada blog anda. Kronologinya seperti ini. Pertama-tama ketika me-load halaman blog, kita akan ditanya username kita. Isi saja atau biarkan (dengan kalimat "guest") atau kosongkan. atau... Jika anda mengisi kolom tersebut, maka tulisan yang dicetak tebal akan berubah. Tetapi jika anda membiarkannya atau mengosongkannya, maka tulisan yang dicetak tebal akan tetap "Guest". *woy! gimane cara'e?* Gampanglah... 1. Login ke Blogger, lalu klik Rancangan > Elemen Halaman > Tambah Gadget > HTML/Javascript . 2. Untuk judul, sekarang mesti diisi, k...

Cara Memasang Tombol Refresh di Blog

Gambar
Anda tahu refresh? Itu loh, tindakan memuat kembali halaman yang dibuka. Tombol refresh ada pada browser masing-masing, biasanya berbentu panah setengah lingkaran atau putaran... ya tergantung browsernya. Anda juga bisa membuat tombol refresh di blog anda, jadi jika ada perang komentar dalam posting blog anda, pengunjung dapat dengan mudah mengupdate halaman dan mengkomentar balik. Sebelumnya saya beri tahu, bahwa trik ini tidak berlaku pada Internet Explorer. tapi mengingat jaman sekarang sudah makin sedikit yang memakai IE, ya jadi tidak apa-apa toh... Cara memasangnya... 1. Login ke Blogger, lalu klik Rancangan > Edit HTML . 2. Backup template anda dulu. 3. Cari kode ]]></b:skin> , lalu masukkan kode berikut diatasnya . #refresh{ position:fixed; right:0px; bottom:0px; } 4. Cari kode </body> , lalu masukkan kode berikut diatasnya . <a expr:href='data:blog.url' title='Refresh This Page'><img src=' http://i27.tinypic.com/2i88avt.png ...