Ternyata itu cukup mudah untuk membangun sendiri, tetapi Anda perlu tahu beberapa barang sebelum tangan. Masalahnya adalah, Anda perlu memahami cara kerjanya dan harus memiliki gagasan tentang bagaimana blog Anda seharusnya.
Apakah ini untuk Anda?
Pertanyaan di atas terutama tergantung pada keterampilan pengembangan web Anda. Anda harus memiliki beberapa keterampilan mendesain web dasar. Anda tidak perlu menjadi master dalam desain web, tetapi beberapa pengetahuan dasar tentang CSS, HTML, JavaScript & kesadaran XML akan melakukan. Anda dapat mempelajari dasar-dasar teknologi ini di w3schools.comBagaimana blogger bekerja?
Ketika kita mengirimkan kode template XHTML untuk blogger itu disimpan dalam database blogger. Ketika blog ini akan diminta melalui browser, Blogger Parser mem-parsing kode dan mengirimkan kembali output HTML dari kode XML parsing yang akan ditampilkan dalam browser.
Dasar Tata Letak
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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>
<title><data:blog.pageTitle/></title>
</head>
<body>
<!-- BODY CONTENTS -->
</body>
</html>xmlns: b - mengakses elemen blogger
xmlns: Data - adalah di mana data blog berasal dari
xmlns: expr - digunakan untuk menghitung ekspresi untuk atribut (akan melihat ini segera)
Catatan: Anda dapat mengubah nama namespace atas dari b ke blog atau data untuk d kapan saja. Tapi yang terbaik untuk tetap dengan apa yang default.
Sebelum bergerak sepanjang, memiliki tata letak singkat tentang bagaimana blog Anda akan terlihat. Sketsa tata letak struktur blog Anda. Ambil selembar kertas, mulai menggambar tata letak atau Anda bisa menggunakan aplikasi seperti LucidChart dan kawat-frame desain yang Anda ingin blog Anda menjadi. Mengidentifikasi unsur-unsur seperti,- Di mana harus menu datang dan bagaimana seharusnya terlihat.
- Bagaimana tempat akan muncul, apakah itu 2 kolom atau 3 kolom tata letak.
- Di mana harus widget muncul dll
Bagian di blogger
Layout template Blogger dirancang dengan Bagian. Bagian adalah orang-orang yang membuat tata letak halaman web (seperti header, footer, sidebar dll). Hal ini seperti bagian dalam HTML5.
gambar di atas menunjukkan beberapa sampel layout halaman web yang akan memberi Anda gambaran tentang apa bagian dari halaman web mungkin.
bagian Sintaks
Sintaks untuk membuat bagian dalam blogger ditunjukkan di bawah ini. Ada dapat kode HTML di sekitar kode bagian, tapi ada tidak dapat apapun HTML dalam kode bagian. Untuk menentukan isi dari bagian kita harus menggunakan elemen Widget di blogger, yang akan dibahas segera.Setiap tag bagian memiliki sintaks berikut, yang mirip dengan elemen HTML dengan atribut.
<b:section id='' class='' maxwidgets='' showaddelement=''>
</b:section>Atribut bagian
id (Diperlukan) - Sebuah nama yang unik, dengan huruf dan angka saja.kelas (Opsional) - nama kelas umum adalah 'navbar,' 'header,' 'utama,' 'sidebar,' dan 'footer'. Jika Anda beralih template kemudian, nama-nama ini membantu Blogger menentukan cara terbaik untuk mentransfer lebih dari konten Anda. Namun, Anda dapat menggunakan nama yang berbeda, jika Anda suka.
max widget (Opsional) - Jumlah maksimum widget yang dapat ditambahkan di bagian ini. Jika Anda tidak menentukan batas, tidak akan ada satu.
show add elemen (Optional) - Bisa 'ya' atau 'tidak,' dengan 'ya' sebagai default. Ini menentukan apakah tab Elemen Halaman akan menampilkan 'Tambahkan Elemen Halaman' di bagian ini. Silahkan lihat pada gambar yang ditunjukkan di bawah,
Bagian - "showaddelement" atribut
Sebuah bagian dapat berisi widget. Tidak dapat berisi bagian lain atau kode lainnya. Jika ada kebutuhan untuk menambahkan kode di sekitar atau di dalam suatu bagian, bagian harus dipisahkan menjadi dua bagian yang berbeda.
contoh Kode
<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
<!-- Section contents -->
</b:section>
<b:section id='main' class='main' maxwidgets="1" showaddelement="no">
<!-- Section contents -->
</b:section>
<b:section id='footer' class='footer' showaddelement="no">
<!-- Section contents -->
</b:section>
Catatan: Secara default harus ada setidaknya dua b: section tag atau blogger lain akan melempar kesalahan.
Tags widget
Bagian yang dibuat terutama menggunakan widget. Bagian hanya elemen tata letak, widget adalah dengan mana data yang sebenarnya akan ditampilkan. Sebuah widget di bentuk yang paling sederhana, hanya satu tag, yang merupakan tempat bagi apa yang akan muncul di halaman elemen. Ada beberapa widget default yang tersedia di blogger dan widget kustom juga dapat dibuat. Data untuk widget disimpan dalam database blogger dan diakses hanya ketika widget yang akan ditampilkan.widget Sintaks
<b:widget id='' locked='' mobile='' title='' pageType='' type='' />Jenis (Diperlukan) - Menunjukkan jenis widget itu, dan harus menjadi salah satu jenis widget valid tercantum di bawah ini.
Jenis berbagai widget yang,
- Arsip Blog
- Blog
- Makan
- Header
- HTML
- SingleImage
- Linklist
- Daftar
- Logo
- BlogProfile
- navbar
- VideoBar
- Newsbar
Elemen Halaman - Widget 'terkunci' atribut
title (Opsional) - Sebuah judul tampilan untuk widget. Jika tidak di tentukan, judul bawaan seperti 'List1' akan digunakan.pageType (Optional) - Bisa 'semua,' 'arsip,' 'utama', atau 'item,' dengan 'semua' sebagai default. Widget akan menampilkan hanya pada halaman yang ditunjuk dari blog Anda. (Semua widget ditampilkan pada tab Elemen Halaman, terlepas dari pageType mereka.)
seluler (Optional) - Bisa 'ya', 'tidak,' atau 'hanya' dengan 'default' sebagai default. Ini memutuskan jika widget akan ditampilkan pada ponsel atau tidak. Hanya Header, Blog, Profil, PageList, AdSense, Atribusi akan ditampilkan pada ponsel ketika atribut mobile 'default'.
contoh Kode
<b:section id="sidebar" class="sidebar" maxwidgets="" showaddelement="yes">
<b:widget id='CustomSearch1' title='Search' type='CustomSearch' locked='false'/>
<b:widget id='FollowByEmail1' title='Follow By Email' type='FollowByEmail' locked='false' />
<b:widget id='PopularPosts1' locked='false' title='Popular On Relatemein' type='PopularPosts'/>
<b:widget id='Label1' type='Label' locked='false' />
</b:section>Baca Berikutnya - Blogger Template Desain dari Scratch - Edisi dua
Assalamualaikum.wr.wb. perkenalkan nama saya Ibu Anita Tki Malaysia, saat menulis ini saya teringat memory masa lalu.saya sangat tergugah hati melihat coretan hati yang Ibu tulis. saya jadi teringat tentang masa-masa sulit dulu,karena iktiar dan usaha , seolah2 menjadi dendam bukan lagi motivasi, cuma satu tujuan saya pada saat bagaiman caranya untuk bangkit..singkat kata berbagai macam iktiar dan cara yang saya lalui, mengingat pada saat itu hutang saya 1,2m yang tidak sedikit, belum lagi bunga renternir yang bertambah. karena usaha, kesungguhan hati, akhirnya menemukan jalan /solusi . saya percaya ALLAH ITU TIDAK DIAM MAHA PENYAYANG , cobaan itu bukan lah ujian tapi hadiah yang tersilmut untuk kebahagiaan yang sebenar2nya. Sudah banyak para normal yg kami mintai angka togel dan uang gaib cuma Ki Witjaksno yg berhasil alhamdulillah itu betul-betul terbukti tembus. jika anda ingin seperti saya silahkan hubungi Ki Witjaksno:0852_2223_1459. ingat kesempatan tidak akan datang untuk yang kedua kalinya
ReplyDeleteSUPAYA LENGKAP KLIK-> PESUGIHA TOGEL TANPA TUMBAL
kok sama artikelnya http://www.codedodle.com/2014/10/blogger-template-design-scratch-section-widget.html
ReplyDelete