Translate

Selasa, 13 November 2012

fase 2

Pernahkah Anda mencermati desain (model) bidang posting (artikel) yang digunakan pada halaman beranda blog ini? Model bidang posting yang digunakan untuk halaman beranda blog ini bisa jadi lain daripada yang lain karena memang telah dilakukan kustomisasi, dalam hal ini adalah dengan menjadikan bidang artikel paling atas sebagai headline dan bidang artikel yang lainnya didesain sedemikian rupa sehingga ukurannya menjadi lebih ringkas (termasuk diantaranya adalah dengan menampilkan pratinjau dari gambar yang terdapat dalam artikel pada bagian sebelah kiri serta ringkasan artikel di bagian yang berbeda, seperti yang tampak pada gambar di atas). Uraian dalam artikel ini sendiri sebenarnya merupakan kelanjutan dari uraian dalam artikel sebelumnya yang berjudul “Cara Membuat Headline Artikel Di Beranda Blog Tampilan Versi Seluler”. Dimana apabila uraian dalam artikel tersebut menjelaskan cara atau teknik yang digunakan untuk membuat headline artikel pada beranda blog tampilan versi mobile, maka teknik yang diuraikan dalam artikel ini adalah digunakan untuk membuat headline artikel untuk tampilan blog versi web. Dan kiranya tak perlu panjang lebar, sekarang kita langsung saja pada pokok pembahasan yaitu mengenai cara mengubah model bidang posting untuk halaman beranda blog versi web. Untuk mengimplementasikan teknik ini, maka Anda dapat melakukannya dengan mengerjakan langkah-langkah berikut secara berurutan. Sumber: http://eltelu.blogspot.com/2012/09/cara-mengubah-desain-tampilan-blog.html#ixzz2C5tU4SC5
Diposting oleh di Tidak ada komentar:

Senin, 12 November 2012

eltelu
Beberapa kasus saya temui dari pengunjung dan beberapa teman blogger (khususnya newbie) yang mengeluh karena gagal memasukkan hack/script tambahan, tidak menemukan kode tertentu seperti yang ada di tutorial, bahkan ada pula yang templatenya "kacau" karena salah mengedit template HTMLnya. Tips ini saya buat untuk memberi masukan dan ide dalam melakukan editing Template HTML agar hasilnya sesuai dengan yang diinginkan. Semoga bermanfaat. 1. Memahami elemen dasar dari template blogger/blogspot sangat penting, pada dasarnya ada 5 elemen penting pada template Blogger yang hampir sama dengan elemen dasar web HTML pada umumnya: a. HTML/XML tag, yang menandakan bagian dari keseluruhan halaman, diawali dengan dan diakhiri dengan . Khusus untuk tag-tag XML, untuk template Blogger dan HTML editor setelah tahun 2007, selalu diakhiri dengan /, contoh: . b. Head tag, merupakan bagian dari keseluruhan head halaman, di dalamnya dimasukkan aturan-aturan yang mengatur banyak hal, termasuk tampilan (CSS), diawali dengan dan diakhiri dengan . c. Body tag, merupakan isi dari halaman web/blog, di dalamnya terdapat konten/isi inti halaman, termasuk pula widget-widget yang menjadi bagian dari isi halaman, diawali dengan dan diakhiri dengan . d. CSS, elemen pengatur tampilan halaman, baik dari segi warna, font, posisi, lebar luas, dan masih banyak lagi. Letaknya diantara dan berada pada bagian head. Pada beberapa kasus kode CSS juga dimasukkan tepat di atas sebagai aturan tambahan. e. Javascript, merupakan elemen yang sebenarnya mengandung software (web widget) yang berisi perintah-perintah tertentu. Biasanya digunakan untuk memasukkan elemen tambahan seperti popular post, auto readmore, dan sebagainya. Ada dua jenis javascript yang dapat digunakan: internal, yang diupload dan di-host langsung di Blogger, dan eksternal, yang diupload dan dihosting di server lain. Letaknya relatif, tergantung jenisnya. Untuk yang berjenis widget biasanya ada di dalam body. 2. Biasakan back up template terlebih dahulu sebelum editing, klik "Backup Full Template" di atas kotak "Edit HTML". Jika ada kesalahan dan anda tidak tahu script mana yang harus dibenahi, anda dapat dengan mudah mengupload file back-up template dan mengembalikan seperti semula. 3. Perhatikan benar-benar tutorial yang dibaca, jangan sampai ada yang terlewatkan. Sebagai contoh, jika harus mencentang/klik "expand widget templates", maka pastikan sudah melakukannya. Fungsi dari perintah tersebut adalah untuk membuka bagian-bagian body yang mengandung widget. Jika tidak dicentang, bagian-bagian tersebut akan "disembunyikan" oleh Blogger karena memang ditujukan untuk keamanan. 4. Ketika meng-copy script dari halaman tutorial yang anda baca, pastikan semua bagian script sudah tercopy atau jangan ada bagian selain dari script yang ikut ter-copy. 5. Jika harus mengubah isi script/kode, misalnya mengganti url blog/feed, value, dan lain-lain, salin/paste terlebih dahulu kode/script tersebut ke editor semacam notepad, wordpad, word. Setelah melakukan pengubahan script dan memastikan semuanya beres, baru masukkan script tersebut ke template HTML. 6. Agar lebih mudah dan cepat mencari kode tertentu seperti yang diminta di dalam tutorial, gunakan fitur pencarian browser, tekan Ctrl + F, setelah kotak pencarian muncul masukkan kode yang ingin dicari dan tekan next (enter). 7. Perhatikan benar-benar istilah di bawah/setelah serta di atas/sebelum, itu berarti letakkan kode benar-benar setelah atau sebelum kode yang dicari. Kode-kode dibaca oleh browser dari kiri ke kanan sebagai urutan. Atas bawah hanya digunakan untuk memberi kenyamanan dalam mengurutkan. Bagi browser, dia tetap dibaca dari kiri ke kanan. Contoh: Kita lihat di situ ada 2 tag bersisian, jika harus memasukkan tag/kode baru di bawah/setelah , itu berarti anda harus meletakkan benar-benar setelahnya, sehingga harus digeser posisinya, atau kode/tag baru disisipkan di antara keduanya, jadinya:
Langganan: Postingan (Atom)