Jumat, 20 Juli 2012

Cara Membuat Blog Transparan

Ada pertanyaan yang masuk melali kotak komentar yang intinya menanyakan trik membuat blog supaya transparan pada blogger. Sebenarnya saya pernah mengulas tentang hal itu bila anda berkehendak silahkan klik disini, Secara teoris memang waktu itu saya tidak menerangkan seperti apa yang dimaksudkan pada pertanyaan sahabat, dan memang saya ingin selalu memberikan yang terbaik untuk semua pembaca masterGOmaster. Disini saya akan memberikan contoh demo apa yang saya maksudkan pada artikel ini silahkan anda klik tautan link berikut klik disini untuk demo . bagaimana apakah sekarang anda mengerti apa yang saya maksudkan ! dan memang seperti itu (contoh demo). untuk membuat blog transparan  silahkan lanjutkan langkah langkah membuatnya dibawah ini :

Masuk ke dashboard ► LAYOUT ► EDIT HTML ►  centang Expand Widget Templates dan temukan bagian kode berikut.


body {
background:$bgcolor;

Setelah menemukan kode diatas ganti dengan kode dibawah ini, Kode CSS seperti berikut :


body {

background:url(http://i671.photobucket.com/albums/vv80/dadfereneczi/TrickSEO.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;


Silahkan ganti alamat URL gambar ini http://i671.photobucket.com/albums/vv80/dadfereneczi/TrickSEO.jpg dengan alamat gambar anda ... Save Template. Dan silahkan lihat hasilnya sekarang.
***(Untuk ukuran background full halaman sebaiknya menggunakan piksel 1024x768) 

Apabila anda mau ukuran gambarnya kecil seperti ukuran piksel 550x650
kodenya seperti berikut dan anda boleh memakai background dibawah ini bila tertarik

body {
background:blackurl(http://store.magiccirclemusic.com/img/graphics/manowar/gow.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;


Untuk background:black ......anda bisa mengganti black dengan kode warna HTML
saya sengaja menambahkan warna background black (hitam) karena gambar background diatas berwarna hitam jadi anda bisa sesuaikan warna backgroundnya dengan  gambar background agar serasi tentunya. Kiranya sampai disini tips mengganti blog menjadi transparan,  Terima kasih dan happy blogging.

0 komentar:

Posting Komentar