Cara Membuat Background Blog Pas Sesuai Ukuran

Kode CSS background-size property sangat tepat bila digunakan sobat-sobat blogger yang menggunakan background image sebagai latar-belakang/background blog, terlebih bagi yang saat ini menggunakan template blogger dari "New Blogger Templates" ((NBT). Yah..., karena sebagin besar NBT menggunakan image sebagai background body, yang bahkan kebetulan semua background image yang digunakan berukuran jumbo dan berakibat tidak seluruh bagian gambar terlihat di halaman blog. Sebagai perumpamaan, jika misalnya background image yang digunakan berupa gambar sampeyan sendiri yang lagi makan jengkol, maka mungkin yang terlihat hanya berupa muka sampeyan "yang mirip jengkol", sedang jengkolnya sendiri hilang karena background yang kebesaran. Perlu diketahui bahwa background image yang ada di NBT rata-rata menggunakan ukuran lebar sebesar 1800px, sedang sebenarnya yang dibutuhkan 1024px (sesuai lebar layar dan coba bayangkan apabila gambar yang tersedia lebarnya 1800px, maka berapa bagian gambar yang akan hilang?).

Kode CSS Background Size Property

Kode CSS background size property di sini berfungsi untuk merubah ukuran background image secara otomatis agar sesuai dengan ruang yang tersedia. Jadi ketika kita gunakan di bagian body (sebagai background body) maka biar selebar apapun ukuran gambarnya, maka akan terlihat dihalaman blog sesuai lebar body yang digunakan (:sesuai lebar halaman blog!). Ada dua Kode CSS yang bisa digunakan, silahkan pilih salah satu!

Kode CSS yang digunakan untuk NBT

KODE CSS I

body{

      background-attachment:fixed;

      background-size:cover;

     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-body.jpg', sizingMethod='scale'); /*IE 8 */

     -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-body.jpg', sizingMethod='scale')";  /*IE 8 */

}

KODE CSS II

body{

     background-attachment:fixed;

     background-size:1024px auto;

     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-body.jpg', sizingMethod='scale'); /*IE 8 */

     -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-body.jpg', sizingMethod='scale')";  /*IE 8 */

}

Tentang Band Favorit Saya-The Gazette

the GazettE

Posingan ini Pernah di Post kan

Oleh sahabat ku DAT (Devid Andri Triawan)

Namanya lumayan Unik kan
dan orang disamping kiri itulah yang namanya andri,

keren juga hehehe

Oke lah gak usah lama - lama

ini dia Postinganya ....CEKIDOT

Niihhh, band Peace & Smile company yang menurut saya sangat keren dengan gaya visual kei nya, the GazettE. Wuiih, dari namanya aja dah keren banget tuh. Tapi jangan salah, bukan cuma gaya dan namanya aja loh yang keren. Warna musik yang mereka tawarkan juga sangat keren dan unik yaitu musik Progressive Rock yang lebih mengutamakan dalam permainan bass Reita, kadang mellow, kadang keras ditambah vokal Scream Ruki , terlihatlah dari gayanya. Mereka menyebut warna musiknya itu dengan Gazerock. Kata mereka band yang menginspirasinya adalah band yang sama – sama agak keras yaitu  X-Japan. Meskipun lagunya keras, ada Growling sama Death Voicenya, tapi ada juga lho lagu lagu the GazettE yang lembut dan penuh penghayatan yang bikin merinding kayak lagu Reila, Chizuru, Cassis dll. Jadi aliran yang mereka punya tidak hanya itu – itu saja tapi terdiri dari macam unsur musik. Terbuktikan bahwa band the GazettE itu nggak cuma jual tampang.

Band yang dibentuk pada tahun 2002 ini terdiri dari 5 personel yaitu Ruki sebagai Vocalist yang banyak goresan dilehernya, Uruha sang Guitarist yang suka pamer – pamer paha, Aoi (sekilas mirip dengan Miyavi) sebagai Guitarist, Reita yang sangat khas dengan Nosebandnya sebagai Bassist, dan terakhir Kai sebagaiDrummer (yang ngegantiin Yune, Ex-Drummer the GazettE).

Saya paling suka vokal Ruki waktu nyanyiin lagu Anti Pop, Hyena, Cassis dan Reila. Yang Hyena sama Anti Pop Ruki betul – betul ngegrowl. Sangat berbeda waktu dia nyanyiin lagu Cassis dan Reila, Ruki sangat menghayati betul  lagunya. Pernah kulihat video konsernya the GazettE di Youtube waktu nyanyiin lagu Reila, di situ Ruki sampai nangis menyanyikannya. Sang Guitarist, Aoi, Salah satu gitaris yang keren menurutku. Paling senang ngeliat dia main gitar solo di Cassis yang akustik terus permainannya di Burial Applicant juga keren. Gaya mainnya mirip – mirip sama gitarisnya Luna Sea. Terus Uruha Salah satu personel yang membuatthe GazettE itu jadi unik melihat gayanya yang agak Feminim dan Elegan. Cara main gitarnya juga mirip – mirip dengan Sugizo tapi yang membuat dia beda mungkin gaya mainnya yang Sexy dan suka pamer – pamer paha…he..he..he.. Kalo Reita merupakan Bassist favoritku setelah Tetsu. Waktu ngeliat poster – poster the GazettE, yang paling menonjol dan keliatan mungkin si Reita ini karena Nosebandnya yang sangat khas. Permainan bassnya juga keren, kalo di PV  gaya memainkan bassnya cool tapi pas konser image coolnya jadi hilang karena waktu manggung Reita sangat suka loncat dan putar – putar. Pernah si Reita ini mengalami cidera pada jempol tangannya karena terlalu semangat kalo main. Dan yang terakhir Drummer the GazettE, Kai, Mungkin cuma Kai satu – satunya personel the GazettE yang nggak pernah loncat – loncat waktu konser (yaiyalah, namanya jg Drummer). Meskipun cowok yang ngefans banget sama Gackt dan Dir en grey ini cuma bisa duduk belakang drum, tapi permainan drumnya selalu total dan saking totalnya ia pernah jatuh sakit setelah konser.

Nih profil para personel the GazettE yang kukutip dari wikipedia

Ruki  – Death Voice

Nama asli: Matsumoto Takanori

Tempat/Tanggal lahir: Kanagawa,February 1, 1982

Golongan darah: B

Tinggi: 162 cm

Hobi : belanja

Keluarga : Ayah, Ibu, Kakak laki-laki

Band sebelumnya: Mikoto, Ma’die Kusse, Kar+te=zyAnose

Uruha  – Guitarist

Nama asli: Takashima Kouyou

Tempat/Tanggal lahir: Kanagawa,June 9, 1981

Golongan darah: O

Tinggi: 177 cm

Hobi  : billiard, pachinko, bowling, bola

Keluarga: Ayah, Ibu, 2 kakak perempuan

Band sebelumnya: Karasu, Ma’die Kusse, Kar+te=zyAnose

Aoi   – Guitarist

Nama asli: Shiroyama Yuu

Tempat/Tanggal lahir: Mie,January 20, 1979

Golongan darah: A

Tinggi: 171 cm

Hobi  : Composing, guitar solos

Keluarga: Ayah, Ibu, kakak laki laki dan perempuan

Band sebelumnya: Mervilles, Artia

Reita  – Bassist

Nama asli: Suzuki Akira

Tempat/Tanggal lahir: Kanagawa,May 27, 1981

Golongan darah: A

Tinggi: 172 cm

Hobi  : Nonton

Keluarga: Ibu, Nenek, kakak perempuan

Band sebelumnya: Karasu, Ma’die Kusse, Kar+te=zyAnose

Kai  – Drummer

Nama asli: Uke Yutaka

Tempat/Tanggal lahir: Tokushima,October 28, 1981

Golongan darah: B

Tinggi: 172 cm

Hobi  : Masak, Bola

Keluarga: Ayah, Ibu

Band sebelumnya: Mareydi†Creia

  

Background Blog Berganti Picture

Bosen dengan Background Blog kalian dengan warna itu - itu saja, coba yang ini,

ini contoh dari background yang saya pasang di blog saya

Oke Langsung sajalah

<script type='text/javascript'>

var bg = [

&quot;URL Background 1&quot;,

&quot;URL Background 2&quot;,

&quot;URL Background 3&quot;,

&quot;URL Background 4&quot;,

&quot;URL Background 5&quot;,

&quot;URL Background 6&quot;

];

function gantiBg(){

  var bgLeng = bg.length-1;

  var i = Math.floor(Math.random()*bgLeng);

  document.body.style.backgroundImage=&#39;url(&#39;+bg[i]+&#39;)&#39;;

  setTimeout(&quot;gantiBg()&quot;,5500);

}

gantiBg();

</script>

Agar Background pas dengan ukuran blog baca tutorial Cara Membuat Background Pas Sesuai Ukuran

NB : yang berwarna Merah diganti dengan URL gambar Sobat eah, Misalnya

http://s1311.beta.photobucket.com/user/Andri-julians/media/gazette03.jpg.html?sort=3&o=11

dan yang berwarna Biru adalah waktu jeda , saya membuat jeda selama 5,5 detik jadi saya tulis 5500 .

Sekian dari saya, selamat mencoba dan semoga berhasil

Memperindah Blog Dengan Background Musik

Malam minggu suntuk gada hiburan, sunyi strez gila + lembur lagi, huh gak asik bos, akhirnya cari ide gimana caranya agar maen2in blog gk jenuh, setelah beberapa lama googling akhirnya nemu deh, cara membuat music background pada blog, wah jadi makin asik maenan blog, soalnya di iringi dengan music kesayangan,

kalian juga pengen blog kalian seperti yang sekarang kalian dengerin di blog saya ??

caranya gampang, copy URL dibawah ini,

<embed src=" http://www.4shared.com/embed/EUOHr5TS/mix_4_Medium_quality.swf" autostart="true" loop="true" width="0" height="0"/></embed>

Atau juga seperti ini

<embed src="http://www.4shared.com/embed/EUOHr5TS/mix_4_Medium_quality.swf" autostart="TRUE" loop="TRUE" width="1" height="1" align="CENTER"></embed>

cara menambahkanya gampang, Login ke blog > Tata Letak > Tambah Gadget > HTML/JavaScript trus Paste kan kode diatas

Untuk Kode yang berwarna Merah ganti dengan URL Musik kalian ,Bisa dari 4shared atau website lain,

saya menggunakan music yang saya upload ke 4shared dan meng copy URL music yang saya upload,

jika kalian mau menggunakan music yang saya pakai silahkan kalian copy kode diatas,

jika belum ada yang belum mengerti atau ingin request music untuk blog kalian, silahkan berkomentar di CHAT ROOM saya. Terima Kasih.
semoga berhasil Kawan

Memasang dan Membuat Gambar atau Animasi Berada di Pojok Blog

Postingan kali ini saya akan membuat Cara membuat gambar atau animasi berada di pojok Blog.

Langsung Saja

1. Pertama, Log in ke akun blog sobat.
2. Klik Rancangan --> edit  HTML
3. Kopas kode berikut di atas kode ]]></b:skin> ( Gunakan CTRL + F untuk memudahkan pencarian)

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

4. Kode di atas akan membuat gambar berada di pojok kiri bawah (Bottomleft). Letakkan sesuai keinginan sobat.
Bottom = Bawah
Top      = Atas
Left      = Kiri
Right    = Kanan

5. Letakkan kode berikut sebelum kode </body>

<div id="trik_pojok">
<a href="http://christiantatelu.blogspot.com/2011/11/membuat-gambar-atau-animasi-berada-di.html">
<img src="http://i1311.photobucket.com/albums/s667/Andri-julians/afa_zps5148d6ca.png" border="0" /></a>
</div>

6. Ganti tulisan berwarna merah dengan Url gambar sobat. Bisa juga sobat ganti dengan jam, kalender dan lain - lain.

atau bisa juga gunakan animasi ini  

http://i.mnpls.com/59/5990.gif

http://i.mnpls.com/1/162.gif

http://i.mnpls.com/167/16778.gif
7. Simpan template sobat dan lihat hasilnya.

Ini Contoh yang saya buat sendiri

Cukup Simple tapi Keren Kan ?