Minggu, 12 Januari 2014

SelectorCSS

Koleksi Css Selector 1
body

    body > keseluruhan blog
    body img > pengaturan iklan
<!-- Header -->
    #header > bagian paling atas blog
    #header h1 > logo/nama blog
    #header h1 a >memberi warna pada nama blog
    #header p > description blog
    #header p a > memberi warna pada iklan header
<!-- Category -->

    #category top h2 / #category bottom h2 > nama kategory
    #category-top / #category-bottom > Memberi design pada kategory
    #category top li / #category bottom li > design pada link kategory
    #category-top ol / #category-bottom ol > pembungkus category li
    #category top a / #category bottom a > memberi warna pada link kategory

Catatan : untuk mengaktifkan posisi category-top atau category-bottom pada mywapblog lihat dimenu dashboard cari link category setelah masuk liat setingannya ada paling bawah setelah di pilih klik save.

<!-- Search_form -->
    #search_form > style search form mywapblog
    #search_form [type=text] > tempat menulis pencarian
    #search_form [type=submit] > tombol search
    .search_info > text muncul saat kita melakukan pencarian artikel

#nav_shortcut

    #nav_shortcut > pengaturan link loncat mywapblog menuju navigasi / komentar
    #nav_shortcut a > link nya

<!-- Content -->

    #content > pembungkus kode li post, posisinya mulai dari nav_shortcut s/d navigasi

<!-- Post -->

    .post > pengaturan postingan dari judul s/d jumlah komentar / recent post
    .post .title > judul dan tanggal
    .post .title a > judul post
    .post .title small > tanggal postingan
    .post p > text postingan
    .post p a > semua link dalam artikel
    .comment_link > jumlah komentar
    .comment_link a > link jumlah comment
    .share_button img > gambar facebook mywapblog
    .post .share_button > mengatur posisi facebook share mwb

Catatan : kode css tambahan mywapblog pada post yaitu h1, h4, h5, h6 dan untuk menampilkan pada artikel contoh h1 [h1]text disini[/h1]
<!-- Recent Post -->

    .post h3 > text recent post mywapblog
    .post li > link dari recent post
    .post ol > pembungkus li dari recent post

<!-- Comment -->

    .comment .title > nama pemberi koment mywapblog dan tanggal
    .comment .title a > link nama
    .comment .title small > tanggal
    .comment p > text dari komentar

    <!-- #Comments -->
        #comments h2 > tulisan besar new comments
        #comments h4 > jumlah Responses to comments mywapblog
        #comments > posisinya mulai dari comment s h2 / bawah recent post s/d kotak komentar atas navigasi
        #comments p > semua text tanpa link
        #comments p a > tulisan rss/atom

    <!-- #Comments Form -->
        #comments form > pembungkus kotak koment
        #comments form [type=text] > kolom nama dan email
        #comments textarea > kolom menulis komentar
        #comments form [type=submit] > tombol nya
        #comments form a > link sing in mywapblog pada kotak komentar jika dalam keadaan sing out


<!-- navigation -->

    #navigation > posisinya s/d blogroll
    #navigation h2 > text navigation paling atas
    #navigation .link-page > link nomer menuju halaman berikutnya
    #navigation ol > pembungkus navigation li mywapblog
    #navigation li > pengaturan link
    #navigation li a > link navigasi
    #navigation .link-top > go to top
    #navigation .link-top a > link go to top


<!-- BLOGROLL -->

    #blogroll
    #blogroll h2 > tulisan blogroll
    #blogroll ol > pembungkus li blogroll
    #blogroll li > pengaturan link
    #blogroll li a > link blogroll


<!-- FOOTER -->

    #footer > bagian paling bawah blog
    #footer p > text tanpa link
    #footer a > link
    #footer small > tulisan powered by