Ingin tampilan blog yang orisinil...? Dengan kata lain tidak dimiliki oleh blog lain dan menjadi sebuah ciri khas sendiri. Tapi kadang template atau tampilan blog yang kita gunakan biasanya bertebaran luas di dunia maya, sehingga terdapat kemungkinan ada dua blog yang memiliki tampilan yang sama.
Jangan khawatir..! hal tersebut dapat diatasi dengan mengedit gambar yang ada pada template blog yang kita gunakan. Bagi yang jago web editing, hal itu pasti tidak menjadi masalah, tapi untuk kalian yang masih pemula pada urusan kode-kode HTML, berikut ada tips sederhana dan patut dicoba.
Perlu diketahui, tampilan blog biasanya diatur oleh kode CSS yang terletak di antara kode <b:skin><![CDATA[ sampai dengan kode ]]></b:skin>. Semua bentuk, ukuran panjang, lebar, pixel, dan gambar pada blog, diatur oleh kode-kode tersebut. Pada tampilan blog ini contohnya, gambar head top, button, dll. merupakan gambar sendiri yang saya upload ke situs hosting gambar seperti Picasa, Flickr, atau Photobucket.
Berikut cara kerjanya. Sobat blogger pasti sudah tahu cara meng-install template pada blogger bukan? Download saja salah satu template blogger yang ada, kemudia upload pada blogger di menu 'Tata Letak' pada tab 'edit html'. Setelah selesai, modifikasi saja template tersebut dengan mengubah gambar, ukuran, dsb. pada kode CSS-nya.
Caranya, di browser sobat (Mozilla, IE, dll.), klik kanan pada salah satu gambar yang ingin diubah, entah itu background tombol, atau header blog, lalu pilih "View Background Image", lalu browser akan berpindah pada alamat gambar yang sobat pilih tersebut, lalu blok address bar atau alamat gambar pada browser kemudian catat atau copy alamat tersebut (Ctrl+C pada keyboard). Pada Internet Explorer, langsung saja pilih Copy Background saat klik kanan.
Masuk pada "Tata Letak" di dasbor Blogger, pilih "Edit HTML", dan centang "Expand Template Widget". Tekan 'Ctrl+F' di keyboard dan pastekan alamat gambar yang sudah dicatat tadi. Sobat blogger akan menemukan alamat tersebut pada salah satu kode CSS yang terdapat pada blog. Yang perlu dilakukan sekarang adalah mengganti alamat tersebut dengan alamat gambar lain, yaitu gambar yang sudah di-upload ke situs Photobucket contohnya.
Kalau sobat blogger tidak ingin pusing, lebih baik gambar baru yang digunakan memiliki resolusi, atau ukuran panjang dan lebar yang sama dengan gambar sebelumnya, tapi kalau ingin ukuran yang berbeda ukurannya, kalian juga harus ikut mengubah beberapa kode CSS seperti "height:...px;" atau "width:...px;". Sebagai contoh, perhatikan contoh kode CSS sbb:
#top { height:396px;
margin:auto;
background:#f4f4f4 url(http://i919.photobucket.com/albums/ad33/mimuha/top-2.jpg);
width:1000px }
Setelah itu pilih "Pratinjau", kalau hasilnya memuaskan, silahkan simpan hasil editan template kalian. Dengan begitu blog sobat akan memiliki gambar-gambar yang unik, berbeda dengan yang lain.
Saran bagi sobat blogger yang masih pemula, kode-kode CSS adalah kunci dari tampilan blog. Jika ingin merombak tampilan sebuah blog, ubah satu per satu variabel atau angka-angka pada kode CSS blog. Lakukan dengan sabar, niscaya kalian akan jago dalam mengedit, bahkan membuat template sendiri, serta jangan lupa untuk selalu "pratinjau" terlebih dulu agar dapat melihat hasilnya sebelum benar-benar di simpan, okeh...!! Selamat mencoba... ^^
KEMBALI KE ATAS
