10/31/2014 11:28:00 PM
Persyaratan Untuk Membuat Template Blogger
Pertama-tama, saya ingin menyebutkan persyaratan yang setiap orang harus memiliki untuk merancang atau membuat template blogger karena setiap orang biasa tidak bisa dengan mudah membuat blogger template
dibutuhkan beberapa keterampilan. Hal pertama adalah bahwa, Anda harus tahu Blogger.com sempurna. Cara
membuat blog, membuat tulisan dan halaman, melakukan sedikit
penyesuaian, bermain dengan gadget dan juga bagaimana platform ini
benar-benar bekerja. Setelah ini, Pengetahuan dasar desain web yang diperlukan di mana HTML dan CSS yang paling penting. Dalam blogger, Kita dapat menggunakan HTML, CSS, XML dan JavaScript. Jika Anda tahu semua bahasa ini maka Anda tidak akan menghadapi masalah dalam merancang template blogger profesional .
Langkah 1 Mempersiapkan Pengujian / Demo Blog Untuk Membuat Template
Ini adalah hal yang umum bahwa sebelum membuat setiap template blogger Anda akan membuat blog demo untuk template itu. Jadi, membuat blog dan mempublikasikan lebih dari 10 + tulisan di atasnya. Harus ada satu gambar, semua pos, 4-5 paragraf teks, daftar bernomor, daftar peluru dan kutipan dalam setiap pos. Kami
akan merancang ini masing-masing dan setiap hal sehingga membuat 10 +
posting dengan ini segala sesuatu dan juga mengintegrasikan beberapa
widget penting dalam footer atau sidebar. Setelah itu, Anda
dapat menggunakan default template di atasnya tapi segera kami akan
menghapusnya dan desain template lain di atasnya.
Langkah 2 Memahami Dasar Struktur Template Blogger
Sebelum memulai template kita harus memahami struktur dasar dari template blogger. Kita juga dapat mengatakan bahwa kita akan membuat halaman kosong sederhana template blogger. Jadi, saya sudah mempersiapkan coding dasar yang akan membantu Anda untuk memahami struktur dasar.
Dalam coding dasar di atas, Anda akan melihat bahwa ada XML dan HTML tag di awal yang berarti bahwa ini dibangun dengan XML dan HTML. Perpanjangan utama untuk coding ini akan .XML. Jika Anda menyalin coding di atas dan paste dengan seluruh coding dari template maka akan disimpan dan akan menunjukkan apa-apa di blog karena ini adalah sederhana halaman HTML kosong. Mari kita memahami struktur dasar. 1. XML dan HTML tags : Seperti yang saya sudah bilang bahwa XML dan HTML tag adalah tag utama di mana seluruh template akan disimpan. Jika kita ingin menyimpan template ini di komputer maka kita akan memilih kstensi .XML sambil menyimpan karena blogger hanya mendukung file yang .XML template. 2. Panjang <title> Coding: Jika Anda melihat dalam kode judul di bawah <head> Anda akan melihat coding panjang antara <title> tag. Pada dasarnya, itu disesuaikan title coding yang memiliki banyak manfaat. Kami telah menggunakan tag kondisional untuk menyesuaikan judul coding ini. Kondisipertama mengatakan bahwa jika seseorang membuka situs atau indeks halaman utama maka akan menulis judul blog sebagai judul halaman web. Kondisi kedua adalah untuk menunjukkan posting atau halaman judul pertama dan menunjukkan judul blog setelah posting atau judul halaman. Dalam yang terakhir, ada 404 error page title coding. 3. <B: skin> Tag Untuk Menyimpan Stylesheet: Ada tambahan dibangun pada tag untuk blogger template untuk menggunakan <b: skin> tag dengan CDATA untuk menyimpan seluruh CSS atau stylesheet dari blog. Dalam tag ini, Anda hanya akan melihat CSS yang digunakan dalam seluruh blog. Jadi, setiap CSS yang akan Anda tulis harus ditempatkan dalam tag tersebut. 4. <B: section> Tags Untuk Widget: Dalam blogger, kita menggunakan tag ini untuk membuat widget. Hal yang paling penting seperti Judul Blog dan Konten dilakukan dengan menerapkan widget di template. Singkatnya, ada widget default yang untuk Header dan Blog Content yang kita gunakan saat membuat template. Untuk membuat widget, kita harus menutupi mereka dengan <b: section> tag yang akan membantu kita untuk mempersiapkan tata letak halaman.<? Xml version = "1.0" encoding = "UTF-8"?> <DOCTYPE html!> <html xmlns = 'http: //www.w3.org/1999/xhtml' xmlns: b = 'http: // www.google.com/2005/gml/b 'xmlns: data =' http: //www.google.com/2005/gml/data 'xmlns: expr =' http: //www.google.com/2005/ gml / expr '> <head> <b: include data = 'blog' name = 'all-head-content' /> <title> <b: if cond = 'data: blog.pageType == & quot; index & quot;' > <data: blog.pageTitle /> <b: else /> <b: if 'data: blog.pageType = & quot; error_page & quot;!' = cond> <data: blog.pageName /> | <data: blog.title /> <b: else /> Halaman Tidak Ditemukan | <data: blog.title /> </ b: if> </ b: if> </ title> <b: skin> <[CDATA [ body { background: putih, warna: hitam; } # {Navbar1 dispaly: none penting;}! ]]> </ b: skin> </ head> <body> <b: section class = maxwidgets 'navbar' id = 'navbar' = ' 1 'showaddelement =' no '> <b: widget id = 'Navbar1' locked = '' title = 'true Navbar' type = 'Navbar' /> </ b: section> </ body> </ html>
Langkah 3 Membuat header
Setelah mengetahui struktur dasar, mari kita mulai dengan membuat header blog. Pada dasarnya, ada dua hal yang penting untuk membuat template blogger. Pertama adalah Header dan kedua adalah Blog Content. Hal-hal lain yang juga penting tetapi ini adalah yang paling yang. Kami akan menggunakan widget kustom Header dan akan menyesuaikan sesuai dengan kebutuhan kita. Pada dasarnya, Header widget dan Anda tahu untuk membuat widget, kita harus membuat bagian untuk widget satu atau beberapa. Salin kode di bawah dan paste di mana saja di <body> template di mana Anda ingin menampilkan widget Header.
<B: section class = 'header' id = 'header' maxwidgets = '1' showaddelement = 'no'>
<b: widget id = 'Header1' locked = title = '' type = '' true 'header'> < / b: widget>
</ b: section>
# header {}
#header h1 {}
#header h1 a {}
# header .description {}
Langkah 4 Membuat Halaman menu Widget
Aku lupa menyebutkan widget menu halaman yang juga penting untuk menciptakan menu. Semacam itu menu hanya menampilkan link tersebut yang sebenarnya halaman yang dibuat di blog blogger. Dalam
standar blogger template, itu sebagian besar digunakan jadi di sini
saya akan mengajarkan Anda bagaimana kita dapat menerapkannya dalam blog
kita. Aku hanya akan memberikan Anda default XML dan HTML coding dan akan menunjukkan jalan Anda untuk merancang bahwa dengan CSS. Jika Anda dikenal dengan HTML dan CSS maka Anda dapat dengan mudah membuat menu kustom ada di mana saja di template. Tapi untuk menu halaman ini, Anda mungkin menghadapi masalah. Mari kita mulai.
Menu widget halaman ini juga dilakukan dengan membuat widget bagian dan widget. Jadi,
di bawah ini saya akan memberikan kode lain yang akan memiliki bagian
tag dan akan ada halaman daftar widget yang merupakan hal utama. Hanya menempatkan di bawah coding mana saja di mana Anda ingin muncul bahwa widget menu halaman.
<B: section class = 'tab' id = 'crosscol' maxwidgets = '1' showaddelement = 'yes'>
<b: widget id = 'PageList1' = terkunci 'false' title = 'Halaman' type = 'PageList'>
</ b: widget>
</ b: section>
.tabs {}
{} #corsscol
PageList1 # {}
{} # PageList1 ul
ul li {} # PageList1
# PageList1 ul li a {}
Langkah 5. Menciptakan Blog atau Konten Widget
Ini adalah hal utama harus penting sebagian besar dari semua. Dalam blogger, kita membuat widget standar yang posting sebenarnya widget. Di halaman tata letak, Anda mungkin telah melihat widget bernama besar Blog Posts. Kita
dapat dengan mudah membuat standar posting blog widget dengan sedikit
coding tapi menyesuaikan bahwa sesuai dengan kebutuhan kita dapat
sedikit sulit. Pertama-tama, membuka editor html di blogger dan paste berikut posting blog kode widget di sana.
<B: section class = 'main' id = 'main' = pilihan 'yes' showaddelement = 'no'>
<b: widget id = 'Blog1' locked = title 'benar' = 'Posting Blog' type = 'Blog' >
</ b: widget>
</ b: section>
Langkah 6 Membuat Gadget Kustom Area Anda suka Sidebar dan Footer
Di atas lima langkah akan mendapatkan template sederhana namun membuat
daerah gadget kustom dapat berguna seperti membuat sidebar, footer dan
area gadget yang diperlukan gadget lainnya. Jadi, pada
langkah ini kita akan belajar bahwa bagaimana kita bisa dengan mudah
membuat bagian gadget kustom dalam tata letak blogger. Kami hanya akan menulis <b: section> tag di mana kita dapat menambahkan widget sebagai lebih seperti yang kita inginkan. Pergi ke html editor dan paste kode berikut di mana saja Anda ingin membuat area gadget atau bagian.
<B: section class = '' id = '' maxwidgets = '' showaddelement = 'yes'>
</ b: section>
Langkah 7 Menyiapkan Page Layout
Sementara membuat template, juga mengurus tata letak halaman di blog blogger karena halaman yang tergantung pada template blog. Jika
Anda melakukan hal-hal dengan benar maka tidak akan mendapatkan kacau
tetapi jika Anda menghadapi masalah maka kita sudah solusi untuk ini. Kita dapat mengatur ulang widget dan bagian gadget sana melalui menggunakan CSS sederhana. Dan untuk apa, saya sudah menulis posting besar pada memperbaiki tata letak halaman blogger kacau . Untuk menata ulang widget pada halaman tata letak, kita akan menggunakan CSS dan akan menjadi seperti ini.
tubuh # tata letak #widgetID {Properties Untuk Widget Di Page Layout Goes Here}
body # tata letak widgetID2 # {Properties Untuk Widget Di Page Layout Goes Here}
body # tata letak widgetID3 # {Properties Untuk Widget Di Page Layout Goes Here}
body # tata letak # widgetID3 {Properties Untuk Widget Di Page Layout Goes Here}
Petunjuk Lanjut
Siapapun yang memiliki pengetahuan dasar tentang mendesain web dapat
mengembangkan template blogger hanya dengan menggunakan HTML sederhana
dan CSS. Pemula mungkin menghadapi masalah dalam memahami
struktur template blogger tetapi jika Anda terus melakukan latihan maka
Anda dalam beberapa hari, Anda bisa menjadi ahli dalam hal itu. Mereka
web desainer yang dapat membuat HTML Template atau tema lainnya
platform blogging maka saya tidak berpikir mereka akan menghadapi
masalah apapun. Bahkan merancang template blogger adalah salah satu yang paling platform termudah daripada yang lain.
Di atas kita hanya menciptakan sederhana template blogger yang berisi tulisan header, menu halaman dan blog. Tidak ada sidebar dan footer dalam template di atas. Anda
dapat membuat sidebar dengan memberikan lebar khusus untuk posting
widget, mengambang posting blog widget ke kiri dan membuat bagian lain
yang akan sidebar. Anda akan perlu untuk mengapung sidebar
di kanan dan juga memberikan lebar tersebut kepada orang-orang posting
blog dan bagian sidebar yang kedua ini harus sesuai di daerah. Anda
dapat melakukan lebih banyak percobaan dengan blogger template desain
dan juga Anda dapat menutupi setiap bagian widget dengan tag HTML div
tertentu.
Sewaktu membuat blogger template, kadang-kadang saya menggunakan Inspect Element di Google Chrome yang umum alat coding dan membantu untuk mengedit halaman Web manapun. Ini juga akan membantu Anda menemukan Class dan ID tag spesifik apa pun dan Anda dapat menyesuaikan mereka melalui CSS.
Kata Akhir
Jadi teman-teman, itulah bagaimana kita dapat dengan mudah membuat template blogger dari awal. Ini adalah dasar-dasar membuat template blogger tapi saya sarankan Anda untuk terus melakukan praktik yang akan membantu Anda menjadi lebih
nyaman dalam coding blogger template. Saya berharap sedikit panduan ini akan membantu Anda dalam memahami struktur blogger template dan merancang mereka. Jika Anda baik dalam desain web maka Anda bisa menjadi profesional blogger template desainer. Best of luck dalam mengembangkan blogger template. Have a nice day!
Tags: Template, Menciptakan blog atau konten widget.
Tags: Template, Menciptakan blog atau konten widget.
