Tutorial ini akan mencakup langkah yang diperlukan untuk membuat sendiri template blogger. Banyak orang telah menggunakan blogger untuk menjalankan blog dan bertanya-tanya bagaimana mereka dapat membuat tema mereka sendiri untuk digunakan dengan hal itu. Ada sangat sedikitsulit untuk menemukan panduan tentang cara untuk melakukan ini, jadi saya telah memutuskan untuk mengambil tugas untuk membantu orang sebanyak yang saya bisa, membuat satu.
Untuk membuat template blogger, Anda akan memerlukan editor grafis (seperti Photoshop, GIMP, atau bahkan akan melakukan Paint) untuk membuat gambar untuk latar belakang, pasca header, sidebar, dll. Kami akan mendapatkan itu nanti.Anda juga perlu ide atau visi tentang apa yang ingin Anda buat. Tanpa itu, Anda hanya membuang-buang waktu Anda dan listrik. Terakhir, Anda perlu tahu tentang CSS (Cascading.Style.Sheets) dan bagaimana mengoperasikannya. Jika Anda tidak tahu bagaimana melakukan itu, Anda tidak dapat menerapkan efek menarik untuk template Anda yang baru dirancang (Seperti: Positioning gambar atau teks, latar belakang diulang menciptakan, bergerak di sekitar gambar dan teks dan lebih). A great panduan tentang bagaimana untuk memulai dengan ini tersedia di sini.
Setelah Anda mendapatkan semua yang Anda butuhkan, Anda harus memulai CSS Framework oleh meletakkan properti seperti
tubuh [background-color: # 000000; margin: 0 auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;}
# Judul [font-size: 32px; color: # 000011;}
begitu-on dan sebagainya. Daftar dasar dari tag yang diambil dari tema sederhana putih Blogger tersedia di sini: (File PDF) XML Tag Blogger Daftar Tentu CSS . Cara yang lebih mudah untuk melakukan ini adalah untuk menemukan tema yang Anda sukai dan copy dan paste CSS, menyuntingnya di sepanjang jalan sehingga waktu yang disimpan. Satu-satunya masalah dengan melakukan hal itu adalah bahwa setiap tema adalah rekayasa berbeda sehingga tag akan berubah.
Setelah Anda mengkonfigurasi CSS stylesheet, anda harus potong itu bersama-sama dalam HTML. Hal ini dapat dicapai dengan menggunakan struktur yang sama.
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b: widget id = 'Blog1' terkunci 'benar' = title = 'Posting Blog' type = 'Blog' />
</ b: section>
</ div>
Jangan lupa untuk referensi blogger template yang telah diciptakan untuk widget yang diperlukan yang Anda diharapkan untuk dimasukkan ke dalam tempat tertentu. Tanpa melakukan ini, Anda tidak bisa menyelesaikan membuat template Anda sendiri.
Sekarang bagian yang melelahkan yang Anda dapat lakukan sendiri yang dapat mengambil jam untuk menyelesaikan, atau menyalin dari situs lain dan mengedit sesuai. Blogger dikonfigurasi menggunakan widget. Semua posting Anda hanya satu widget besar maka kode atas sana. Contoh kode yang Anda bisa mengetik sendiri atau copy:
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'> <span class='post-author'>
<b: if cond = Data ': atas. showAuthor '>
<data:top.authorLabel/> <data:post.author/>
</ b: if>
</ span> class='post-timestamp'>
<b: if cond = 'data: atas. showTimestamp '>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class = '' expr: href = 'timestamp-data link: link permanen post.url' title = ' '> <data:post.timestamp/> </ a>
</ b: if>
</ b: if>
</ span> class='post-comment-link'>
<b: if cond = 'data ! blog.pageType = "item" '><b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' class='comment-link' expr:onclick='data:post.addCommentOnclick'> <b: if 'data: post.numComments == 1' cond => 1 <data:top.commentLabel/> <b:else/> <data:post.numComments/> <data:top.commentLabelPlural/> </ b: if> </ a>
</ b: if>
</ b: if>
</ span> class='post-icons'>
<! - link posting email ->
<b: if cond = 'data: post.emailPostUrl '>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'> < / span>
</ a>
</ span>
</ b: if><- QuickEdit pensil ->
<b:include data='post' name='postQuickEdit'/>
</ span> </ p><p class='post-footer-line post-footer-line-2'> <span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
< b: nilai-nilai loop = 'data: post.labels' var = 'label'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/> </ a> < b: if 'data: label.isLast = "true"! "cond =>, </ b: if>
</ b: loop>
</ b: if>
</ span> </ p>
Kode yang diterjemahkan ke dalam istilah manusia mengontrol apa yang terjadi di bagian bawah setiap posting ... Dalam hal ini penulis, waktu, komentar link dan label. Untuk mengambil kode dari template lain, cukup klik "Expand Template Widget" tombol dan berada di bawah stylesheet pada template tertentu.
Sebagian besar membuat template hanyalah coba-coba. Jika Anda melihat kode dan mencoba untuk potong itu bersama-sama sedikit demi sedikit .. Anda akhirnya akan berhasil dan menuai balasan dari membuat satu . Saya harap tutorial ini telah mencakup semua yang anda butuhkan dan komentar / saran akan sangat dihargai karena akan menjadi besar jika tutorial ini akan menjadi sumber satu atap untuk semua Blogger CMS (Content Management System) pengguna.
* Update *
Setiap bagian yang berbeda dari kode di dalam template tidak perlu digunakan dan dapat dimodifikasi agar sesuai dengan apa yang Anda ciptakan. Misalnya, Anda tidak perlu menyertakan "Label" dalam setiap posting jika akan membuat desain yang Anda buat tampak mengerikan. Kemudian lagi, Itu semua di mata yang melihatnya karena setiap orang memiliki selera yang berbeda.
Tidak ada komentar:
Posting Komentar