Rounded Corner | Membuat Sudut menjadi Tumpul

Pernah melihat di sudut-sudut blog kelihatan tumpul? Nah, itu dinamakan "rounded corner". Sebelum melangkah lebih jauh, kita perlu membatasi ruang lingkup kajian trik blogger kali ini. Rounded corner yang akan kita diskusikan bersama adalah membuat sudut menjadi tumpul tanpa gambar (rounded corner no image).

Kemudian bentukkan rounded corner dari kode CSS ini akan nampak, apabila kamu menggunakan browser Firefox, Chrome, dan Safari. Ngomong-ngomong soal tumpul, asal jangan dikaitkan dengan pikiran, lho. Ayo, kita keroyok trik blogger tentang membuat rounded corner :

Full rounded corner :

.kotak-rounded-corner {
background-color:#FFFF00;
border:2px solid #FF0000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px; }

Rounded corner di kiri atas :

.kotak-rounded-corner {
background-color:#FFFF00;
border:2px solid #FF0000;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-radius-topleft: 10px;
border-top-left-radius: 10px; }

Rounded corner di atas :

.kotak-rounded-corner {
background-color:#FFFF00;
border:2px solid #FF0000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px; }

Rounded corner di bawah :

.kotak-rounded-corner {
background-color:#FFFF00;
border:2px solid #FF0000;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-khtml-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px; }

Catatan :

1. Trik ini merupakan salah satu dari sekian banyak trik lainnya untuk membuat rounded corner.
2. Semakin besar nilai yang kamu masukkan (ex: 10px), maka semakin besar pula ketumpulan/belokan sudut.
3. Kode -moz-border-radius digunakan untuk firefox, -webkit-border-radius untuk Chrome dan Safari, -khtml-border-radius untuk browser-browser lama yang mendukung kode ini, serta border-radius untuk pengecekan terhadap browser-browser baru yang mungkin mendukung kode ini.
4. Kode di atas merupakan contoh penerapan rounded corner dalam kode CSS.

Selamat membuat rounded corner...

[ Baca selengkapnya ]

Solusi Submit Sitemap di Webmaster Tools

Kok, feeds blogku ngga valid? Aduh, sitemap blogku ngga ter-indeks semua? Huh, gagal lagi submit sitemapnya? Dan masih banyak pertanyaan senada lainnya yang mungkin menghinggapi blogger mania ketika submit sitemap di Google Webmaster Tools. Terus bagaimana solusi agar sitemap blog kamu dapat maksimal diterima dan ter-indeks oleh Webmaster Tools? Caranya mudah bertanyalah kepada ahlinya. :) Kalau itu sih bukan solusi namanya, tapi salah satu upaya agar tidak “sesat di jalan”.

[ Baca selengkapnya ]

Menghilangkan Icon Pensil serta Obeng dan Kunci

Gegap gempita Piala Dunia AF-SEL 2010 ternyata sedikit banyak mempengaruhi aktivitas para blogger mania. Bagaimana tidak berpengaruh apabila siang disibukkan dengan urusan pekerjaan, sedangkan malamnya nonton bola. Terlepas dari itu semua, mungkin ada yang menyempatkan waktu untuk sekedar memposting di blog walaupun isinya singkat (namun padat, bro...). OB pun termasuk di dalamnya. Dari judul mungkin teman-teman sudah basi mendengarnya. Kok, yang itu-itu lagi sih? Tapi tidak ada salahnya kan, apabila kita kupas kembali.  Anggap saja sebagai penyebaran teknologi (Wih..., kaya MENRISTEK aja). Yuk, buruan kita review trik blogger "menghilangkan icon pensil serta Obeng dan Kunci".

[ Baca selengkapnya ]

Ada Apa dengan "DoFollow"?

Blog saya "DoFollow" lho! Kalau saya "NoFollow"! Mungkin kedua istilah tersebut sudah tidak asing lagi bagi para blog mania. Banyak pro dan kontra mengenai kedua istilah tersebut. OB tidak akan berbicara mengenai siapa yang pro dan siapa yang kontra. Coba cari saja di search engine mengenai DoFollow dan NoFollow, banyak sekali postingan yang membuka wacana tentang hal tersebut. Namun postingan ini terlahir secara naluriah berdasarkan komentar yang masuk dan mungkin yang akan masuk tentang "mengapa optimasi-blog "DoFollow"?

[ Baca selengkapnya ]