Tampilkan postingan dengan label Artikel dan Postingan. Tampilkan semua postingan
Tampilkan postingan dengan label Artikel dan Postingan. Tampilkan semua postingan

Jumat, 14 Januari 2011

Cara Memposting Artikel

Berikut ini saya jelaskan, bagaimana langkah-langkah dalam memposting suatu artikel. Jika sobat sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.

Jumat, 10 Desember 2010

Tips menampilkan postingan hanya judulnya saja

Agar pada halaman depan hanya menampilkan judul posting saja, berikut langkah-langkahnya :
  • Silahkan login ke blogger dengan ID anda.
  • Klik Rancangan   rancangan 
  • Klik menu Edit HTML. edit html
  • Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap. backup template
  • Carilah kode ]]></b:skin>
  • Copy kode berikut, lalu paste di bawah kode ]]></b:skin>
    <style type='text/css'>      <b:if cond='data:blog.pageType != &quot;item&quot;'>      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>      .post-body{display:none;}      </b:if>      </b:if>      </style>     
  • Klik tombol SIMPAN TEMPLATE.
  • Selesai. Silahkan lihat hasilnya.
Mudah bukan? namun, dengan memasang kode diatas masih menyisakan beberapa elemen seperti tanggal posting, komentar dan yang lainnya. Jika anda ingin menghilangkan semuanya dan yang tersisa hanya judul post nya saja, mungkin anda bisa menggunakan kode berikut :

<style type='text/css'>      <b:if cond='data:blog.pageType != &quot;item&quot;'>      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>      .post-body, .post-footer, .jump-link,       .post-timestamp, .reaction-buttons,       .star-ratings, .post-backlinks,       .post-icons, .date-header{display:none;}      </b:if>      </b:if>      </style>     

Jika ternyata masih ada elemen tersisa selain judul post, mungkin kode template anda tidak mengikuti standar template blogger. Bagaimana solusinya? anda harus mengenali struktur template anda.
Bagi anda pengguna browser internet firefox, ada tips mudah mengenali struktur template anda yaitu dengan menginstall add-ons Web Developer yang bisa anda download di add-ons for firefox.

Silahkan buka alamat blog anda ( tentunya yang akan di edit sesuai artikel diatas ). Klik menu Information, kemudian pilih Display Div Order.
div order

Maka secara otomatis akan ditampilkan struktur div dari template anda. Contoh gambar :
struktur div

Dari gambar tersebut terlihat bahwa tanggal posting serta komentar disimpan dalam elemen div :
.databarleft
.datebarright

Sehingga kode yang digunakan menjadi seperti ini :

<style type='text/css'>      <b:if cond='data:blog.pageType != &quot;item&quot;'>      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>       .post-body, .databarleft, .datebarright{display:none;}      </b:if>      </b:if>      </style>     

Semoga bisa difahami.
Update : kode telah di sempurnakan agar tidak konflik dengan static page / static post

Kamis, 07 Oktober 2010

Cara Menambahkan Widget Recent Posts di Blogger Dengan Thumbnail Image

Posting ini menjelaskan, cara menambahkan Widget Recent Posts di Blogger dengan thumbnail image:
Fitur :
Thumbails untuk Recent Posts
Komentar Count

Jadi, mari kita lihat cara memasang widget ini di blog Anda keren ..

Senin, 27 September 2010

Menampilkan Script di Postingan

Encode / Decode HTML Entities
Cara menampilkan script html pada posting. Copy kode script yang akan kita masukkan ke dalam posting kemudian silahkan menuju http://centricle.com, kita akan melakukan Encode terlebih dahulu agar code script dapat di tampilkan pada posting.

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More