.button{ font:15px Calibri, Arial, sans-serif; text-shadow:1px 1px 0 rgba(255,255,255,0.4); text-decoration:none !important; white-space:nowrap; display:inline-block; vertical-align:baseline; position:relative; cursor:pointer; padding:10px 20px; background-repeat:no-repeat; background-position:bottom left; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'); background-position:bottom left, top right, 0 0, 0 0; background-clip:border-box; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:0 0 1px #fff inset; -webkit-box-shadow:0 0 1px #fff inset; box-shadow:0 0 1px #fff inset; -webkit-transition:background-position 1s; -moz-transition:background-position 1s; transition:background-position 1s; } .button:hover{ background-position:top left; background-position:top left, bottom right, 0 0, 0 0; } .button:active{ bottom:-1px; } /* The three buttons sizes */ .button.big { font-size:30px;} .button.medium { font-size:18px;} .button.small { font-size:13px;} /* BlueButton */ .blue.button{ color:#0f4b6d !important; border:1px solid #84acc3 !important; background-color: #48b5f2; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -moz-radial-gradient( center bottom, circle, rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px), -moz-linear-gradient(#4fbbf7, #3faeeb); background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100, from(rgba(89,208,244,1)), to(rgba(89,208,244,0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb)); } .blue.button:hover{ background-color:#63c7fe; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -moz-radial-gradient( center bottom, circle, rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px), -moz-linear-gradient(#63c7fe, #58bef7); background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100, from(rgba(109,217,250,1)), to(rgba(109,217,250,0))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7)); } /* Green Button */ .green.button{ color:#345903 !important; border:1px solid #96a37b !important; background-color: #79be1e; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317); background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317)); } .green.button:hover{ background-color:#89d228; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e); background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e)); } /* Orange Button */ .orange.button{ color:#693e0a !important; border:1px solid #bea280 !important; background-color: #e38d27; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f); background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f)); } .orange.button:hover{ background-color:#ec9732; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b); background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b)); } /* Orange Button */ .gray.button{ color:#525252 !important; border:1px solid #a5a5a5 !important; background-color: #a9adb1; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c); background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c)); } .gray.button:hover{ background-color:#b6bbc0; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9); background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0EBPlvDJ8XnIMMoRKn7-tzUwDmq-uMPRQ04C-zkK4J_V9c0U1ASD7IQBnLWA1H2G9lIoA9WEJO7Lg_ZBcMUlMEbWMxjqlJEf48yN745hIkW8XkuGXstNBFU0R8lmK8uV0PZ3Jij_Ikwt/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9)); } -->

Selasa, 06 Maret 2012

Blog lu lalod? baca nih gaan..

1. *Hindari Penggunaan Background Gambar/image Bukan berarti tidak boleh, tapi background blog tanpa image sudah pasti akan lebih cepat diload.

2. Jangan Menggunakan External Javascript atau CSS Banyak (baca : ada) yang mengatakan bahwa dengan meletakan code javascript/css di host lain akan membuat blog lebih cepet, SALAH... Penggunaan External Javascript atau CSS bahkan akan memperlambat kecepatan blog kita, bukan akan mempercepat loading blog. Solusi : Letakkan code javascript atau css didalam code html blog kita. 3. Buang Widget Yang Tidak Perlu Blogger Widget, maksud saya Widget memang bisa mempercantik tampilan sebuah blog, tapi dari sisi kecepatan blog, widget ini akan membuat blog lama untuk diload, ujung-ujungnya pengunjung kabur sebelum membaca tulisan kita. Solusi : Silakan gunakan widget sesuai kebutuhan, lalu apa saja widget terbaik untuk blogspot ? itu tergantung dari tema blog itu sendiri. 4. Buang Banner atau Link Web Direktori Saat mengirim url ke blog direktori kita diharuskan memasang link/banner di blog kita, harapan kita adalah mendapatkan Backlink Berkualitas dari Blog Direktori tersebut, apa itu benar??? Blog ini sudah saya submit ke banyak web direktori, tapi tak satupun yang memberikan backlink gratis ataupun traffik gratis. Terserah anda, mau dipajang atau dihapus. 5. IKLAN Tujuan membuat blog pastinya ingin mengubah blog jadi mesin uang, dengan memasang iklan sana-sini, ita-itu, semakin banyak iklan dari situs berbeda semakin lama pula blog kita akan diload. Solusi : karena memasang iklan wajib hukumnya bagi blogger kaya ane, pintar-pintar saja memilih iklan untuk ditampilkan. 6. Ukuran Image Dalam Postingan Sudah jelas, gambar/image akan memperlambat loading blog. Solusi : Usahakan menggunakan gambar dengan size dibawah 10kb. 7. Gunakan Fasilitas Readmore Readmore juga bisa low mempercepat blog, Memasang Readmore akan membuat blog kita lebih cepat dibuka daripada harus menampilkan keseluruhan artikel di homepage. Setelah menerapkan 7 Cara Terbaru Mempercepat Loading Blog diatas, bagaimana kecepatan blog kamu sekarang ?

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)