Posts

Showing posts from March, 2011

Menghapus Blog Yang Kita Ikuti (Follow)

Image
P ernahkah terbayang di benak anda jika kita sudah terlalu banyak mengikuti (follow) blog teman lain? Terkadang kita mengikuti blog hanya sekedar untuk menyenangkan hati si empunya karena sudah meminta lewat kotak komentar atau buku tamu, misalnya " eh... follow me dong....! " Ya, basa-basi retoris gitu... Hal ini membuat kita sulit untuk memilih blog mana sebagai prioritas mana yang bukan.  Nah, pada postingan kali ini saya akan membahas bagaimana cara menghapus salah satu Blog dari list blog yang kita ikuti. Jika temen-temen ada yang mau menghapus salah satu blog yang kita ikuti, berikut langkah-langkahnya Seperti biasa masuk ke Dashboard blog kita dengan cara login ke Blogger Kemudian setelah itu tekan tombol manage pada bagian Daftar Bacaan Lalu tekan tombol setelan/setting pada pada nama blog yang akan kita hapus Setelah muncul tab/window baru pada browser anda, klik tombol Google kemudian masuk dengan alamat email anda Setelah itu anda akan kembali ke halam...

Membuat Favicon Di Blogspot

Image
S elamat siang temen-temen semua, lagi pada ngapain? Yah, kalau saya ya tiap hari kerjaanya begini ini. Ngisi postingan, makan, tidur, bangun, ngisi postingan lagi. Maklum blogger pemula ya jadi tiap hari penginya ngisi terus, nggak tau itu isinya mungkin bagi para pakar-pakar blogger mungkin udah basi. Basi juga nggak pa-pa, daripada nggak ngisi sama sekali. Setelah kemarin saya menulis artikel tentang Spam , hari ini saya akan kembali ke jalur semula yaitu tutorial blogspot atau blogger. Kali ini saya akan menulis tentang cara mengganti ikon address (favicon) yang ada di sebelah kiri alamat blog kita. Tidak semua situs memiliki favicon, namun jika anda sering mengakses situs Yahoo, Google atau Facebook maka di awal alamat situsnya anda akan melihat ikon, Y , G , atau F , nah itulah yang dinamakan favicon. Favicon digunakan untuk memberikan gambaran atau identitas sebuah website. Favicon bisa berupa Logo, Photo atau gambar yang lain. Dengan Favicon, maka website kita akan menja...

Membuat Buku Tamu (Shoutmix) di Blogspot

Image
S iang semuanya, kembali lagi dengan saya disini. Kali ini saya akan membahas tentang bagaimana memasang buku tamu di blog kita. Buku tamu untuk sebuah blog atau web bukan merupakan suatu keharusan menurut saya, tapi dengan menggunakan buku tamu kita dapat berinteraksi langsung dengan pengunjung kita. Pesan-pesan penting dan singkat bisa ditulis di gadget satu ini, trus para pengunjung juga bisa mengungkapkan isi hati mereka mungkin saja pujian, kritik, permohonan dan lain-lain. Menurut pengalaman selama memakai shoutbox di sidebar saya, bermacam -macam pesan yang masuk, ada yang memuji, ada yang ingin tukeran link, bahkan ada juga yang pernah mengkritik blog saya, katanya blog saya kok mirip dengan blog tutorial yang udah ada. Terus saya bilang, kode-kode HTML yang saya pasang di tutorial ini memang masih banyak memakai dari blog lain, tapi sudahdimodifikasi sesuai dengan template yang saya pakai. Tulisan-tulisan yang saya pakai pun 90% berbeda. Memang blog saya sekarang ini baru...

Membuat Menu Scroll di Blogspot

Image
P ada kesempatan kali ini saya akan sedikit berbagi tips bagaimana cara membuat dan memasang menu scrool di blog . Adapun fungsi dan kegunaan menu ini adalah agar daftar list artikel yang kita posting tidak memakan tempat karena lebar dan panjang menu bisa kita sesuaikan dengan lebar space halaman blog. Bagi blogger pemula seperti saya, membuat menu dengan fungsi scroll ini awalnya saya pikir susah, padahal jika kita mengerti bahasa pemrograman, membuat menu seperti ini sangatlah mudah. Untuk penghematan tempat jika anda mempunyai daftar menu yang sangat panjang, menu dengan fungsi scroll ini bisa menjadi solusi yang tepat selain menggunakan marquee atau text berjalan. Dan pembuatan menu ini tidak menggunakan kode HTML yang banyak dan ribet, hanya sedikit kode HTML, anda sudah bisa membuat menunya. Menu ini bisa juga anda menfaatkan dalam menempatkan blogroll yang panjang atau daftar menu postingan yang anda miliki. Untuk membuat menunya anda hanya membutuhkan kode HT...

Membuat Huruf Besar (Drop Cap) pada Awal Postingan

Image
T ahukan teman-teman apa itu drop cap? drop caps adalah huruf besar yang ukurangnya mungin 10 kali lipat huruf biasa yang diletakkan di awal artikel. Nah kalau teman-teman semua tertarik untuk membuat nya, saya akan kasih tau tutorialnya. Sebenarnya membuat drop caps ini sangatlah mudah, tapi untuk lebih jelasnya silahkan ikuti langkah-langkah di bawah ini : 1.   Login ke blogger 2.   Langsung ke Tata Letak (sekarang design/rancangan )  - Edit HTML 3.   Cari kode berikut ]]></b:skin> 4.   Masukkan kode di bawah ini, di atas ]]></b:skin> /* kode untuk huruf awal ----------------------------------------------- */ .awal { float:left; color: #000000; background:#ffffff; line-height:80px; padding-top:1px; padding-right:5px; font-family:times; font-size:100px; 5.   Klik Save Template / Simpan Untuk menerapkan drop cap ini, setiap posting anda harus lewat Edit HTML, bukan lewat edit HTML di template anda. Ketikkan kode ini dulu <spa...

Membuat Postingan Dua Kolom Di Blogspot

Image
S elamat malam, teman-teman blogger semua. Malam hari ini saya sebenarnya udah ngantuk banget  tapi daripada ditunda sampai besok malah lupa, mending sekarang aja saya nulis ini meski sambil ngatuk.  Memang , sebaiknya saya posting sebelum tidur dan saya harap saat saya bangun ada banyak senyum di komentar karena membaca artikel berikut ini dan mendapatkan manfaat. Jadi langsung saja silahkan ikuti tutorial berikut ini..... Banyak hal yang terpikirkan untuk mempercantik postingan. Jika sebelumnya telah pernah dibahas tentang membuat Drop Cap (Baca: Buat Drop Cap di Blog ), yakni huruf pertama artikel Anda besar seperti di surat kabar atau majalah, kini Anda bisa mempercantik lagi dengan gaya postingan berkolom. Untuk membuatnya Anda bisa gunakan cara pembuatan tablel Untuk contohnya saya ambilkan saja dari catatan saya di blog saya yang lain . L epas dari semua itu, aku harus tetap menjalani tangga suram demi cita-cita masa kecilku. Seperti Om Sting (The Police) bi...

Blog Dofollow dan Blog Nofollow

Image
H ari Sabtu kemarin saya ketemu teman sesama blogger, dia jelaskan tentang blognya yang kurang diminati pengunjung (seperti blog saya ini). Kemudian kami ke warnet untuk mencari tahu kenapa kok blog yang kami buat sepi komentar, lalu kami tanya kesana-kemari. Akhirnya kami menemukan sebuah jawaban yang mungkin bisa dicoba untuk teman-teman yang senasib dengan kami, yaitu blognya itu dofollow apa nofollow.  Sebenarnya apa sih nofollow dan dofollow itu? dan kenapa banyak orang yang berkomentar di blog dofollow? sedikit pertanyaan yang cukup ribet dan membuat pusing kepala. Dari hasil survey, ternyata blog dofollow mendatangkan komentar yang lebih banyak ketimbang blog nofollow. Nah, sudah kebayang kan yang saya maksud, jadi blog dofollow artinya blog yang memberikan backlink oneway terhadap si pemberi komentar di blog kita. Maksudnya backlink oneway adalah jika kita berkomentar pada blog yang dofollow, secara otomatis blog kita akan mendapat link balik dari empunya blog s...

Mengetahui Blog Dofollow atau Nofollow

Image
T ulisan ini sebenarnya terusan artikel saya untuk membuat blog nofollow menjadi dofollow . Karena kalau saya tulis semua akan menjadi panjang dan temen-temen semua nanti akan bosan, maka saya pisah. Nah, setelah kita udah merubah blog kita menjadi dofollow, kita tunggu aja pengunjung yang masuk dan berkomentar ke blog kita. Terus gimana caranya kita berkomentar ke blog yang dofollow? Wah kok gitu sih kalimatnya. Gimana caranya kita tahu kalau kita berkomentar di blog yang dofollow? Ah itu pertanyaan yang tepat. Temen-temen semua mau tau caranya......?  Cara Pertama : Bila pakai browser Firefox, di blog yang akan kita periksa, masuk ke halaman posting yang sudah ada komentarnya, Kemudian klik kanan pada nama / link komentator,  lalu pilih properties Untuk yang nofollow biasanya pada bagian �rel� atau �relation� terdapat tulisan nofollownya. Sedangkan untuk yang dofollow, setelah klik kanan lalu pilih properties tidak ada tulisan nofollow dan dofollownya atau pada bagian...

Memasang Gambar Slideshow Dibawah Header

Image
J umpa lagi dengan saya, hari ini langit agak mendung, mungkin sebentar lagi hujan. Kali ini saya akan berikan tutorial cara pasang slideshow di bawah header . Saya mengambil kode yang paling sederhana dengan menu slideshow yang juga sangat sederhana. Slideshow sendiri fungsinya sebagai navigasi link yang biasanya diletakkan dibawah header, dan selalu menampilkan gambar sebagai pemanis agar pengunjung tertarik untuk mengklik isi yang dimaksud. Untuk demo saya gunakan template 3pictsel bikinan mas Riki dan meletakkannya di dalam main post, silahkan cek disini . Kode css yang akan saya berikan tidak mutlak harus sama, karena setiap template pasti berbeda terutama dalam tutorial ini adalah lebar kolom postingan. Untuk demo saya gunakan template yang lebar postingannya kurang lebih 660px . Buat anda yang memiliki lebar kolom post lebih atau kurang dari 660px silahkan disesuaikan saja. Login dulu di blogger. Masuk ke Rancangan >> Edit HTML . Jangan lupa klik Expand Templat...

Membuat Images Bubbles di Bawah Postingan Blogspot

Image
B ukankah teman-teman semua pengin blog yang dibuat itu kelihatan menarik? Kali ini saya akan memberikan cara yang membuat blog Anda semua lebih menarik. Dari sekian banyak pembuatan social bookmark, cara ini yang paling saya suka disamping simpel, gambar logonya lebih menarik.  Yang akan saya bahas disini adalah css image bubbles transitions , dan sekedar info bahwa tutorial ini hanya bisa diterapkan pada browser firefox versi 3.5+, opera 9.5+, safari dan chrome. Untuk demo bisa anda lihat disini .   Sebelum memulai ada baiknya anda backup template anda terlebih dahulu, biasakan untuk melakukan hal ini jika ingin melakukan pengeditan template. Login ke Blogger. Klik Rancangan . Masuk ke Edit HTML centang expand widget templates Jika terjadi kesalahan sebaiknya download terlebih dahulu template anda Copas kode css berikut sebelum kode ]]></b:skin>  .bubblewrap{ list-style-type:none; margin:0; padding:0; } .bubblewrap li{ display:inline; width: 65px; heigh...

Membuat Efek Blur Pada Gambar di Blogspot

Image
S elamat pagi teman-teman blogger semua. Kali ini saya menulis tutorial ini pagi hari sekali, ya kira-kira jam 06.00 WIB. Tutorial sederhana ini sebenarnya hanya membutuhkan sedikit kode css pada template. Cara membuat efek blur pada gambar, ya begitulah kira-kira pembahasan kali ini. Efek blur ini akan terjadi jika cursor melintas pada gambar, jadi gambar akan terlihat menjadi tampak samar apabila cursor melintas diatas gambar. Dan nanti akan saya jelaskan sekalian bagaimana caranya agar gambar yang di klik tidak pindah halaman atau menuju alamat url yang ada (tidak ngelink kemana-mana). Caranya gampang aja kok, silahkan ikuti langkah-langkahnya berikut ini : Login ke Blogger dulu ya. Silahkan sobat tuju halaman Edit HTML . Kemudian cari kode ]]></b:skin> Letakkan kode berikut ini diatas / sebelum kode ]]></b:skin>   .linkopacity img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;} ....

Menambah Kolom Diatas dan Dibawah Postingan Blog

Image
K etemu lagi, di postingan saya tentang menambah kolom dibawah postingan sudah saya jelaskan bagaimana temen-temen blogger semua membuat elemen baru di blog. Kali ini saya akan memberikan tutorial tentang membuat dua kolom baru diatas dan dibawah postingan. Coba perhatikan gambar disamping ini muncul dua kolom baru dibawah post blog. Sehingga jika Anda menambahkan dua kolom dibawah postingan, Anda dapat menyimpan gadget/widget di atas/bawah postingan misalkan adsense, iklan, atau widget yang lainya. Apakah Anda ingin menambahkan dua kolom diatas/bawah post body blog Anda? coba ikuti langkah dibawah ini.. Pastikan Anda sudah Log In ke blogspot lalu pilih menu Layout kemudian masuk menu Edit HTML Taruh Code CSS dibawah ini diatas Code ]]></b:skin> /*Under Post -----------------------------*/ #underpost h2{ font-size:13px; font-weight:bold; color:#B8002E; border-bottom:2px solid #000000; padding-left:5px; } #underpost{ width:530px; } #underleft{ width:257px; /*leba...

Menambah Kolom Dibawah Postingan Blogspot

Image
T eman-teman semua pasti ingin memasang iklan atau kode javascript lainnya dibawah postingan. Karena kalau dipasang di sidebar terlalu ramai maka dibawah ini saya akan memberikan cara-cara bagaimana menambah elemen di bawah postingan untuk pasang iklan atau lainnya. untuk membuatnya anda sedikit menambahkan kode CSS ke dalam tamplate. ikuti langkah-langkah di bawah ini. Seperti biasa Log in dulu ke blogge r temen. Tata letak Edit HTML Download tamplate anda terlebih dahulu untuk menghindarkan hal-hal yang tidak diinginkan. Beri tanda centang di kotak kecil atas Kemudian cari kode #main-wrapper { width: 410px; float:$startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } Tambahkan kode berikut di bawah kode tadi #mainbottom { background:#ffffff; border:1px solid #0B610B; margin:0 0 0.5em; padding:0.5em; } Sekarang kita membuat id untuk mainbottom tersebut. Cari...