Bagaimana cara mudah untuk mengetahui code CSS dan merubah CSS web atau blog? . Kalau kita sudah mendengar kata code pasti yang terngiang dikepala kita adalah code pemrogaman yang sulit yang susah untuk dipelajari, apakah seperti itu?. Kabar baiknya Css merupakan code yang paling mudah dipelajari dari struktur pemrograman web yang lainnya, jadi langsung saja kita siapkan prangkat yang mau kita gunakan .
Memanfaatkan web brouser untuk mengelola css
Kita ambil contonya saja menggunkan crome brouser, bagi yang tidak punya bisa langsung diinstal dan gratis. Setelah itu perhatikan langkah-langkah berikut ini:
1. Buka web atau blog yang mau kita olah.
2. Tekan Ctrl + Shift + i , maka akan muncul tampilan seperti dibawah ini
Bisa kita lihat letak code css dan htmlnya , Setiap element web tentunya disusun oleh code HTML, sedangkan code CSS memberikan peranan untuk gaya tampilan pada setiap element HTMLnya. Sampai disini pahami dulu struktur code pada web blog yang mau kita kerjakan - seo v6.
Tentunya pada setiap web akan kita temukan berbagai macam struktur data yang berbeda-beda namun pada intinya mempunyai kerangka yang sama.
3. Menyeleksi struktur code menggunkan Ctrl + shift + C , ini berfungsi memudahkan kita menemukan code html dan css yang menyusun sebuah element pada web.
4. Setelah menemukan element html yang mau kita ubah selanjutnya mengubah atau menambahkan code CSS yang kita ingikan.
5. Mengcopy code css nya lalu ganti atau tambahkan pada template web atau blog , biasanya code css blog berada didalam code style dan skin.
Cara di atas merupakan garis besarnya saja, belum mengarah kepada spesifiknya. Di harapkan untuk memahami dulu dan membiasakan untuk melihat berbagai macam element code nya dan sembari mencoba-coba untuk mengubah-ubah code cssnya , misalnya color, size, posisi.
Untuk lebih meperdalam lagi dalam memahami fungsi setiap code cssnya akan saya bahas pada artikel selanjutnya, Seo v6.
itu gmna ya mas tampilan nya kok beda sama versi comtempo yg pertama side barnya kok disebelah kiri?
ReplyDeletedan juga contak us nya ga baerfungsi itu mas trma ksih
Untuk contact us nya coba buka halaman baru, langsung masuk mode html lalu paste codenya lalu edit url dan no id blog, lalu langsung di publikasikan, jangan buka mode composenya atau pratinjau, karena bisa terjadi perubahan code.
DeleteTemplate contempo versi setandar sidebarnya memang disebelah kiri, yang berbeda apanya gan?
Malam om randi,,, apa kabar? kayaknya makin rame orderan template premiumnya nih hehe :)
ReplyDeleteBtw saya perhatikan artikel diblog SEO V6 ini kalau diarahkan kursor mouse ke kotak (kolom artikelnya) seakan menjadi timbul,,, kesannya seperti 3 dimensi. Itu cara bikinnya gimana om? bagi script css nya dong? hehe :)
Alhamdulillah rezeki gak kemana om.
DeleteMasukkan CSS ini
body.feed-view article.post-outer-container:hover {
box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
}
kalau yang CSS ini untuk bagian blog postingannya
Deletebody.item-view .Blog:hover {
box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
}
Alhhamdulillah udah berhasil dengan sukses saya pasang om,,, makasih banyak ya :D
DeletePliss help me
ReplyDeleteSaya mau tanya cara buat font pada postingan agar tidak mengecil pada tampilan hp gimana ya mas,saya sudah buat google font, tapi error terus, sudah edit ukuran font di pengaturan,pada tampilan desktop memang sesuai, tapi masih mengecil di tampilan seluler
supaya bagus cara nya gimana ya mas,? saya ingin memodel font pada blog seo v6 ini karena tampilan font nya tetap stabil di seluler,
template yang saya gunakan "notable"
sory mas,agak panjang pertanyaan nya,pliss di beri pencerahan ya.
Terimakasih
cari code ini
Deletebody.item-view .Blog .post-body {
font-size: 14px;
}
hapus code ini font-size: 14px;
WOoow,thank you brother, thank so much, WORKS :)
ReplyDeleteterimakasih banyak