 |
| Modifikasi Template |
Modifikasi Template Bagi Blogger Pemula - Halo sahabat Blogger, kali ini saya akan menciptakan sebuah artikel yang khususnya bagi pemula untuk memodifikasi Template biar lebih keren, wow, dan lezat di pandang mata.
kali ini aku hanya menunjukkan dasar-dasarnya sebuah Template, untuk tampilan/template sangat kuat untuk Blog sobat, dimana template yang lezat dipandang mata juga sanggup menciptakan blog kita menjadi lebih terkenal, dan di favoritkan oleh para pengunjung.
OK, kita pribadi saja ketahap dimana kita memodifikasi sebuah Template.
Memodifikasi Dasar-Dasar CSS Template Blog
Untuk memodifikasi sebuah template sangatlah gampang disini aku telah membagikan dasar-dasar pada Template sobat, silahkan disimak.
Body
Pada dasarnya template akan menampilkan warna maupun gambar yang dijadikan Background, sebab background ini yakni tampilan utama dari blog sobat, untuk mengganti warna atau gambar pada background cari arahan
body{ atau body { , bila tidak ditemukan keduanya, fokuskan pencarian pada arahan body , biasanya arahan tadi akan ditemukan pada awal-awal CSS di template sobat, CSS
body { akan terlihat menyerupai ini pada template sahabat :body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDOR5y0LLFd6MlfizkpqpZnJw-n3zto7MS58Rah7zzFeA2NDEQXdkJ7T2WpIXLi3jrCKF6m_AIkby3vwIZ4cCfDn_vHYBUQBFcoY0EVWcTAedIj5uujsF36JNaNLnAne9vA935SFwFP0ef/s80/blogmodifus-bg.jpg) repeat;margin:0;padding:0 0 0 0;color:#555;font:x-small Arial,Geneva,sans-serif;font-size/* */:/**/small;font-size:/**/small;text-align:center;}
kode body diatas tadi yakni background yang memakai gambar, yaitu CSS template blog aku sendiri
Untuk memodifikasinya : pada Background diatas tadi aku memakai image (gambar), bila sahabat ingin mengganti dengan warna saja buat kodenya menyerupai ini :
body{background:#FFFFFF...}
di atas arahan tadi menciptakan background blog sahabat berwarna putih, bila sahabat ingin mengganti warna yang lain ganti arahan
#FFFFFF diatas, dan ganti dengan warna sesuai cita-cita sobat, untuk mencari HTML warna klik disini -> ColorSchemerOuter-Wrapper atau Wrapper
Outer-Wrapper ini yakni CSS untuk kolom body pada Template sobat, bukan body menyerupai arahan diatas tadi, tapi body disini yakni body yang menampung kolom postingan, header, sidebar, dll.
Biasanya arahan Outer Wrapper akan nampak menyerupai ini :
#outer-wrapper{width:980px;background:#fff;position:relative;border:5px solid #d9d9d9;margin:0 auto 20px;padding:0 0 20px 0;font-size:14px;text-align:left;overflow:hidden;}
Kode diatas tadi menciptakan kolom wrapper menyerupai template blog aku sendiri (agak berbeda sedikit)
Untuk memodifikasinya gampang saja cari arahan
#outer-wrapper bila tidak ditemukan cari arahan menyerupai ini #wrapper , bila sudah ditemukan, lihat lah arahan width yang berarti lebar, bervariasi lebar wrapper ini pada template-template, untuk mengganti lebar arahan wrapper tadi ganti width:980px dengan width:690px yang berarti lebar wrapper akan mengecil, atau sebaliknya, bila ingin menambahkan lebar nya buat css menyerupai ini width:1000px , atau sanggup sahabat variasikan sendiri ingin berapa lebar kolom wrapper pada template blog sobat.Header
Header yakni kolom daerah dimana terdapat logo blog kita atau text blog kita :
Biasanya css Header template sahabat akan nampak menyerupai ini :
#header-wrapper{overflow:hidden;height:130px;padding:0 20px}
itu yakni sangkar dari beberapa kolom di header, untuk memodifikasinya sangan mudah, mengubah tinggi header, lihat arahan
height di atas, gantilah ukuran 130px dengan 140px/120px sesuai cita-cita sobat, dan bila ingin mengganti warna background, tambahkan saja arahan background:#ff6666 , kemudian ganti dengan warna background cita-cita sobat,untuk memodifikasi gambar logo pada header cari saja arahan
#header img { dan silahkan sahabat sesuaikan dengan header-wrapper tadi.Untuk melengkapinya cari arahan#post-wrapperatau#posting, arahan tersebut yakni css untuk kolom postingan, dan cari arahan#sidebar {atau#sidebar-wrapper, arahan tersebut yakni css untuk kolom sidebar.
Selesai sudah artikel satu ini, maaf bila aku tidak sanggup memasukan semua inti dasar-dasar dari template blog, hanya itu saja yang sanggup aku beritahukan, untuk segala kekurangan aku ucapkan maaf, Wassalam.
