Tags:
Tips Trik Blog
Cara mempercantik blog sangatlah variatif, semua tergantung pada keinginan, kemauan dan kepuasan masing-masing. Bagi yang 'sudah cukup puas' dengan template bawaan, tentu tak perlu repot untuk mengutak-atik kode pada template blog mereka. Namun bagi 'yang selalu penasaran' dengan tampilan blog-nya, tentu tak akan segan-segan meluangkan waktu, pikiran dan energi untuk merombak tampilan blog hingga sesuai dengan yang diinginkan. Memiliki blog dengan penampilan yang cantik tentu memberi kepuasan tersendiri, seperti hal-nya saya yang tak cepat puas dengan penampilan blog ini hingga seringkali utak atik kode HTML ataupun JavaScript... loh kok malah ngelantur nich nulisnya... 
Read more »
Navigasi Breadcrumbs boleh jadi menjadi navigasi pilihan yang paling sering digunakan oleh para blogger yang menginginkan weblog-nya SEO Friendly selain menggunakan navigasi halaman ataupun jenis navigasi yang lainnya. Dengan navigasi ini pengunjung akan dengan mudah mengetahui posisinya saat berada pada sebuah situs (lihat gambar). Selain itu pemilik blog juga akan diuntungkan karena semua judul posting-lah yang akan muncul pada Search Engine (mesin pencari), nah...hebat bukan?
Cara memasang Navigasi BreadCrumbs sbb:
Read more »
Cara memasang Navigasi BreadCrumbs sbb:
Banyak cara yang dilakukan oleh pemilik blog untuk memberitahukan sesuatu tentang isi blog-nya ataupun sekedar menuliskan tentang sebuah peringatan (biasanya tentang Spammer), salah satu contohnya adalah dengan membuat Alert Box atau kotak peringatan (lihat gambar).
Read more »
gambar 1
Langkah pemasangannya:
- Login ke Blogger
- Pilih Tata Letak
- Pilih Elemen Halaman
- Pilih Tambah Gadget
- Pilih HTML/JavaScript
- Copy kode dibawah ini kemudian masukan pada kolom konten
- Klik tombol Simpan
- Letakan widget dibagian bawah postingan blog anda
- Selesai
Berikut tips dan trik untuk membuang widget attribution:
Kebiasaan memasang Guest Book (Buku Tamu) di blog pribadi sebenarnya bukan sebuah keharusan. Namun agar pengunjung mudah dalam menjalin komunikasi aktif dengan Author (penulis artikel) ataupun Admin sebagai pemilik blog, memang pemasangan salah satu widget blog ini perlu dilakukan selain dapat juga menggunakan kolom komentar. Salah satu keuntungan yang didapat dari pemasangan widget Guest Book ini adalah pemilik blog dapat dengan mudah mengetahui tujuan pengunjung saat mengunjungi blog anda. Entah sekedar Blog Walking atau memang sengaja mencari sesuatu yang ada dalam blog pribadi anda.
Bagi anda yang masih pemula dan ingin tahu tentang bagaimana cara memasang Guest Book pada blog pribadi anda, silahkan ikuti langkah-langkah berikut. Dan sebagai contoh saja, saya menggunakan bikinan dari CBox.ws seperti yang anda lihat disebelah kanan anda.
Read more »
Bagi anda yang masih pemula dan ingin tahu tentang bagaimana cara memasang Guest Book pada blog pribadi anda, silahkan ikuti langkah-langkah berikut. Dan sebagai contoh saja, saya menggunakan bikinan dari CBox.ws seperti yang anda lihat disebelah kanan anda.
Cara memasang dan meletakkan widget 'Guest Book' (Buku Tamu) untuk sebuah blog sangatlah variatif, semua tergantung selera dan keinginan masing-masing pemilik blog. Namun demikian, si pemilik blog tentu ingin setiap pengunjung mengisi 'Guest Book' tersebut yang biasanya berisi link yang mengarah pada situs / weblog si pengunjung itu sendiri. Oleh karena itu sangat disarankan memasang 'Guest Book' pada tempat-tempat yang strategis, yang dengan mudah bisa dilihat oleh pengunjung dan juga 'disembunyikan'. Pada gambar dibawah anda dapat melihat Text Link yang bertuliskan [CLOSE] [Klik 2x] yang fungsinya untuk menyembunyikan 'Guest Book' tersebut sehingga tidak mengganggu pengunjung saat membaca artikel posting pada blog anda. Bagaimana? Menarik bukan? 'Guest Book' akan terlihat seperti iklan PPC..
Read more »
Coba perhatikan background puisi karya Muhammad Al Fayaturi dibawah ini, cantik bukan. Yup, dialah si "imut" Avril Lavigne yang memiliki multi talenta. Namun bukan Avril Lavigne yang akan dibahas pada posting kali ini, melainkan bagaimana cara membuat posting dengan background image seperti yang anda baca sekarang. Untuk membuat posting dengan latar belakang gambar sebenarnya tidak terlalu sulit, anda cukup menambahkan sedikit kode JavaScript dan dan juga alamat URL file gambar yang anda inginkan kemudian menyisipkannya ke dalam posting anda. Anda bisa mengambil alamat URL gambar yang banyak tersebar di Internet, atau mungkin menggunakan album gambar Photobucket.
Read more »
Seorang pengunjung situs blog tentu ingin dapat menemukan artikel yang diinginkan dengan cara yang mudah. Nah ada banyak cara yang dapat digunakan blogger untuk memberikan kemudahan bagi pengunjung dalam melakukan pencarian artikel, contohnya dengan membuat "Navigasi Halaman".
Navigasi halaman ini fungsinya kurang lebih sama dengan tombol next atau previous yang biasa dipasang pada sebuah situs, namun bedanya navigasi halaman bisa membuat pengunjung ingat tempat suatu artikel pada halaman ke berapa pada blog kita. Karena navigasi halaman menampilkan nomor per halaman dari blog tersebut, seperti contoh pada halaman bawah search engine di google, terlihat tombol navigasi halaman untuk memudahkan pengunjung dalam pencarian keyword yang di maksud.
Berikut langkah mudah dalam membuat navigasi halaman :
1. Login ke Blogger.
2. Klik Tata Letak --> Elemen Halaman.
3. Kemudian klik Tambah Gadget.
4. Pilih yang Edit HTML/Javascript.
5. Masukkan kode dibawah ini, kemudian simpan.
Read more »
Navigasi halaman ini fungsinya kurang lebih sama dengan tombol next atau previous yang biasa dipasang pada sebuah situs, namun bedanya navigasi halaman bisa membuat pengunjung ingat tempat suatu artikel pada halaman ke berapa pada blog kita. Karena navigasi halaman menampilkan nomor per halaman dari blog tersebut, seperti contoh pada halaman bawah search engine di google, terlihat tombol navigasi halaman untuk memudahkan pengunjung dalam pencarian keyword yang di maksud.
Berikut langkah mudah dalam membuat navigasi halaman :
1. Login ke Blogger.
2. Klik Tata Letak --> Elemen Halaman.
3. Kemudian klik Tambah Gadget.
4. Pilih yang Edit HTML/Javascript.
5. Masukkan kode dibawah ini, kemudian simpan.
Tags:
JavaScript,
Tips Trik Blog
Tahu kan apa yang disebut dengan Favicon? itu loh, gambar yang ada di Address Bar, kalau belum tahu silahkan lihat pada gambar. Favicon default blogger biasanya bergambar seperti ini 
, dan pada situs ini gambar default tersebut sudah saya ganti dengan photo saya sendiri. Banyak situs yang menyediakan Favicon Generator secara gratis, contohnya www.favicongenerator.com. Anda tinggal memasukkan gambar yang akan dijadikan favicon, kemudian menekan tombol Generate, jadi deh favicon-nya.
Untuk mengganti favicon silahkan ikuti langkah-langkah berikut:
Read more »
, dan pada situs ini gambar default tersebut sudah saya ganti dengan photo saya sendiri. Banyak situs yang menyediakan Favicon Generator secara gratis, contohnya www.favicongenerator.com. Anda tinggal memasukkan gambar yang akan dijadikan favicon, kemudian menekan tombol Generate, jadi deh favicon-nya.
Untuk mengganti favicon silahkan ikuti langkah-langkah berikut:
Artikel merupakan sebuah "hasil karya" dari tercetusnya ide ataupun pemikiran yang kemudian dilukiskan melalui media tulisan. Dan tidak jarang seorang blogger (yang pelit ilmu) kurang begitu suka apabila artikel hasil karya-nya di copas habis apalagi diposting pada situs lain. Dengan segala cara, blogger model ini akan berusaha untuk mem-proteksi / melindungi situs-nya dari kegiatan copy paste, salah satunya dengan memasang script anti copas, anti right click dsb yang terkadang berisi peringatan keras bahkan terkesan sadis (ex. lihat gambar 1). Namun tentu saja tidak semua blogger seperti itu. Masih banyak blogger yang dengan rela memberi ijin kepada siapa saja untuk meng-copas dan men-distribusikan / menyebarkan artikel-nya melalui situs si peng-copas, dengan catatan membuatkan link yang mengarah menuju situs asal artikel tersebut. Sebenarnya, script anti right click bisa juga difungsikan sebagai pesan pemberitahuan konten ataupun pesan-pesan yang lain, sebagai contoh silahkan lihat pada gambar 2.
Read more »
Navbar seperti yang biasa anda lihat diatas judul blog merupakan navigasi bawaan yang ada pada setiap blog dengan platform blogger.com yang sebenarnya tidak boleh dihilangkan, termasuk juga favicon bawaan yang bergambar seperti ini 
. Mungkin anda pernah mendengar jika pada bulan Maret 2010 lalu sempat tersebar isu bahwa Google akan melakukan penghapusan massal pada semua situs / blog dengan platform blogger.com yang telah menghilangkan identitas bawaan tersebut. Jika hal itu benar-benar dilakukan, bisa dipastikan jutaan situs berplatform blogger.com akan hilang dengan sia-sia (situs yang menghilangkan navigasi bawaan blogger). Mungkin dengan menyembunyikan dan memunculkan navbar blogger secara otomatis dapat menjadi solusi untuk menghindarkan situs dari penghapusan massal tersebut (siapa tahu statement itu benar-benar dilakukan pada lain waktu). Intinya, kita tidak menghilangkan navigasi tersebut, namun hanya menyembunyikan saja dan navigasi akan muncul saat didekati pointer mouse anda. Sebagai contoh, coba anda arahkan pointer anda pada posisi navbar (saya sembunyikan) disitus ini atau perhatikan pada gambar dibawah ini.
Read more »
. Mungkin anda pernah mendengar jika pada bulan Maret 2010 lalu sempat tersebar isu bahwa Google akan melakukan penghapusan massal pada semua situs / blog dengan platform blogger.com yang telah menghilangkan identitas bawaan tersebut. Jika hal itu benar-benar dilakukan, bisa dipastikan jutaan situs berplatform blogger.com akan hilang dengan sia-sia (situs yang menghilangkan navigasi bawaan blogger). Mungkin dengan menyembunyikan dan memunculkan navbar blogger secara otomatis dapat menjadi solusi untuk menghindarkan situs dari penghapusan massal tersebut (siapa tahu statement itu benar-benar dilakukan pada lain waktu). Intinya, kita tidak menghilangkan navigasi tersebut, namun hanya menyembunyikan saja dan navigasi akan muncul saat didekati pointer mouse anda. Sebagai contoh, coba anda arahkan pointer anda pada posisi navbar (saya sembunyikan) disitus ini atau perhatikan pada gambar dibawah ini.Tags:
Tips Trik Blog,
Tutorial Blog
Saya yakin anda tahu tentang apa itu button "Back to Top" dan fungsinya. Kalau belum tahu, coba anda scroll ke bawah sampai halaman ini habis. Kemudian klik gambar 
dan perhatikan apa yang terjadi setelah anda meng-klik gambar tersebut. Sudah? Nah, seperti itulah kira-kira fungsi dari pemasangan button "Back to Top". Button atau tombol Back to Top sangat berguna bagi pengunjung untuk kembali pada halaman atas tanpa harus menggunakan scroll. Apalagi jika berkunjung pada situs yang memiliki artikel-artikel yang panjang. Bisa dikatakan jika button Back to Top adalah sebagai shortcut (jalan pintas) untuk kembali ke atas (halaman atas).
Cara pemasangannya sebagai berikut:
Read more »
dan perhatikan apa yang terjadi setelah anda meng-klik gambar tersebut. Sudah? Nah, seperti itulah kira-kira fungsi dari pemasangan button "Back to Top". Button atau tombol Back to Top sangat berguna bagi pengunjung untuk kembali pada halaman atas tanpa harus menggunakan scroll. Apalagi jika berkunjung pada situs yang memiliki artikel-artikel yang panjang. Bisa dikatakan jika button Back to Top adalah sebagai shortcut (jalan pintas) untuk kembali ke atas (halaman atas).Cara pemasangannya sebagai berikut:
Sebelum masuk ke tema "Cara Mudah Kompres File Gambar Dengan PhotoScape" ada satu pertanyaan yang saya ajukan kepada anda. Sebelum anda meng-upload atau menyisipkan gambar diantara posting artikel anda, apakah anda meng-kompres-nya terlebih dahulu? Atau.. anda justru tak pernah memperhatikan hal kecil ini sama sekali alias meng-upload file apa adanya saja, berapapun besar resolusi-nya?
Pengertian dari Resolusi adalah banyaknya titik (pixel) yang menyusun suatu gambar atau layer. Ukurannya adalah jumlah pixel horizontal dikalikan jumlah pixel vertical.
Ex: ukuran 468 x 60, artinya 468 pixel mendatar dan 60 vertikal. Dan besarnya resolusi ini juga berpengaruh "Proses Loading" pada suatu elemen gambar, artinya semakin besar resolusi suatu gambar maka akan semakin lama proses loading-nya.
Read more »
Pengertian dari Resolusi adalah banyaknya titik (pixel) yang menyusun suatu gambar atau layer. Ukurannya adalah jumlah pixel horizontal dikalikan jumlah pixel vertical.
Ex: ukuran 468 x 60, artinya 468 pixel mendatar dan 60 vertikal. Dan besarnya resolusi ini juga berpengaruh "Proses Loading" pada suatu elemen gambar, artinya semakin besar resolusi suatu gambar maka akan semakin lama proses loading-nya.
Ada perbedaan antara "blogger biasa" dan "blogger affiliater". Seorang blogger biasa akan dengan senang hati memperlihatkan semua link URL yang ada pada situsnya, namun tidak demikian halnya bagi seorang blogger affiliater. Yang saya maksud dengan blogger affiliater adalah blogger yang mengikuti bisnis afiliasi dari berbagai program afiliasi yang ada di internet. Biasanya blogger type ini sedikit "malu-malu kucing" untuk menunjukkan link yang sebenarnya dan berusaha untuk menyembunyikan link URL afiliasinya, bahkan berusaha menghilangkannya. Dan cara klasik yang sering digunakan oleh para affiliater adalah dengan memendekkan link afiliasinya menggunakan tinyurl.com ataupun bit.ly.
Menghilangkan disini bukan berarti link URL tersebut dihapus dan tidak bisa diakses sama sekali, tapi dimodifikasi link tersebut sehingga tidak terbaca oleh browser. Dan sebagai contohnya silahkan dekatkan pointer anda pada link "BEST HOSTING" pada sidebar sebelah kanan anda, kemudian perhatikan tulisan yang muncul pada sudut kiri bagian bawah pada browser yang anda gunakan. Dan sekarang dekatkan pointer anda pada link yang lain, kemudian perhatikan kembali tulisan yang muncul pada sudut kiri bagian bawah pada browser yang anda gunakan. Arah link kelihatan bukan? Perhatikan gambar 1 dan 2.
Read more »
Menghilangkan disini bukan berarti link URL tersebut dihapus dan tidak bisa diakses sama sekali, tapi dimodifikasi link tersebut sehingga tidak terbaca oleh browser. Dan sebagai contohnya silahkan dekatkan pointer anda pada link "BEST HOSTING" pada sidebar sebelah kanan anda, kemudian perhatikan tulisan yang muncul pada sudut kiri bagian bawah pada browser yang anda gunakan. Dan sekarang dekatkan pointer anda pada link yang lain, kemudian perhatikan kembali tulisan yang muncul pada sudut kiri bagian bawah pada browser yang anda gunakan. Arah link kelihatan bukan? Perhatikan gambar 1 dan 2.
Pada posting saya yang terdahulu saya membahas tentang "bagaimana mengatasi loading page yang berat", dan kali ini saya akan sedikit membahas tentang "cara mengukur kecepatan loading page situs". Caranya relatif mudah, anda tinggal mengunjungi situs-situs penyedia "pengukur kecepatan loading page" kemudian memasukkan alamat URL situs anda. Tunggu beberapa saat dan anda-pun dapat melihat hasilnya per milisecond. Jika anda sama sekali belum pernah mengukur Loading Page situs anda, ada baiknya anda meluangkan sedikit waktu untuk melakukannya. Dan setelah anda melihat hasilnya, anda bisa membayangkan seperti apa kira-kira ekspresi pengunjung saat menghadapi loading page situs anda. Semakin cepat halaman situs anda terbuka secara keseluruhan, maka pengunjung-pun akan semakin senang karena waktunya tidak terbuang sia-sia. Bagaimana, mau dimulai sekarang juga? Baiklah, silahkan anda kunjungi seo.livihost.com, www.iwebtool.com, atau di tools.pingdom.com Dan untuk caranya, silahkan anda perhatikan gambar dibawah satu per satu.
Read more »
Sebuah situs / blog terasa belum lengkap tanpa adanya "contact form" yang tujuannya untuk memudahkan pengunjung apabila ingin menghubungi site author (penulis situs) ataupun site owner (pemilik situs). Banyak sekali situs yang menyediakan layanan pembuatan form email secara gratis, antara lain emailmeform.com, kontactr.com, pax.com dan masih banyak lagi. Dan jika anda ingin membuat dan memasang contact form untuk situs anda, saya rekomendasikan kepada anda untuk menggunakan salah satu dari ketiga situs diatas. Namun menurut saya, yang terbaik dari ketiganya adalah form kontak dari emailmeform.com (walaupun saya sendiri menggunakan form dari pax.com "lihat gambar tampilannya dibawah") karena anda dapat membuat menyesuaikan field (kolom form) dengan kebutuhan anda dengan variasi field yang lebih lengkap dan variatif dibandingkan kontactr.com maupun pax.com.
Read more »
Pernah nggak sih anda merasakan berat saat membuka halaman sebuah situs atau mungkin halaman blog anda sendiri? Kira-kira membutuhkan waktu berapa lama saat pertama kali anda meng-klik halaman hingga halaman tersebut benar-benar terbuka? 1 detikkah? 3 detik.. atau malah hampir setengah menit? 
Banyak hal yang mempengaruhi kecepatan dalam membuka halaman "Loading Page" sebuah situs, contoh kecil saja karena banyaknya "widget sampah" yang terpasang pada situs tersebut. Yang saya maksud dengan "widget sampah" disini adalah widget yang sebenarnya tidak benar-benar diperlukan untuk mendukung kelangsungan sebuah situs dan hanya berfungsi sebagai "property" atau hiasan saja. Dan celakanya lagi, sangat jarang pengunjung yang bersedia berlama-lama menunggu loading page sampai halaman yang diinginkan benar-benar terbuka "full page". Mungkin perlu dimengerti jika tujuan membuat sebuah situs / blog adalah sebagai media untuk menuliskan berbagai informasi yang akhirnya menjadi konsumsi para netter diseluruh penjuru tanah air, bahkan dunia. Nah, jika mungkin anda termasuk salah satu pemilik situs dengan kualitas loading page yang "membosankan", anda dapat mengikuti apa yang biasanya saya lakukan saat loading page pada situs pribadi saya mulai terasa berat.
Read more »
Banyak hal yang mempengaruhi kecepatan dalam membuka halaman "Loading Page" sebuah situs, contoh kecil saja karena banyaknya "widget sampah" yang terpasang pada situs tersebut. Yang saya maksud dengan "widget sampah" disini adalah widget yang sebenarnya tidak benar-benar diperlukan untuk mendukung kelangsungan sebuah situs dan hanya berfungsi sebagai "property" atau hiasan saja. Dan celakanya lagi, sangat jarang pengunjung yang bersedia berlama-lama menunggu loading page sampai halaman yang diinginkan benar-benar terbuka "full page". Mungkin perlu dimengerti jika tujuan membuat sebuah situs / blog adalah sebagai media untuk menuliskan berbagai informasi yang akhirnya menjadi konsumsi para netter diseluruh penjuru tanah air, bahkan dunia. Nah, jika mungkin anda termasuk salah satu pemilik situs dengan kualitas loading page yang "membosankan", anda dapat mengikuti apa yang biasanya saya lakukan saat loading page pada situs pribadi saya mulai terasa berat.
Maksud judul diatas kurang lebihnya seperti ini. Apabila anda mendekatkan pointer pada sebuah text hiperlink, maka ukuran text hiperlink tersebut akan menjadi lebih besar dari ukuran default atau ukuran sebenarnya, (ex. ukuran font secara default sebesar 18px). Dengan sedikit merubah atau menambahkan kode pada a:hover{ anda juga dapat mengatur perubahan warna pada text hiperlink tersebut (ex. biru) dengan menambahkan kode color:#0B24FF; sehingga susunannya akan menjadi seperti ini:
Read more »
Dengan ditambahkan kode font-size:24px; maka text hiperlink akan berubah menjadi lebih besar (menjadi 24px) saat pointer didekatkan ke text hiperlink tadi. Dan jika anda menginginkan text hiperlink berubah menjadi miring, maka anda tinggal menambahkan kode font-style:italic; Dan susunannya akan terlihat seperti ini:a:hover{color:#0B24FF;font-size:24px;}
Tags:
Tips Trik Blog,
Tutorial Blog
