Cara menyesuaikan Template Blog Dengan Mudah

Cara menyesuaikan Template Blog Dengan Mudah - Halo pembaca !! Artikel ini membahas semua tentang "Bagaimana cara untuk menyesuaikan template Blog". Template juga disesuaikan dapat meningkatkan reputasi blog Anda, banyak di antara pembaca blog Anda semua orang ingin menggunakan template yang unik dan stylish, Sehingga dapat menangkap mata pengunjung dan untuk mengkonversi pengunjung menjadi pembaca reguler. Template adalah hal yang paling penting bagi sebuah blog, itu membuat blog Anda mampu untuk menarik pengunjung atau tidak. Template Anda harus terlihat cukup menarik dan mudah dinavigasikan sehingga dapat terhubung dengan pembaca blog Anda. kita lansung pada pembahasannya yaitu :

Menyesuaikan template

Ada banyak template yang tersedia dalam internet dan sebagian besar blogger menerapkan template ke blog mereka. Tapi seperti dalam arti Template tersebut tidak memiliki tag unik dalam gaya mereka atau kustomisasi karena template yang dipublikasikan untuk umum. Sebagai pengembang Template yang bukan masalah besar untuk menyesuaikan atau membuat tema baru atau template dari awal tapi bagaimana dengan yang baru memulai dan pemula blogger? Apakah itu pekerjaan mudah bagi mereka? Dapatkah mereka menyesuaikan template mereka sendiri? Ya mereka bisa tetapi tidak begitu baik. Penyebab Template Kustomisasi adalah kerja keras dan membutuhkan banyak pasien, tetapi Anda dapat menyesuaikan beberapa hal dasar dalam template Anda dan artikel ini adalah semua tentang hal itu.
Di bawah ini kami telah disebutkan beberapa syarat dan tag penting, setelah menyesuaikan mereka, Anda dapat membuat template yang unik dan stylish. Jadi di sini kita pergi.

Tubuh

Tubuh adalah bagian utama dari template blog Anda. Ini memegang seluruh struktur template blog Anda. Dimulai Dengan dan berakhir dengan di antara itu ada berbagai jenis pengkodean widget yang berbeda. Anda dapat menyesuaikan tubuh dengan menambahkan beberapa latar belakang keren dan bergaya di dalamnya juga Anda dapat menambahkan beberapa gaya font default dan font yang warna. di bawah kita telah memberikan contoh CSS yang bertanggung jawab untuk gaya tubuh blog Anda.

body {
color: # 464646;
font-family: 'Lora', serif;
font-size: 14px;
background: #ffffff;
}

Sekarang di css di atas Anda dapat melihat ada latar belakang, warna, font-family dan font-size sekarang #ffffff ini bertanggung jawab untuk warna latar belakang Anda dapat menempatkan setiap warna latar belakang dengan mengubah nilai ini, Anda dapat mencoba kode warna pembangkit lebih kode warna. Font-family, warna dan font-size bertanggung jawab atas kustomisasi font default.
Catatan: Anda dapat menambahkan gambar dan bukan warna di latar belakang tubuh Anda, untuk menambahkan gambar hanya menambahkan ini nilai latar belakang

Tajuk

Header adalah salah satu bagian yang paling penting dari setiap blog atau template blogger. Biasanya Header digunakan untuk menempatkan logo blog atau judul tetapi Anda juga dapat menambahkan beberapa widget tambahan seperti navigasi , tempat iklan, SocialSubscription widget , widget pencarian dan banyak lagi. Tapi jika Anda hanya memiliki satu ruang untuk menambahkan widget ke header daripada Anda harus menyesuaikan header, sehingga dapat dibagi menjadi dua bagian. Anda perlu menambahkan beberapa css dan HTML dalam template Anda.

Pergi ke Blogger> Desain> Edit HTML
Cari]]>
dan di atas itu paste kode CSS berikut.

/ * ------ Header ----- * /
# Header-wrapper {
width: 960px;
color: # 000;
margin: 30px auto 0;
padding: 0px;
overflow: hidden;
}
# Header-inner {
background-position: left;
background-repeat: no;
}
.headerleft h1, .headerleft h1 a, .headerleft h1 a: hover, .headerleft h1 a: visited {
color: # BF0100;
font-size: 36px;
font-family: 'Ultra', serif, Arial;
font-weight: bold;
margin: 0;
padding: 0px 0 5px 0;
text-decoration: none;
text-shadow: 6px 6px 4px # ccc;
line-height: 1.2em;
}
.headerleft h3 {
font-family: arial, tahoma, Sans-Serif;
font-weight: normal;
margin: 0;
padding: 0;
}
.headerleft .description {
color: # 3B3B3B;
Font: 12px tebal Helvetica, arial, sans-serif;
margin: 0px;
padding: 0 0 20px 0;
text-shadow: 4px 4px 6px # ccc;
}
.headerleft {
width: 450px;
float: kiri;
margin: 0;
padding: 0;
height: 80px;
}
.headerright {
width: 468px;
height: 80px;
float: right;
margin: 0px;
padding: 1px 0 0 0;
}

Sekarang cari <body> untuk dan tepat di bawah ini menyisipkan coding berikut ini:

<Div id = 'header-wrapper'>
<Div class = 'headerleft'>
<B: section class = 'headerleft' id = 'headerleft' maxwidgets = '1' showaddelement = 'no'>
<B: widget id = 'Header1' locked = 'true' title = 'The SB Lab (Header)' type = 'header' />
</ B: section>
</ Div>
<Div class = 'headerright'>
<B: section class = 'headerright' id = 'headerright' maxwidgets = '1' showaddelement = 'yes'>
</ B: section>
</ Div> </ div>

Sekarang Anda telah berhasil membagi blog Anda sundulan menjadi dua bagian, jadi sekarang mari kita menyesuaikannya. Pada awalnya kita akan melihat pada latar belakang. Hanya mengubah kode warna ke css itu atau Anda juga dapat menambahkan gambar apapun sebagai latar belakang .. Anda dapat mengubah gaya font default judul header dengan mengubah nilai Font-keluarga ke dalam css sundulan. Anda juga dapat mengubah ukuran warna, Anda dapat menambahkan efek bayangan ke dalam teks Catatan: . Pengkodean di atas diambil dari MBT.

Daerah pasca

Sekarang ini adalah sesuatu yang sangat penting bagi blog atau template blog karena ia membawa bagian konten Anda blog Anda. Jadi dengan kata sederhana yang dapat menyesuaikan posting Anda dalam mengikuti cara.

Menyesuaikan judul dan sub-judul tag.

Pada dasarnya tag ini ditandai dengan h2 dan h3 atribut. Anda dapat mengubah gaya mereka hanya menyesuaikan cs / div>

.post h2 {
Font: bold 210% Arial, sans-serif;
line-height: 1.2em;
margin: 0 0 7px;
padding: 3px 0px;
}
.post h3 {
color: # 4E555A;
border-top: 1px dotted # 4E555A;
border-bottom: 1px dotted # 4E555A;
}

Setelah menemukan css yang tepat Anda dapat mengubah latar belakang, font-style-nya dll Anda juga dapat menambahkan berbagai jenis perbatasan di dalamnya

Menambahkan widget berguna

Menambahkan widget di pos daerah selalu sangat membantu dan penting untuk blog Anda. Anda dapat menambahkan widget berbagi sosial di bawah posting , posting penulis kotak dan pasca widget terkait untuk membuat blog Anda yang indah dan juga widget ini akan membantu pembaca Anda.

Sidebar

Tidak ada banyak untuk menyesuaikan di side bar Anda dapat menyesuaikan judul widget sidebar dengan mengedit nilai h2 sidebar di css nya. Anda dapat menambahkan border, background, font-style dll.

begitulah cara nya untuk blogger pemula menghiasi template blog, ini akan lebih mudah dan simpel. saya harap ini bisa beguna untuk kalian semua. jangan lupa like,share, komen.