Jika anda mencermati di dalam box yang terletak di
bawah posting maka akan kita lihat bahwa disana terdapat beberapa data
yang berkaitan dengan posting.
Cara menggunakan kode css :
- Data post autor :
Berisi nama si penulis posting atau pemilik blog. - Data penerbitan posting:
Berisi data waktu dan/atau tanggal posting. - Komentar (Comments) :
Berisi data jumlah komentar posting. - Labels :
Label berisikan data label yang ditentukan penulis sebelumnya ketika posting dibuat dan diterbitkan.
Kode CSS :
.post-author{ background:transparent url(https://sites.google.com/site/gubhugreyotprojects/mart-2012/images/icon/user.png); } .post-labels{ background:transparent url(https://sites.google.com/site/gubhugreyotprojects/mart-2012/images/icon/grdt-1-label.png); } .post-timestamp{ background:transparent url(https://sites.google.com/site/gubhugreyotprojects/mart-2012/images/icon/grdt-1b-clock.png); } .post-comment-link a.comment-link{ background:transparent url(https://sites.google.com/site/gubhugreyotprojects/mart-2012/images/icon/komen.png); } .post-author,.post-labels,.post-timestamp,.post-comment-link a.comment-link{ background-size:auto 16px; padding-left:22px; background-repeat:no-repeat; background-attachment:scroll; background-position:left center; } .post-author,.post-labels,.post-timestamp,.post-comment-link{ margin-left:auto !important; margin-right:8px !important; }
- Login ke Blogger.
- Klik "Design (Rancangan)".
- Klik "Edit HTML".
- Lakukan "Backup template".
- Cari kode ]]></b:skin>
- Letakkan kode CSS tepat di atasnya.
- Klik Simpan "Template (Save Template)".
- Selesai dan lihat hasilnya di halaman blog.
- Upload semua icon melalui halaman posting untuk mengganti 4 icon dalam kode css agar loading blog anda tetap terjaga baik!
- Jika ingin mengganti icon sebaiknya gunakan ukuran 14 x 14 pixel (px) atau 16 x 16 pixel (px) sekalipun background telah disetting pada ukuran 16px (height) dan auto pada width melalui background-size:auto 16px;
Tidak ada komentar:
Posting Komentar