Merubah Warna Blok Teks│Teks Seleksi

Teks seleksi atau sering kita sebut dengan blok teks, adalah bagian teks yang kita seleksi (blok) bila kita akan melakukan peng-copy-an pada suatu artikel blog post, secara default warna blok atau teks yang terseleksi adalah berwana biru dengan warna teks berwarna putih.

Dengan hadirnya css3 kita bisa merubah warna background selektor dan teks selektor tersebut sesuai dengan warna yang cocok dengan keinginan dan tentu saja untuk memberikan tampilan yang baik harus disesuaikan dengan karakter warna dasar blog tersebut. Dengan css3 selection kita bisa memberi perintah kepada browser yang kita pergunakan untuk merubah warna background dan warna teks seleksi tersebut, hampir semua browser mendukung css3 selection, hanya internet explorer yang belum mendukung css3 selection, anehnya kenapa begitu ketinggalan internet explorer ini, padahal pengusung internet explorer adalah suatu perusahaan yang besar dan banyak penggunanya diluaran sana kecuali di Indonesia.

Untuk memberikan tampilan yang berbeda dengan background dan teks seleksi (blok) pada umumnya kalian bisa menambahkan kode css3 selection dibawah ini :

::selection {background:#FF0000;color:#FFFFFF;}
::-moz-selection {background:#FF0000;color:#FFFFFF;}
::-webkit-selection {background:#FF0000;color:#FFFFFF;}

Masuk Desaign - Edit HTML dan letakan kode css tersebut diatas kode ]]></b:skin>, dibeberapa template yang saya coba dengan menerapkan kode css diatas berjalan dengan baik, tapi sebagian template tidak berjalan sesuai keinginan, jika hal itu terjadi pergunakanlah kode css dibawah ini dan letakan diatas kode </head>, perbedaanya hanya harus menambahkan kode keterangan diantara kode css tersebut sehingga menjadi seperti ini :

<style type='text/css'>
::selection {background:#FF0000;color:#FFFFFF;}
::-moz-selection {background:#FF0000;color:#FFFFFF;}
::-webkit-selection {background:#FF0000;color:#FFFFFF;}
</style>

Save template kalian dan lihat hasilnya, apakah sudah sesuai.

Cara Cepat Mencari Code

Mencari kode HTML pada sebuah template blog sungguh sangat memusingkan karena kita dihadapkan pada sekian banyak kode-kode yang ada di template tersebut. Agar kode yang anda cari cepat tertemukan, ada trick jitu untuk mencari kode html secara cepat dan tepat. Mau tau caranya?

1. Login ke blogger
2. Design
3. edit html
4. dengan menggunakan keyboard, Tekan ctrl + F
5. masukkan kode yang hendak dicari ke dalam kotak find :

misalnya anda mau mencari kode ]]></b:skin>
maka kode tersebut di ketik / bisa juga dicopy paste ke dalam kotak find. kemudian tekan enter, dan kode langsung ditemukan.

Cara Blog Agar Cepat Terindek

Blog cepat terindek search engine tentu menjadi harapan kita semua. Buat apa capek-capek bikin postingan kalau tidak dikenali oleh google, akan menjadi pekerjaan yang sia-sia.  Meskipun cara perayapan robot google sudah terjadwal namun akan lebih diprioritaskan kepada postingan yang ramah dan dicintai mesin sang robot.

Seperti halnya kenyataan di kehidupan kita yang nyata, ambil contoh saja semisal kita terjebak dalam antrian yang panjang, tentu kita harus sabar menunggu kapan giliran kita.  Berbeda dengan orang yang sudah dikenal oleh petugas yang jaga antrian, tidak akan mengalami hal yang sangat menjemukan menunggu dan menunggu.

Blog yang notabene sudah mempunyai jam terbang tinggi menjadi prioritas dalam perayapan search engine alias lebih cepat terindeks google.  Lantas bagaimana nasibnya blog-blog rencekan yang belum terkenal?  Jangan bersedih dulu, karena ada cara yang dapat ditempuh agar blog cepat terindeks yaitu dengan melakukan Ping ke Google.

Tapi perlu diperhatikan juga, ada rambu-rambu yang harus dipatuhi yaitu janganlah melakukan ping secara berlebihan karena bisa dianggap spam. Cukup hanya pada saat setelah membuat postingan baru.

Bagaimana cara melakukan ping?

1. Kunjungi http://blogsearch.google.com/ping
2. Masukkan alamat url blog anda (alamat postingan juga boleh)
3. klik Submit Blog
4. Bila berhasil  akan muncul pesan “Thanks for sharing your blog” seperti gambar di bawah ini.

Selamat mencoba melakukan Ping Google agar cepat terindeks

Cara Mengirim Foto Melalui Email

Untuk mengirim foto lewat email caranya :

1. masuk ke imel kamu
2. pilih new mail / tulis pesan
3. pilih attachment / lampirkan
4. truz pilih choose file/browse ke my computer, removable disk
5. pilih file gambar yg ingin dilampirkan (*.jpg / *.gif) total ukuran gambar tidak lebih dari 10MB
6. truz tunggu filenya di attach sampe selesai
7. abis itu di send (jgn lupa masukin alamat email teman kamu jg)

Selamat mencoba.

Cara Menampilkan Judul Posting Pada Label Tertentu

Langsung saja kita mulai tutorialnya:

1. Add new gadget (Tambah gadget baru)
2. HTML/JavaScript
3. Copy paste script ini

 <script style="text/javascript"> var numposts = 50; var standardstyling = true; </script> <script type='text/javascript' src='http://kodecode.googlecode.com/files/judullabel_tertentu.js'></script> <ul> <script src="http://Seringcopas.blogspot.com/feeds/posts/default/-/Tutorial?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script> </ul>

4. Simpan (Save)

Perlu Diperhatikan:

1. Ganti teks yang berwarna merah dengan url blog anda.
2.  Teks yang berwarna biru adalah nama label, gantilah dengan nama label milik anda.
3. Penulisan nama label harus sama persis, tidak boleh salah.
4. Bila terdapat spasi pada nama label maka penulisannya  %20  sebagai pengganti spasi, misalnya nama label Tutorial Blog, maka penulisannya menjadi Tutorial%20Blog
5. Angka 50 menyatakan jumlah judul yang akan ditampilkan (ganti sesuka anda)
   
6. Lebih bagus bila dipasang di halaman static Blogger (Caranya: bikin postingan pada page static, publikasikan, setelah sukses lalu copy linknya kemudian pasang link tadi pada sidebar atau tab menu)
7. Selamat mencoba.

Demikian cara membuat widget menampilkan judul posting pada label tertentu

Efek Transparan Pada Gambar Posting

Membuat efek taransparan atau tembus pandang pada gambar-gambar (image) pada postingan (post image) akan menghasilkan tampilan yang lembut, apalagi ditambah dengan efek bias warna box pada gambar, untuk mewujudkan itu yang penting kita mengetahui letak atau bagian mana yang perlu kita modifikasi.

Pada umumnya setiap template menggunakan kode css .post img { untuk bagian gambar posting, mudah-mudahan pengkodeannya sama jadi tidak susah untuk menemukan bagian gambar posting (post image), untuk menemukan posisi kode .post img {, kalian masuk pada Design - Edit HTML, jika sudah ketemu, kalian tambahkan kode perintah transparan untuk post image, yaitu opacity seperi ilustrasi kode post image dibawah ini :

.post img {
opacity: 0.3;
}

Kode perintah opacity menunjukan perintah transparan yang di ukur dengan angka didepannya yang menunjukan tingkat transparansi-nya, semakin kecil semakin transparan dan sebaliknya.

Dengan kode opacity tersebut, gambar atau image dalam postingan secara otomatis akan transparan semua, sesuai dengan transparansi yang telah ditentukan angkanya dalam template, tapi efeknya belum kelihatan walaupun mouse melewati gambar tersebut, untuk menjadikan efeknya lebih kelihatan, kalian bisa tambahkan hover supaya terjadi perbedaan jika mouse melewati gambar posting tersebut, penerapan kodenya seperti ini :

.post img:hover {
opacity: 1.0;
}

Penambahan kode hover dengan opacity 1.0 menerangkan pada awal post image yang transparansi 0.3 jika mouse mendatangi gambar atau image akan menjadi jelas (sesuai gambar aslinya)

Semoga dengan penggunaan opacity dalam post image, bisa menjadikan bagian post kalian menjadi lebih baik.

Cara Perbesar / Perkecil Ukuran Gambar Di Blog

Gambar bagi sebuah blog memang dibutuhkan. Baik itu sebagai accessories blog maupun sebagai illustrator bagi tulisan. Di area postingan, ukuran gambar mungkin tidak menjadi soal, karena tersedianya ruang yang cukup luas untuk menempatkan gambar dan juga pengaturannya pun sangat mudah, tinggal kik and click.

Caranya setelah gambar berhasil diupload, kemudian klik gambar tersebut dan akan muncul menu untuk mengatur gambar.  Namun pengaturannya hanya dibatasi 5 ukuran saja yaitu small, medium, large, x-large dan original size.

Memang walau hanya 5 ukuran saja tapi sudah cukup mewakili dan membantu kita khususnya untuk gambar yang akan dipasang di dalam postingan.

Bagiamana jika ingin membuat gambar menjadi ukuran yang sesuai dengan kemauan kita? Seperti misalnya ingin membuat gambar dengan ukuran panjang 100px dan tinggi 80px.

Untuk memperbesar atau memperkecil ukuran gambar, tidak perlu repot-repot mengedit pakai software editor image tetapi dengan menggunakan kode script kita dapat mengatur ukuran gambar sesuai keinginan kita.

Gambar yang akan dipasang di halaman blog tentu harus melalui proses upload terlebih dahulu. Setelah gambar selesai diupload maka akan didapat link gambar sebagai berikut:

<img src='URL gambar">
Apabila ingin membuat gambar tadi menjadi link yang mengarah ke blog anda, maka susunannya menjadi :
<a href='URL Blog Anda'><img src='URL gambar "></a>

Dari susunan kode seperti tersebut di atas, gambar yang muncul masih menampilkan ukuran yang sebenarnya. Sehingga bila tempat yang tersedia di blog lebih sempit dari gambar akan menimbulkan masalah baru.

Cara mengatasinya, gambar harus diatur.  Kode yang diperlukan adalah kode weight dan height (weight=lebar, height=tinggi).
Sedangkan penempatan kodenya seperti ini :

<img src='URL gambar' width='100' height='80'>

atau bila ingin membuat gambar tadi menjadi link yang mengarah ke blog anda, maka susunannya menjadi :

<a href='URL Blog Anda'><img src='URL gambar' width='100' height='80'></a>

Catatan:
Untuk mengatur (memperbesar/memperkecil) ukuran gambar, ubahlah angkanya sesuai yang dikehendaki.

Dengan cara itu, gambar yang akan dipasang di blog dapat kita perbesar / perkecil dengan menggunakan kode script.