- Home »
- Tutorial blog »
- Cara Mengedit Blog Agar Keren
Firliana Ayu Oktafia
On Minggu, 20 Januari 2013
Bagaimana sih mengedit blog agar terlihat keren dan unik..? "Gini Mas", Saya kasih tahu kamu sedikit tentang Cara Mengedit Blog Agar Keren. Mungkin ini cuma tips mengedit untuk menambah wawasan sobat. Cara ini menggunakan Inspect elemen laman. Funsinya biar gampang ngedit, dari pada di Edit HTML., kebanyakan ngak bisa kita harapkan.
Dalam Tutorial ini saya menggunakan Browser Google Chrome 25.
Oh ya, kalau browsermu belum ada Inspect Elemen Laman, Download dulu browser terbaru.
OK. Goes to tutorial.
BAGIAN I
- Kita Coba edit Bagian Body
- Klik kanan Lalu pilih Inspect elemen
- Setelah itu muncul tampilan Elemen Source HTML.
- Coba anda edit satu persatu. (Tenang, ini tidak akan menyimpan ke blog. Setelah di reload semua akan kembali ke semula).
- Caranya klik yang mau kamu edit
- Contoh:
Background:Gray url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBu-uUDSXHSDDNv_g066TcwgIpw0_0HolkfDsZalOirzsubyunOHMOcKQtuDi5bgkterHZf_4-ttpiLhI8a2iRD_fGEjrat81vXVP_SmqeRoUgmkqHBc7CMZ9dOiydO651T4VAArFSY-M/s1600/Halloween_Wallpapers_47+%28darkwallz.blogspot.com%29.jpg ) repeat-x fixed
Color: white (untuk color bisa cari warna html di google kalau belum tahu)
Font: normal normal 12px 'Arial' - Yang lainya bisa kamu teruskan. (Jadinya begini)
BAGIAN II
- Kita Coba Edit Gadget menjadi emas ( yang ini bagian jam )
- Klik kanan bagian jam Lalu pilih Inspect element
- Kita Ganti
Background:-webkit-gradient(linear,center top,center bottom,from(rgba(193,111,5,0.3)),color-stop(49%,rgba(212,137,8,0.7)),color-stop(50%,rgba(212,137,8,0.7)),to(rgba(193,111,5,0.3)))
Box shadow:inset 0 2px 12px gold
Border-radius:50px
- Untuk Gradient anda bisa belajar di google.
- Untuk hovernya kamu bisa menambahkan animasi transfrom rotate berputar
Setelah semuanya di edit dan terlihat keren, kamu sekarang bisa memindahkan hasil tadi ke Edit HTML satu persatu. Dan setelah itu kamu Pratinjau Blog. Jika sudah OK, klik Simpan.
Itulah sedikit ilmu Cara Mengedit Blog Agar Keren semoga bermanfaat.
Itulah sedikit ilmu Cara Mengedit Blog Agar Keren semoga bermanfaat.