Sedikit Info Seputar
Modifikasi Template Bagi Blogger Pemula
Terbaru 2017
- Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Modifikasi Template Bagi Blogger Pemula, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang
Artikel Template Hack, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Modifikasi Template Bagi Blogger Pemula
Terbaru
link: Modifikasi Template Bagi Blogger Pemula
Berbagi Modifikasi Template Bagi Blogger Pemula Terbaru dan Terlengkap 2017
Modifikasi Template |
Memodifikasi Dasar-Dasar CSS Template Blog
Untuk memodifikasi sebuah template sangatlah mudah disini saya telah membagikan dasar-dasar pada Template sobat, silahkan disimak.
Body
body{
atau body {
, jika tidak ditemukan keduanya, fokuskan pencarian pada kode bodybody {
akan terlihat seperti ini pada template sobat :body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj20qKRrGgOE5WiW9s7ufcAVCusG2RyCZhtZLzQCY4jM5NPVAXof2re7yfVdPBHqnRYve96aYmDJVIWh0_ZtgEQmGbz0IeERz5rxXl3gSYoAhxw1SHbm4wlFaFWWUVYWU3blpg99KMkXhCa/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 adalah background yang menggunakan gambar, yaitu CSS template blog saya sendiri
Untuk memodifikasinya : pada Background diatas tadi saya menggunakan image (gambar), jika sobat ingin mengganti dengan warna saja buat kodenya seperti ini :
body{background:#FFFFFF...}
#FFFFFF
diatas, dan ganti dengan warna sesuai keinginan sobat, untuk mencari HTML warna klik disini -> ColorSchemerOuter-Wrapper atau Wrapper
Outer-Wrapper ini adalah CSS untuk kolom body pada Template sobat, bukan body seperti kode diatas tadi, tapi body disini adalah body yang menampung kolom postingan, header, sidebar, dll.
Biasanya kode Outer Wrapper akan nampak seperti 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 membuat kolom wrapper seperti template blog saya sendiri (agak berbeda sedikit)
#outer-wrapper
jika tidak ditemukan cari kode seperti ini #wrapper
, jika sudah ditemukan, lihat lah kode width
yang berarti lebar, bervariasi lebar wrapper ini pada template-template, untuk mengganti lebar kode wrapper tadi ganti width:980px
dengan width:690px
yang berarti lebar wrapper akan mengecil, atau sebaliknya, jika ingin menambahkan lebar nya buat css seperti ini width:1000px
, atau bisa sobat variasikan sendiri ingin berapa lebar kolom wrapper pada template blog sobat.Header
Header adalah kolom tempat dimana terdapat logo blog kita atau text blog kita :
Biasanya css Header template sobat akan nampak seperti ini :
#header-wrapper{overflow:hidden;height:130px;padding:0 20px}
height
di atas, gantilah ukuran 130px
dengan 140px
/120px
sesuai keinginan sobat, dan jika ingin mengganti warna background, tambahkan saja kode background:#ff6666
, lalu ganti dengan warna background keinginan sobat,untuk memodifikasi gambar logo pada header cari saja kode
#header img {
dan silahkan sobat sesuaikan dengan header-wrapper
tadi.Untuk melengkapinya cari kode#post-wrapper
atau#posting
, kode tersebut adalah css untuk kolom postingan, dan cari kode#sidebar {
atau#sidebar-wrapper
, kode tersebut adalah css untuk kolom sidebar.
Selesai sudah artikel satu ini, maaf jika saya tidak bisa memasukan semua inti dasar-dasar dari template blog, hanya itu saja yang bisa saya beritahukan, untuk segala kekurangan saya ucapkan maaf, Wassalam.