Saya sangat senang mengumumkan rilis WP-Polaroid untuk Blogger! Template ini penuh dengan fitur keren dan membutuhkan waktu lama untuk mengkonversi dari tema WordPress asli (oleh Adii) jadi semoga Anda menghargainya.
Template ini sangat populer di kalangan pengguna WordPress dan untuk alasan yang bagus. Ini bergaya, ditata dengan baik, dan sangat web 2.0. Tidak hanya itu, juga ada elemen halaman sidebar berikut yang ada di dalamnya. Anda hanya perlu mengkonfigurasinya (ikuti petunjuk di bawah ini) agar mereka dapat bekerja dengan semestinya.
- Flickr foto slideshow area di mana Anda dapat menampilkan gambar pribadi atau acak
- Bagian pembaca blog Mybloglog baru-baru ini (Anda memerlukan akun mybloglog)
- Tiga tempat iklan 125 × 125 untuk membantu Anda menghasilkan uang dari blog Anda
- Daftar posting terbaru
- Daftar komentar terbaru
- Dua daftar link sidebar
- Tautan navigasi halaman di header
- RSS feed untuk posting dan komentar anda
- Tempat header untuk menampilkan foto pribadi Anda
Pastikan untuk membaca semua langkah di bawah agar template berfungsi di blog Anda dengan benar. Saya mencoba membuatnya sesederhana mungkin dengan menggunakan Elemen Halaman alih-alih kode yang disematkan, namun jika Anda memiliki pertanyaan, silakan poskan di bawah ini. Saya biasanya kembali ke semua orang dalam waktu 24 jam jadi mohon bersabarlah!
Juga, perlu diketahui bahwa untuk menyiapkan template ini dengan benar, Anda harus merasa nyaman dengan mengedit kode template dan juga beberapa pengalaman dengan perangkat lunak pengedit foto (lihat langkah # 9). Saya tidak suka Anda menghabiskan banyak waktu untuk mencoba template ini bekerja hanya untuk mencapai blok jalan menjelang akhir.
Instalasi Blogger WP-Polaroid
Sekarang aku akan jujur denganmu sebelum kita mulai. Bila Anda menggunakan template ini, kemungkinan besar Anda harus menghapus semua elemen halaman yang ada dan mulai dari awal. Tidak hanya ini yang paling mudah tapi juga memberi Anda daftar bersih. Sekarang ini tidak selalu terjadi tapi saya hanya ingin memperingatkan Anda dimuka. Anda bahkan mungkin ingin menyiapkan blog baru di Blogger untuk menguji template ini sebelum Anda benar-benar mulai menggunakannya. Ini mudah dilakukan - cukup masuk ke dasbor Blogger Anda (tautan kanan atas pojok kanan) dan "buat blog baru". Anggap saja sebagai area pengujian sebelum menggadaikan blog Anda yang ada. Pilihan lainnya adalah mencoba dan membuat cadangan elemen halaman yang ada yang dijelaskan di artikel "Cara Menginstal Template Blogger XML".
Penafian: Saya tidak bertanggung jawab jika Anda mengacaukan situs Blogger Anda. Template dan kumpulan instruksi ini gratis namun tidak disertai garansi apapun. Saya yakin Anda sudah menyadari hal ini tapi saya hanya ingin menutupi pantat saya. (Ini bagus cetaknya)
10 langkah berikut mengasumsikan Anda telah menginstal template WP-Polaroid Blogger baru dan sekarang siap untuk mengkonfigurasi elemen halaman. Jika Anda kesulitan menginstal template, cobalah menerapkannya untuk kedua kalinya dan simpan. Blogger adalah buggy dan itulah yang harus saya lakukan saat membuat blog demo untuk penulisan ini (Update - Anda mungkin ingin memulai dengan langkah # 10 dan kemudian kembali ke langkah # 1 karena melibatkan pengeditan kode template sebenarnya sebelum menyetel Up elemen halaman).
Anda juga dapat mendownload Photoshop asli .psd dari situs Adii jika Anda ingin memodifikasi gambar. Dia juga menyediakan beberapa langkah untuk menyiapkan template tapi untuk WordPress saja.
Buka situs blog Anda di jendela browser baru sehingga Anda dapat melihat tampilannya saat ini. Saya telah menempatkan beberapa teks placeholder di beberapa area (yang akan kami ganti di langkah-langkah di bawah ini) untuk memberi gambaran tentang bagaimana seharusnya tampilan ini. Sekarang di jendela browser yang terpisah, pergilah ke "Template" => "Elemen Halaman" dan kami akan mulai menyiapkan template Blogger baru Anda.
Langkah # 1 - Mengkonfigurasi Elemen Halaman Header
Pertama, kita akan menyesuaikan header dan kita akan mulai dengan elemen halaman Header-Text-Box-Left yang dapat Anda lihat ditandai dengan kotak merah pada gambar.
Sekarang ketika Anda mengedit elemen halaman Anda akan melihat "Header-Text-Box-Left" sebagai judul yang dapat Anda ubah menjadi sesuatu seperti "LEBIH TENTANG AKU ...". Kemudian tambahkan teks apa pun yang Anda inginkan di kotak teks yang akan berakhir di bawah judul (seperti teks putih pada gambar). Ok, simpan elemen halaman Anda dan Anda selesai dengan kotak ini. Lakukan hal yang sama dengan elemen halaman "Header-Text-Box-Right" dan Anda akan selesai dengan kotak teks header. Simpan dan kemudian segarkan jendela browser Blogger Anda yang lain untuk melihat seperti apa tampilannya.
Kami akan mengurus link header dan gambar anak anjing pusat nanti karena memerlukan pengeditan kode template. Mari kita lanjutkan.
Langkah # 2 - Setup Recent Posts dan Recent Comments Page Elements
Daftar ini tidak akan muncul saat Anda pertama kali menginstal template jadi kami akan menghidupkannya sekarang. Mereka sebenarnya adalah widget RSS Feed sehingga kita harus menempelkan umpan dan umpan rss untuk membuatnya bekerja. Mari kita mulai dengan elemen halaman Recent Posts jadi klik edit. Kemudian paste di RSS feed url Anda yang kemungkinan besar akan ada dalam format ini http://YOURSITE.blogspot.com/feeds/posts/default. Pastikan mengganti "YOURSITE" dengan url blog Anda yang sebenarnya.
Tidak perlu mengganti judul (kecuali jika Anda ingin menyebutnya sesuatu yang lain) maka tekan "Save Changes". Kemudian simpan layout blogger Anda dan pergi ke jendela browser Anda yang lain, refresh dan lihat Recent Posts muncul di sidebar blog Anda. Cukup keren ya! Sekarang Anda akan melakukan hal yang sama dengan elemen halaman "Komentar Terbaru" namun Anda malah menggunakan format umpan ini http://YOURSITE.blogspot.com/feeds/comments/default. Sekali lagi, pastikan untuk mengganti "YOURSITE" dengan url blog Anda yang sebenarnya. Simpan dan pastikan itu bekerja dengan benar. Jika tidak muncul di blog Anda, kemungkinan Anda tidak memiliki url feed yang benar atau Anda mungkin belum punya komentar.
Langkah # 3 - Setup My Sponsors dan Link Love Page Elements
Kedua elemen halaman ini pada dasarnya merupakan daftar link dimana Anda bisa link ke situs manapun. Tahukah Anda bahwa Anda sebenarnya bisa menjual link dari blog Anda? Ini adalah bisnis yang sangat populer dan berkembang di web karena jumlah dan kualitas tautan ke situs seseorang meningkatkan rangking mereka di Google dan Yahoo. Jika Anda ingin mempelajari lebih lanjut tentang menjual tautan di blog Anda, lihat Iklan Tautan Teks untuk informasi lebih lanjut. Saya menggunakan mereka dan mereka membagi pendapatan 50/50 yang hebat karena mereka menangani iklan & transaksi.
Bagaimanapun, untuk mengatur elemen halaman link, klik edit elemen halaman My Sponsors dan kemudian masukkan nama dan url dari situs yang ingin Anda tautkan. Jangan ragu untuk menambahkan link ke situs saya sehingga orang lain tahu di mana Anda mendapatkan template yang bagus ini!
Sekarang lakukan hal yang sama untuk elemen halaman Link Love untuk mendapatkan tambahan link yang ditambahkan. Jika memiliki kedua elemen halaman link terlalu banyak, jangan ragu untuk menghapusnya dari tata letak halaman Anda.
Langkah # 4 - Mengkonfigurasi Elemen Arsip Arsip Blog
Elemen halaman ini seharusnya sudah bekerja sejak Anda menginstal template ini. Satu-satunya masalah adalah mungkin tidak terlihat benar karena gaya elemen halaman harus diatur ke "Daftar Rata" jadi mari kita lakukan sekarang (jika daftar arsip blog Anda sudah disetel ke flat, maka Anda bisa melewati langkah ini). Edit elemen halaman dan ubah default "Hierarchy" menjadi "Flat List". Anda akan melihatnya berubah di jendela pratinjau sehingga Anda akan tahu itu bekerja.
Klik "Save Changes" dan kemudian simpan tata letak halaman. Sekarang lihat blog Anda yang telah Anda buka di jendela browser terpisah untuk melihat tampilannya sekarang. Itu harus benar.
Langkah # 5 - Mengkonfigurasi Elemen Halaman Pembaca Terbaru
Sekarang ini adalah salah satu fitur unik dan keren tentang template ini. Ini terintegrasi dengan MyBlogLog yang merupakan alat keren untuk menampilkan gambar pengunjung ke situs Anda. Jika Anda belum memiliki akun, Anda harus menetapkannya terlebih dulu sebelum menyelesaikan langkah ini. Setelah Anda menyiapkan akun, mengklaim blog Anda, Anda bisa membuat widget. Saya akan berasumsi bahwa Anda telah melakukan langkah-langkah itu dan sekarang siap memasang widget Anda. Anda harus berada di layar ini sekarang di mybloglog.com.
Kami akan membuat ini sangat mudah jadi jangan khawatir tentang warna, lebar, dll dan cukup klik tombol "Preview and Get Code". Aku tahu ini terdengar aneh tapi tetap berpegang padaku di sini. Jadi layar berikutnya Anda akan mendapatkan halaman dengan blok kode yang bisa Anda gunakan. Ini akan terlihat seperti ini:
Satu-satunya bagian dari kode yang kita butuhkan adalah bagian yang telah saya beri tanda merah. Ini adalah kode mblID yang merupakan id unik hanya untuk blog anda. Anda akan menyalin seluruh kode id ini (saya meliput beberapa digit pada tangkapan layar dengan sengaja) yang seharusnya berjumlah 16 nomor, dan meletakkannya di tempat yang aman (seperti notepad terbuka dan menempelkannya di sana untuk saat ini).
<script type="text/javascript" src="http://pub.mybloglog.com/comm2.php?mblID=PUTYOURCODEHERE&c_width=425&c_sn_opt=n&c_rows=2&c_img_size=f&c_heading_text=Recent+Readers&c_color_heading_bg=FFFFFF&c_color_heading=ffffff&c_color_link_bg=FFFFFF&c_color_link=FFFFFF&c_color_bottom_bg=FFFFFF"></script>
Kemudian ambil kode javascript diatas dan ganti "PUTYOURCODEHERE" dengan 16 digit angka yang baru saja anda masukkan ke tempat yang aman. Selanjutnya, Anda akan mengedit elemen halaman "Recent Readers" dan menempelkan kode baru ini ke dalam kotak teks. Ini akan terlihat seperti gambar di bawah tapi tidak akan membungkusnya (saya hanya melakukannya untuk tujuan ilustrasi).
Klik "Simpan Perubahan" dan lihat pratinjau di blog Anda. Ini akan menggantikan kumpulan gambar mybloglog yang Anda lihat di situs Anda dengan kumpulan pengunjung Anda. Sekarang jangan terlalu bersemangat karena ada kemungkinan bagian ini akan kosong untuk sementara waktu (hampir pasti jika Anda baru saja mendaftar untuk akun mybloglog) karena Anda belum pernah memiliki pengunjung, jadi jangan khawatir. Berikan beberapa minggu sebelum Anda melihat beberapa gambar muncul.
Langkah # 6 - Mengkonfigurasi Elemen Halaman Foto Flickr
Ini adalah elemen halaman opsional lainnya dan Anda bisa melanjutkan dan menghapusnya jika Anda mau. Konfigurasi mengharuskan Anda memiliki akun Flickr dan beberapa pengalaman memilih gambar yang akan di tautkan. Gambar yang sudah terinstal pada template Blogger ini pada dasarnya adalah link langsung ke Flickr. Ada lebih dari satu cara untuk mendapatkan bagian ini bekerja (seperti menggunakan rss, bukan tautan gambar dengan kode keras) tapi saya hanya akan menunjukkan kepada Anda cara yang sederhana. Pertama edit elemen halaman "FlickrRSS" dan pastikan Anda berada dalam mode edit html. Kemudian di kotak teks yang ingin Anda sisipkan pada kode gambar baru yang ingin Anda gunakan (lihat di bawah untuk format yang benar). Ini akan terlihat seperti ini:
Inilah kode yang saat ini saya gunakan untuk membuat karya gambar:
<p><a href='http://www.flickr.com/photos/alankin/2213697421/'><img src='http://farm3.static.flickr.com/2312/2213697421_6be21edcfa_s.jpg' alt='different paths' /></a></p><p><a href='http://www.flickr.com/photos/alankin/2213697413/'><img src='http://farm3.static.flickr.com/2399/2213697413_c30648a36a_s.jpg' alt='college campus lawn' /></a></p><p><a href='http://www.flickr.com/photos/alankin/2213697411/'><img src='http://farm3.static.flickr.com/2150/2213697411_96525d4022_s.jpg' alt='wires in front of sky' /></a></p><p><a href='http://www.flickr.com/photos/alankin/2213632473/'><img src='http://farm3.static.flickr.com/2215/2213632473_8cf8af1c7f_s.jpg' alt='aerial perspective' /></a></p><p><a href='http://www.flickr.com/photos/alankin/2213632465/'><img src='http://farm3.static.flickr.com/2043/2213632465_5ce3aa4813_s.jpg' alt='clouds' /></a></p><p><a href='http://www.flickr.com/photos/alankin/2213632461/'><img src='http://farm3.static.flickr.com/2392/2213632461_96a8be9c06_s.jpg' alt='clouds over the highway' /></a></p><p><a href='http://www.flickr.com/photos/alankin/2214395424/'><img src='http://farm3.static.flickr.com/2253/2214395424_b9f11a18c0_s.jpg' alt='The Poultney Inn' /></a></p><p><a href='http://www.flickr.com/photos/alankin/2214395422/'><img src='http://farm3.static.flickr.com/2133/2214395422_1aa98af39f_s.jpg' alt='apartment for rent' /></a></p>
Jadi intinya Anda perlu mencari gambar di Flickr atau di suatu tempat di web yang ingin Anda tautkan. Menggunakan ukuran gambar Flickr yang kecil memastikannya sesuai dengan area elemen halaman ini. Pastikan Anda menggunakan format kode di atas (<p> dan </ p> di sekitar setiap gambar) dan gunakan delapan gambar. Jika tidak, itu tidak akan terlihat tepat di blog Anda. Sekali lagi, snipet kode di atas adalah kode yang tepat yang saya gunakan untuk gambar default di blog Anda.
Semoga langkah ini masuk akal dan Anda bisa menambahkan gambar yang Anda inginkan. Jika tidak, hapus saja elemen halaman dan lanjutkan.
Langkah # 8 - Mengkonfigurasi Tiga 125 × 125 Ad Spots
Saya tidak tahu tentang sebagian besar dari Anda tapi saya suka mencoba dan menguangkan blog saya. Ini adalah aliran pendapatan pasif yang hebat dan menyenangkan untuk dilihat seberapa banyak Anda bisa membuatnya. Jangan berharap banyak menuangkan tapi setidaknya mendapatkan beberapa iklan di situs Anda untuk menghasilkan beberapa dolar. Jika Anda belum pernah membaca artikel "Cara Menghasilkan Uang dari Blog Anda - Tip # 1" tentang menyiapkan Google AdSense di blog Anda, saya menyarankan Anda untuk membacanya. Anda dapat membuat 125 × 125 iklan di Google dan menempatkannya di tempat ini, misalnya.
Sekarang mari kita edit elemen halaman. Anda harus memiliki tiga iklan 125 × 125 siap untuk masuk ke tempat ini jika tidak, ini tidak akan berhasil. Gambar juga perlu di-host di suatu tempat jadi pastikan Anda sudah siap semuanya sebelum melangkah maju. Berikut adalah contoh kode Anda:
Ini adalah kode aktual yang saat ini digunakan dalam template blog Anda. Ini kode placeholder tapi penting untuk terus dibaca terus untuk mengerti mengapa.
<a href="http://www.linkworth.com/?a=10230"><img src="http://i254.photobucket.com/albums/hh92/eblogtemplates/adstheme/banner-linkworth2.gif" border="0px" /></a> <a href="http://www.widgetbucks.com/home.page?referrer=10252004"><img src="http://images.widgetbucks.com/images/referral/125x125_A.gif" border="0px" /></a> <a href="http://www.text-link-ads.com/?ref=2164"><img src="http://i254.photobucket.com/albums/hh92/eblogtemplates/ads/text_link_ads_F_125x125.gif" border="0px" class='last' /></a>
Ini sangat penting Anda tetap memformat bagian ini utuh jika tidak, mereka tidak akan terlihat dengan benar. Aku terutama berbicara tentang
class='last'
Tag pada akhir iklan 125 × 125 ketiga. Jika itu tidak termasuk dalam kode Anda, itu akan terlihat lucu di situs Anda. Ini adalah langkah yang sulit jadi mudah-mudahan kamu sampai sejauh ini.
Jika Anda belum memiliki iklan, silakan menempatkan iklan placeholder di sana. Saya sarankan untuk mengklik tiga iklan dan menyiapkan akun dengan mereka sehingga Anda bisa menghasilkan uang dengan blog Anda. Jika Anda tidak ingin iklan Anda bisa menghapus elemen halaman ini dari tata letak halaman Anda.
Langkah # 9 - Ubah Gambar Kepala Puppy
Ya, Anda mungkin bertanya-tanya mengapa ada gambar anak anjing lucu di blog Anda. Kabar baiknya adalah saya benar-benar meletakkannya di sana sebagai placeholder sehingga lebih mudah bagi Anda untuk menukar dan menambahkan gambar Anda sendiri. Kabar buruknya adalah Anda harus memiliki beberapa keterampilan mengedit foto untuk mendapatkan penyetelan gambar dengan benar. Jadi pertama izinkan saya memberitahu Anda bagaimana cara mengubah gambar dan kemudian kedua, jelaskan bagaimana cara menambahkan sendiri. Kode gambar anak anjing ada di bagian .css yang terlihat seperti ini:
/*=== Change this header puppy picture to one of yours ===*/
#polaroids-pic{
background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/polaroid/puppy.png) no-repeat;
Di sinilah Anda harus meletakkan link ke gambar baru Anda. Jika Anda tidak menginginkan gambar sama sekali (atau setidaknya untuk saat ini) maka hapus saja url dan gambar polaroid hitam default akan muncul. Gambar anak anjing hanya diposisikan di atas gambar hitam standar.
Jadi sebelum Anda dapat menambahkan foto baru, Anda harus benar ukuran dan memutar itu. Jadi buka foto anda di photo editor seperti MS Paint, Adobe Photoshop, Paint.net (download gratis), GIMP (download gratis), atau Picasa. Jika Anda belum memiliki perangkat lunak yang sudah terpasang, Anda dapat selalu menggunakan salah satu situs editing foto online gratis, seperti Picnik, Phixr, atau FotoFlexer. Perangkat lunak editing foto mana pun yang Anda putuskan untuk digunakan, siapkan dua perubahan berikut.
- Ubah ukuran foto menjadi 240 × 240
Putar foto 4 derajat berlawanan arah jarum jam
Update (2/1/08)
Karena permintaan populer, saya telah membuat gambar header polaroid secara langsung sehingga mudah untuk menambahkan foto pribadi Anda tanpa harus memutarnya. Ini termasuk dalam versi terbaru jadi cukup download dan anda sudah mendapatkannya.
Ini membuat foto dengan ukuran yang tepat agar pas di latar belakang polaroid. Selanjutnya, simpan gambar yang baru saja Anda modifikasi (Anda dapat menyimpan foto dalam format gambar standar seperti png, gif, jpeg, dll) dan mengunggahnya ke tempat online tempat Anda dapat menautkannya.
Ada layanan hosting gambar gratis seperti Photobucket, Googlepages, atau ImageShack hanya untuk beberapa nama saja. Saya pribadi menggunakan Photobucket tapi ada yang akan melakukannya. Anda harus mensetup akun gratis dan kemudian Anda bisa mengupload gambar Anda. Setelah mengunggah gambar baru Anda, Anda perlu mendapatkan url tempat foto tersebut berada. Jika Anda memutuskan untuk menggunakan Photobucket, url baru Anda akan terlihat seperti ini:
http://i254.photobucket.com/albums/hh92/yourname/newfolder/yourpicture.png
Ambil url itu dan ganti url puppy.png yang saya tunjukkan di atas. Simpan template anda dan muat ulang blog anda. Gambar baru Anda sekarang harus berada di beranda Anda! Jika tidak, maka periksa kembali dan pastikan Anda mengunggah foto dengan benar dan berhasil. Jika Anda melihat foto Anda di beranda Anda tapi tidak sesuai dengan benar, Anda harus kembali ke program pengeditan foto dan men-tweaknya lagi. Pilihan lainnya adalah mengedit file .css dan cari
#polaroids-pic {
. Di sana Anda bisa posisi, tinggi, lebar, dll untuk fine tuning. Anda benar-benar tidak perlu berantakan dengan pengaturan itu sekalipun.
UPDATE: Jika Anda juga ingin menghapus teks "Polaroid Saya" di gambar polaroid default yang Anda bisa. Anda harus mengedit kode template dan mengganti gambar polaroid yang ada pada baris 219 dengan yang ini. Cari "rotator.png" lalu ganti dengan "blank-polaroid.png" dan sebaiknya Anda pergi. (Terima kasih kepada Lindsay dalam komentar di bawah ini untuk sarannya!). Versi download terbaru sekarang hadir tanpa teks pada gambar polaroid.
Langkah # 10 - Mengubah Tautan Header Navigasi
Ini mungkin seharusnya langkah # 1 tapi saya benar-benar lupa tentang mereka sampai sekarang. Tautan ini sulit dikodekan ke dalam template sehingga Anda perlu mengedit kode sebenarnya agar bisa bekerja. Cukup edit kode template dan cari potongan kode berikut ini:
<li><a href='/'>HOME</a></li>
<li><a href='#'>ABOUT ME</a></li>
<li><a href='#'>ANOTHER PAGE</a></li
Anda harus menjaga link HOME seperti karena hanya menunjuk kembali ke halaman rumah Anda. Anda juga ingin mengubah tautan di sisi kanan juga:
<li><a href='#'>ADVERTISE</a></li>
<li><a href='#'>CONTACT</a></li>
<li><a href='#'>SITEMAP</a></li>
Sekarang ganti huruf href = "#" dan beri nama pada sesuatu yang Anda inginkan untuk setiap tautan. Lakukan untuk kedua sisi dan hanya itu. Cukup mudah kok. Pastikan untuk menyimpannya dan katakan ya saat meminta Anda untuk menghapus beberapa elemen halaman seperti HTML1, HTML2, dll. Saya tidak tahu mengapa setiap saat Anda menyimpan template Anda. Saya pikir itu bug Blogger sebenarnya.
Nah, setelah 2 jam menulis ini dan 8+ jam mengubah template ini ke Blogger, saya resmi selesai! Saya harap Anda menikmati template dan petunjuk untuk mengonfigurasinya. Jika bukan karena Adii (perancang asli), template ini tidak akan pernah tersedia untuk dikonversi menjadi template Blogger!
Jika ada pertanyaan silahkan posting di bawah ini menggunakan kotak komentar. Perlu diketahui saya bukan seorang ahli editing foto dan pertanyaan hanya harus berhubungan dengan konfigurasi template ini. Blogger pada umumnya, memiliki banyak bug sehingga ada pesan kesalahan tipe "bx-" yang mungkin Anda dapatkan, saya tidak akan dapat membantu Anda. Maaf tapi kesalahan Blogger bukan milikku atau milikmu.
Riwayat Revisi
Update (2/25/08) – Bug telah ditemukan dan diperbaiki mulai hari ini. Itu yang kecil tapi menarik perhatian saya oleh Tessa dan Rey. Tautan posting "Berikutnya" dan "Sebelumnya" telah hilang dari bagian bawah template. Jika Anda mendownload template ini sebelum hari ini, Anda harus mengunduhnya lagi atau memperbaiki template yang ada. Perbaikannya cukup mudah dan sebagai berikut:
Cari kode template untuk tag . Sebaiknya ada dua dari mereka. Anda ingin yang kedua. Di bawah kode yang ingin Anda tempel:
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
Blok kode terakhir akan terlihat seperti ini:
Anda kemudian ingin membuat rangkaian baru ini yang juga mudah dilakukan. Gulir kembali ke atas kode Anda dan di bagian .css Anda ingin menambahkan kode berikut:
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {padding:50px 15px 0px; text-align: center; }
Ini akan membuat link baru Anda selaras rapi bukannya squished ke kiri. Anda bisa menata mereka lebih jauh lagi (warna, ukuran, dll) tapi Anda harus melakukannya sendiri.
Update 4/22/08 – Beberapa orang meminta untuk memiliki 125 x 125 iklan yang sebenarnya, bukan dari tempat yang kosong sehingga hal ini telah dilakukan. Sebuah screen shot baru menunjukkan bagaimana ini terlihat seperti live demo. Anda dapat menukar iklan atau menyimpannya di sana tanpa batas waktu jika Anda tidak memiliki iklan untuk digunakan.
Update 5/17/08 – Memperbaiki citra pas gambar individu dengan benar. Anda dapat dengan mudah memperbaiki ini sendiri jika Anda menggunakan templat ini sebelum tanggal 5/17. Cari kode template Anda untuk ".postmetadata" dan kemudian ubah elemen padding "15px" menjadi "20px". Itu akan mendorong semuanya ke bawah dan menyelaraskan gambar dengan benar. Terima kasih kepada Ricardo atas bantuannya dalam hal ini.
0 comments:
Post a Comment